Archive

Tag Archives: html5

Several weeks ago young girl (not too young) asked me to implement simple solution to manage statistics on how much a person has read. Well, she has an idea to make the world better in the way of gamification of the reading process. So, people would be motivated to read more.

Ji-Shi-Sha-Scha

Let’s focus on the technical part of the problem. I used Angular.js framework to implement HTML5 solution integrated into VK social network as an application. I used CoffeeScript, mozilla’s pdf.js, LocalStorage, twitter bootstrap and VK API. As it’s pure client side solution, I hosted it on github pages.

Some time ago I designed and implemented mobile solution to browse/search legal information actual in the Netherlands. There are a lot of legal institutions, rules, etc. in the Netherlands, so, the idea of application is to provide the roadmap for regular user to solve specified law question/problem.

There is a client-server solution. From one hand there is free android application which can be used as offline manual. As it’s mostly content oriented application, I created it by PhoneGap + HTML5 + jQueryMobile technology. But it’s not pure HTML5/JS/CSS solution because it needs several PhoneGap plugins implemented by Java.

Server side of the solution is a simple PHP+MySQL CMS implemented as single-page backbone.js web application to compose and correct the content of the manual. I also used Slim MVC, Twig templates and idiorm ORM to MySQL frameworks.

The workflow is:

  1. Content manager edits the content (CRUD) and deploy new version available via HTTP online;
  2. The clients automatically update (check, download and install) the latest version of content from that HTTP interface when they are online;
  3. Then the clients may use new content even offline.

There are also such useful features:

  • search by tags
  • feedback form
  • share the link/content via email/facebook/twitter/etc.

Image

Yesterday Alexander Orlov mentioned interesting mind exercise: using mouse by left hand (if you use it by right one on regular basis). This trick stimulates the right hemisphere to force our mind to generate even more crazy ideas. After first day of such left-mouse clicking I created simple but fun html5 down counter in the address bar of the browser (isn’t that fun?). I tested it in FF, Chrome, Opera and Safari. It doesn’t work in IE (means html5 is still dangerous territory or IE must die, underline your own).