Posts Tagged ‘HTML5’

Mar 13, 2014

HTML5 Beginner Tutorial – Eastfist Style

By Chongchen Saelee

OK. Let me show you how I do HTML5 for best speed and conformity. Check this:

To begin, the first thing you need to know about HTML files is that they contain only strings or text. They cannot be binary data like other kinds of files. Ironically, it’s binary anyway, but HTML data is required to be interpreted as text or string only.

So open your favorite string/text editor, such as Notepad or Notepad++, and create a new blank text file. You will be typing in the bare minimum text to structure a HTML file (the proper way anyway). (more…)

Jan 3, 2014

HTML5 Canvas Performance Cross-Browser Comparisons

By Chongchen Saelee

Rendering 32×32 bitmapped image with 2D to real 3D to 2D projection tranformation to fit 320×240 (100%) HTML5 canvas with translation, scaling, and other composited images:

Chrome v.31x = 62fps
Firefox v.26 = 60fps
IE v.9.0.8x = 45fps

BUT, when using browser’s built-in zoom to 200% (640×480):

Chrome v.31x = 60fps
Firefox v.26 = 15fps
IE v.9.0.8x = 45fps

So obviously, Chrome is champ when it comes to utilizing your hardware acceleration techniques. Firefox, however, failed in the zoomability corner. What a shame.

Sep 3, 2011

Efficient Web Browser Rendering

With the impending “official” release of HTML5 and CSS3 coming up, I’m wondering if all the fancy new features actually make the web-browsing experience better (or even faster). (more…)