PhoneGap and Android Studio

PhoneGap uses purely html, css and js ; so a good framework for those who have been worked on these technologies mostly. Just started building mobile application. After some research found that phoneGap to be the best framework to start with.

Required applications to install -

1. PhoneGap
2. Android Studio

PhoneGap Desktop application was not working well so I preferred to work on phonegap command line.

Followed the following links, it has explained very easy steps to start with phonegap apps - https://www.ringroost.com/blog/android-studio-phonegap-mac-hello-world-android-app-html-css-javascript/
http://www.codenutz.com/getting-started-phonegap-android-studio/
http://www.tricedesigns.com/2013/05/16/phonegap-android-studio/

Came across some issues and following links helped me to get through it -

1. Error - how-to-fix-hax-is-not-working-and-emulator-runs-in-emulation-mode
   http://stackoverflow.com/questions/21031903/how-to-fix-hax-is-not-working-and-emulator-runs-in-emulation-mode
2. Error - “No Content-Security-Policy meta tag found.”
   http://stackoverflow.com/questions/30212306/no-content-security-policy-meta-tag-found-error-in-my-phonegap-application
config.xml is present under applications root directory
3. https://developer.ibm.com/answers/questions/18840/not-able-to-connect-to-mobile-app-from-emulator-getting-exception-in-logcat.html

Working with HTML Emails

Off lately I have been working on html emails. i.e sending emails to users on submitting the form on website / newletters etc. These types of emails can be designed in two forms

1. Plain Text format
2. HTML based.

It was quite nteresting to build these emails. Because as HTML has reached to its 5th version and we cannot use any of its properties/tags here, we are required to use properties which were even deprecated in HTML4.

All I had to do was to google around the deprecated tags. Another interesting thing is you are required to use table based design here. I hate it! Email clients do not understand the new / clean div tags.

But still, at times its fun to search out the deprecated tags from our html store and use them in building up something really useful. Its like ‘Best out of waste’. ;)

During my study I found out many interesting practices that needs to be followed in email designing, Some of them are :

1. Keep Design Simple.
2. Take care that your emails are not sent to SPAM / JUNK folders of users.
3. Embedded CSS ( Internal CSS ) is not very well supported in newer browser-based email programs like Y!mail, gmail, windows live, Mac mail, AOL webmail.
4. Make sure you provide ‘plain text alternative’ in your mails. Use MIME Multipart Alternative content type.
5. Some email clients makes the links clickable , some wont so type out the entire URL if you want your user to visit certain webpage.
6. Give all image tags an ‘alt’ tag.
7. Wrap the email in 100% width table.
8. Do not allow width to extend beyond 600px.
9. All easy unsubscribing from your mailing list.
10. As IE troubles webdesigners , how can it spare emails ! Windows live Hotmail adds a few pixels of additional padding below images. We have a hack for it! : img{display:block;}

Resources:

1. http://www.tutorialized.com/view/tutorial/20-Email-Design-Best-Practices-and-Resources-for-Beginners/54668
2. http://www.1stwebdesigner.com/tutorials/ultimate-guide-html-emails/
3. http://mailchimp.posterous.com/20-email-design-best-practices-and-resources-1
4. http://net.tutsplus.com/tutorials/html-css-techniques/20-email-design-best-practices-and-resources-for-beginners/