HTML5 Archive

This a three-part blog series about Progressive Web Apps. In the first article in the series ‘Why Progressive Web Apps (PWA) is not good news for Native and Hybrid app developers‘ I tried to explain the imminence of Progressive Web Apps. After reading it many of my readers asked me about the difference between a Progressive Web App and Responsive web app. In fact, with many new mobile development jargons springing up every day it really is hard to understand the technology concept especially when they are cryptic with synonyms. So not matter how hard I try to explain the concept, it will still remain complicated. So I will try to explain this using images. Please let me know how I did. To me, a Progressive Web App …

Read More...

Some of us might have read about Mozilla foundation coming up with a new mobile operating system which will be developed in HTML5, called Firefox OS. And we all thought that it will be one big HTML5 web page when booted up! Well its much more than that. Its a complete mobile operating system now. Mozilla now have a working emulator of the OS called r2d2b2g. The OS can be previewed on Firefox browser as an add on. Its a 61.2 Mb download and once done you can test it by selecting Tools > B2G Desktop. BTW b3g stands for ‘Boot to Gecko’. With the OS, Mozilla is targeting markets that cannot afford a smartphone like the iPhone or Android. The complete OS is written …

Read More...

Minimalism has become a common feature in the Web 2.0 world. Everything including forms have now become minimalistic. Putting labels alongside form fields has become too Web 1.0 ish. Most websites these days use watermarks or placeholders to provide hints to users on  how to fill a form field. Now if you have just migrated from the Web 1.0 to Web 2.0 and are still wondering how to place watermarks or placeholders in your forms, read on. Method 1 : Changing value of the text field based on events This method has been used by many websites as it is easy to implement and is the most browser compatible method. Basically you will be adding event listeners for the ‘onfocus’ and ‘onblur’ events of the …

Read More...