Author: fyhao

Jebsen & Jessen Comms Singapore INTI University College Bsc (Hon) of Computer Science, Coventry University

HTML5 Full Screen API

HTML5 now supports Full Screen API that allows browser to request full screen, and it is useful for video element. It is awkward that HTML5 video does not full screen while Flash video does have previously.

The first full screen API is developed by Apple Webkit implemented in iOS. Now Google Chrome, Firefox, Safari did support full screen API that called using JavaScript. However, they did use their own API methods with less standardization for developer to write cross-platform full screen operation.

Related Links:

Native Fullscreen JavaScript API (plus jQuery plugin)


http://arstechnica.com/business/news/2011/11/html5-games-video-get-boost-from-full-screen-api-in-firefox-nightly.ars
http://peter.sh/2011/01/javascript-full-screen-api-navigation-timing-and-repeating-css-gradients/

Joli.js a lightweight ORM for Titanium Mobile

Researching Titanium Mobile development, I want to create a database application and I need a database framework or ORM (Object-Relational Mapper) to manage my entities without troubling with SQL.

Many available ORM frameworks written by JavaScript is capable of dealing with SQLite database that can worked with HTML5, Google Gears, and Titanium Mobile, and Joli.js is the one I found that is more suitable when used with Titanium Mobile.

Joli.js provides simplistic way to create database query, like amazing Query constructs (query().select(“tablename”).where(“name = ?”, “age”).execute()), and easier / extensible way to define the model entities. It is enough for simple application development. However, it does not support relationship association between entities (one-to-one, one-to-many) such like ActiveRecord did originally.

Fork out Joli.js demo on Github!

Imgshow Platform added support for Microsoft Bing Map

Imgshow Platform added support for Microsoft Bing Map. The websites that had installed Imgshow Platform can easily embed Bing Map into their web pages.

For Discuz! forum who had installed Imgshow Platform plugin, they can enable this feature, by entering into their Discuz! Admin Panel, then go to Plugins -> Imgshow Platform, clicked on “Fetch latest Imgshow Service”, and then “bingmap” code will be automatically added. It is available for both English and Chinese version.

View the help details on how to embed Bing Map into Discuz! forum,
English version: http://www.discuz.my/misc.php?mod=faq&action=plugin&id=qx_imgshow:help&topic=bingmap
Chinese version: http://bbs.qxinnet.com/misc.php?mod=faq&action=plugin&id=qx_imgshow:help&topic=bingmap

Imgshow on Facebook also supported Bing Map service. For example, you want to show “Singapore”, you may have two ways:
1) Imgshow Query Language
http://apps.facebook.com/imgshow/q:name=bingmap,center=Singapore

2) Or this convenient way
http://apps.facebook.com/imgshow/bingmap/Singapore

After you get right the map with the URL you assigned, then you share it to your wall.