Medium Feed

 

Sunday, October 18, 2015

IoT Mobile Apps development using HTML 5 and Javascript

Recently, I came to know about an interesting framework called "Evothings" which makes developers life easy as to develop Mobile IoT applications just by using HTML 5 and JavaScript.
It helps developers to build  or connect with any bluetooth, BLE, Wifi , NFC devices just with little help of HTML 5 and Java script.
Evothings is a Sweden based startup and it is hyperload live mobile development feature is fantastic, it is makes developing and testing very easy. This framework comes with lot of working examples in connecting with different devices. And of-course it is open source apache 2 licensed framework.
It supports connectivity to many devices (working examples for each given)
To name few devices
Estimote beacons, Aurdino, Philips HUE light, Electric Imp, Rasberry pi,etc...

Monday, October 12, 2015

Apache cordova App - Change App icon or logo.

 To change the default icon or logo of an Cordova application. we just have to replace the default icon.png from the below folder icons and re-build the cordova app and then deploy it. 

For iOS:

PROJECT_PATH/platforms/ios/PROJECT_NAME/Resources/icons


For Android:

PROJECT_PATH/platforms/android/res/drawable

also you need to update the icon name change in manifest file.

PROJECT_PATH/platforms/android/AndroidManifest.xml

Friday, October 9, 2015

Cordova platform : " Error: Failed to run "ant -version", make sure you have ant installed and added to your PATH "

I was getting  below error while doing Cordova environment initial setup.

Few hours of wasting time in googling , have find out that the issue was "empty" space in the PATH.

So I changed  from C:\Program Files\... to C:\Progra~1\....

This fixed the issue and now when I run cordova platform add android command it executes successfully with out any errors.

Wednesday, October 7, 2015

Horizontal center align the Image inside the Div

If we have just text inside DIV , we can make that content center aligned just by giving "text-align:center". But in the case of having image inside the DIV and we wanted to make the image to be center aligned in DIV then "text-align:center" will NOT help.

Quick/ Easy fix is :

<div class="container>
<img  src="somthing.jpg" class="img">
</div>

<style>
.container { text-align:center;}
.img { display:inline; margin:0; padding:0}
</style>