Category: HTML5 / CSS3

HTML5 API Grab Bag – Geolocation

The advent of HTML5 has revolutionized the traditional web scene (and sense). In particular, HTML5’s mandatory support for incorporating the ever-increasing number of APIs* into browsers has enable web pages to function more and more like desktop applications. This empowerment has brought about new possibilities and opportunities for the next generation of web applications that are more autonomous and can work offline, on multi-platforms, free of third party plug-ins and less reliant on server-side scripting. In the foreseeable future, it is not unimaginable that the web browser will replace our traditional metaphor of desktops on our computers, that of a web-based desktop.

Wow, the future of web landscape looks excitingly promising. However, reaching this stage is not without its challenges. For one thing, the supports of the current browsers must be improved and streamlined. For another, the awareness and education on HTML5 APIs among the web communities must be stepped up. Some would have argued about “the chicken or the egg” causality dilemma. I would argue that both can proceed in parallel.

Over the years, HTML5 specification has added a bag full of APIs that cover a wide spectra of functionality and features that power the future web browsers and mobile devices. In this article, we will dip into the HTML5 API grab bag and draw out one of them for discussion and exploration – Geolocation.

Posted in HTML5 / CSS3 Tagged with: , , ,

Formidable Forms with HTML5

Introduction Once upon a time, there existed countless paper forms that we had to fill up for activities like applying for jobs, opening bank accounts, admission to schools, and even registering marriages. The list went on and on. In those

Posted in HTML5 / CSS3 Tagged with: , ,

Responsive Web Design Codified

Websites today serve not only traditional desktop monitors, but also televisions and handheld mobile devices like tablets and smartphones. Apart from the myriad screen sizes, mobile devices are made to change orientation anyhow at the flip of the palm. Notwithstanding

Posted in HTML5 / CSS3, Responsive Web Design Tagged with: , , , ,

Web Storage Wizardry

Introduction The World Wide Web (WWW) is originally stateless. HTTP (HyperText Transfer Protocol) – a set of rules that governs communications on the WWW, provides no means for maintaining states. Using HTTP alone, every request for a web page is

Posted in HTML5 / CSS3 Tagged with: , , ,

Coding Canvas

Introduction Traditional HTML was created with text in mind. While the insertion of images can be done through the <img> tag, the inclusion of animation will require third-party plug-ins. In this respect, traditional HTML is vastly lacking in its capability

Posted in HTML5 / CSS3 Tagged with: , ,
%d bloggers like this: