HTML5 samples, showcases, tools, tutorials & more...

Posts tagged android

iOS Leaves Android in the Dust for HTML 5 Performance

Mar06
2012 Leave a Comment Written by Sophie.Y

The future of Web-based apps seems to be HTML5. As ubiquitous as it is on PCs, Adobe Flash has failed to catch on in the mobile world, and alternate solutions like Silverlight are too proprietary. A new report finds that iOS blows Android out of the water when it comes to HTML5 performance.

Spaceport.io tested a variety of iOS and Android devices for its PerfMarks report. The goal was to compare the performance of HTML5 apps on different hardware and software combinations to see which mobile platform delivers a better HTML5 experience. The study found that iOS has about three times better HTML5 performance than Android.

[Click to enlarge] iOS vs. AndroidWhen it comes to HTML5, this report finds the scales tip heavily in Apple’s favor.The PerfMarks methodology tested each device and operating system combination to assess the ability to animate image movement. Basically, spaceport.io measured the number of moving images that can be displayed at one time while maintaining a minimum frame rate of 30 FPS (frames per second) — a gaming baseline for smooth animation rendering.
READ MORE »

Posted in HTML5 News - Tagged , , ,

Introducing jQuery Mobile – Tool for HTML5 Mobile Platforms Development (Three)

Dec21
2011 Leave a Comment Written by Cindy

List Style

List style is commonly used in pages mobile platforms since it makes navigation task very convenient. And in jQuery Mobile, you just need to specify data-role as listview. See codes as following:

<ul data-role=“listview” data-inset=“true” data-theme=“f”>
<li><a href=“#”>Title name</a></li>
<li><a href=“#”>Title name</a></li>
<li><a href=“#”>Title name</a></li>
</ul>

READ MORE »

Posted in HTML5 Tutorials - Tagged , , , ,

Introducing jQuery Mobile – Tool for HTML5 Mobile Platforms Development (Two)

Dec20
2011 Leave a Comment Written by Cindy

Tool Bar Style

In jQuery Mobile, tool bar belongs to head and footer element category. In order to define tool bar in head or footer, we need to use data-role to make it. Please see the sample codes below, it shows how to define tool bars located in head and footer in one page at the same time.

<div data-role=“header”>
<h1>Page Title</h1>
</div>

<div data-role=“footer”>
<h4>Page Footer</h4>
</div>

READ MORE »

Posted in HTML5 Tutorials - Tagged , , , ,

Introducing jQuery Mobile – Tool for HTML5 Mobile Platforms Development (One)

Dec19
2011 Leave a Comment Written by Cindy

Now the time of surfing internet through mobile phone is coming, developers are seeking for ways of developing new programs based on their known techniques and skills quickly, which are able to run on variable platforms, saying Android, iOS, Blackberry and etc. Among several great developing frames for mobile platforms, I believe jQuery Mobile should be the one which is more familiar to us. Now we will introduce how to use this tool to you in the following three tutorials.

Theme in jQuery Mobile

In jQuery Mobile, we suggest you to create a page template including head, content and footer, and then define them through data-role of HTML5. The following codes show us a main page frame.

READ MORE »

Posted in HTML5 Tutorials - Tagged , , , ,