Thursday, December 27, 2012

HTML5, CSS3 Test Redux

HTML5 and CSS3 are full of lots of sweet features. But it can be tricky to determine which features your device supports. Luckily there are sites out there which will report on the features  your device support.

To test HTML5 features, there is the  appropriately named, HTML5Test.com and for CSS3, there is the equally appropriately named, CSS3Test.com. Back in August, I ran three phones through the two tests and reported on their scores. Back then the phones were: the Apple iPhone 4, the Google Nexus One, and the Samsung Focus Flash. They represented iOS, Android, and Windows Phone 7 respectively.  If you are curious here's link to that post:


Well, I have a new crop of phones on hand, this time all flagship phones for their respective O/S. I have Apple's iPhone 5, Google's Nexus 4, and representing Windows Phone 8 (WP8), the Nokia 920. 

  • Apple iPhone 5 - HTML5 386 and  9 bonus points - CSS3 55%
  • Google Nexus 4 - HTML5 385 and 11 bonus points - CSS3 54%
  • Nokia 920      - HTML5 320 and  6 bonus points - CSS3 54% 
  • Chrome 23 (OSX)- HTML5 448 and 13 bonus points - CSS3 63%


The biggest surprise in the crop is the Nokia 920. Windows Phone 7 had very marginal support for HTML5 or CSS3. Its score was drastically lower than the iPhone 4 and even the Nexus One which came out much earlier. Well, the 920 isn't anyone's whipping boy. It ties the Nexus 4 in its CSS3 score and falls only one percentage point below the iPhone 5. In HTML5, Windows Phone 8 still lags behind the iPhone but it is only by 66 points, not 166 points of the last test. 

Vs. Desktop
Google's offering still lags behind Apple's iPhone 5, but now it is only by one point in the HTML5 test and one percentage point in the CSS3 test. For comparison, Chrome 23 running on Mac OSX Mountain Lion gets scores of 448 on the HTML5 test and 63% on the CSS, so there is still a lot of room for improvement for mobile browsers. Plus, this should serve as a caution to those of us doing mobile development and testing our apps on the desktop. Desktop browsers are still more capable than those on mobile devices, so testing on the device is still mandatory.

What about JavaScript?
JavaScript is the language of the web and there are also websites to test your device's JavaScript implementation speed and capabilities. In an upcoming post, I will reveal how well these devices do with JavaScript.