Tag Archives: HTML 5

FireFox 4 Beta

Firefox 4 Beta is now available for download. Download here. As we have already discussed about this in my past month’s post titled FireFox 4 plans.

[sniplet postads]

As posted in the above post it was the same change that expected to appear in Firefox 4. So it is not necessary to discuss it here. To add up with some statistical report, it is 20% faster than its predecessor. Most of the changes are targeted to support HTML 5 features.

Regarding GUI, It resembles chrome in all angle. Comparison of both Chrome and Firefox 4 is chronicled in ‘computerworld.com‘ as 5 parts.

[sniplet postads]

Mozilla adds a feedback button in the top right corner of the Beta to collect user experience for its future modification of Firefox 4.x. So don’t forget to submit your feedback. This feedback button may or may not be available in the future standard version.

Mozilla being largely supported by Google’s Search based adsense revenue, Firefox now supports WebM video format which may be accepted as a HTML 5 video where Firefox before gave its full support to Ogg format of video. Behind the browser it is not built with the best JavaScript rendering machine but Mozilla release notes says that better JIT (Just In Time) compiler for JavaScript and layered rendering engine are “coming soon.”

[sniplet postads]

Firefox 4 now resembles Google Chrome in all features, and have some more than chrome. But chrome still stood first in light weight feature, that means it just occupies very low memory when compared to firefox, and that means more speed.

HTML 5 Demonstration Sites

Even though HTML 5 is not still standardized some of the sites are implementing HTML 5 in their applications. Some of the site demonstrating HTML 5 are listed below.

  • Mozilla Bespin -  An in-browser programmer’s editor written using HTML technologies.
  • YouTube – YouTube’s HTML5 player offers experimental HTML5 support.

[sniplet postads]

  • Vimeo – Vimeo movies offer a link at the bottom for switching to an HTML5 player (Chrome, Safari, IE+Chrome Frame).
  • Merge Design – An HTML5 geolocation demo.
  • Sticky Notes – A demonstration of HTML5 client-side storage.
  • Wolfenstein 3D – Demo using the canvas tag (with how-to) — works in Firefox 3.6.
  • ClouserW Soundboard – An HTML5 sound board showing off multimedia capabilities.
  • Google Wave – Google Wave relies on HTML5 for some of its features

[sniplet postads]

  • FreeCiv – A game implemented in HTML5.
  • Smokescreen – A Open source project in javascript and HTML 5 converts flash to HTML 5 Graphics.
  • 9elements Canvas – A HTML 5 canvas concept working demo.

You can find more demo links at www.hongkiat.com/blog/48-excellent-html5-demos/. The demos in hongkiat sites are developed by developers experimentally. watch this animated story cs.helsinki.fi built in HTML 5.

[sniplet postads]

Major Changes Expected In Upcoming HTML5

HTML 5, the overhaul of upcoming Web markup language currently under way at the Worldwide Web Consortium (W3C). Many claim the HTML and XHTML standards have become outdated, and that their document-centric focus does not adequately address the needs of modern Web applications. HTML5 aims to change all that. When it is finalized, the new standard will include tags and APIs for improved interactivity, multimedia, and localization.
[sniplet postads]
As for now, some of the expected changes were listed below,

  • HTML 5 could kill ‘Flash’ and ‘SilverLight’. As it supports almost all multimedia rich contents in the format of java script and other html tags. It will free the developers from reliance on proprietary plugins such as flash, silverlight and quicktime.
  • HTML for Rich content. Web pages as documents written in pure XML formulation, with the proposed XHTML standards emphasizing document structure, compatibility with XML tools, and the Semantic Web.
  • Multimedia Content. Web pages increasingly incorporate scalable graphics, animation, and multimedia, but so far these capabilities have required proprietary plug-ins such as Flash, RealMedia, and QuickTime. The addition of plug-ins increases security issues and lack of plug ins frustrate the users from client side. Supporting of Common video format for HTML 5(Read this article) of webm or H.264 or ogg may eliminate this problem
  • Canvas tag. Java script may used to manipulate canvas elements and which can be used for real time changes in graphics.
  • Platform Independent Document. With the proposed XHTML document structure can be made as platform independent document, that means, the document in HTML5 will be supported by every OS.

[sniplet postads]

  • Web as an Application Platform. HTML5 is expected to provide great support to Web application like Games, Office application like Google Apps.
  • Inclusion of Additional Markups. New tags like
    header,footer,dialog,aside,figure 

    allow content authors to specify common document elements in a consistent way. These tags are now handled by <div> tags.

  • Introduction of MicroData. Microdata is a method of annotating HTML content with machine-readable tags, making it easier to process for the Semantic Web. Together, these structural enhancements allow content authors to build cleaner, more manageable Web pages that play nicely with search engines, screen readers, and other automated content parsers.
  • Browser Application Cache. HTML5 introduces the concept of browser-based application caches, which allow Web applications to store information on the client device. Like the Google Gears plug-in.
  • Support for Older Version. Developers and web masters are required to maintaining two versions of their sites: a rich version for HTML5-enabled users, and a version for legacy browsers that falls back on outdated rendering tricks.

[sniplet postads]
After my long search on internet I collected the details about HTML 5, I hope the list contains all the major changes, If I missed any thing please add it in your comments.

HTML 5 – Video Format

HTML 5 , the next revision to HTML 4. As said in my previous article HTML5 is standardized to support every formats without extensions or plug-ins. So the format is to be open-source and royalty free.

[sniplet postads]

WebM – Among the announcements made at today’s Google I/O keynote is WebM, a new open-source, royalty-free video format based around the VP8 codec intended for use with HTML5 video. The WebM project’s goal is to develop “a high-quality, open video format for the web that is freely available to everyone.” The project has the backing of Google, Mozilla, Opera, and numerous other companies. If it catches, on, it could settle the rift that currently exists with HTML5 video support, thus speeding up HTML5 adoption.

We can use the below simple code as like we used for image display in html after if WebM is accepted for HTML5

<video src="movie.webm" controls>
Your browser does not support the video tag.
</video>

Currently there are two competing products

[sniplet postads]

  1. H.264 (backed by Apple and other companies)
  2. ogg theora (backed by Mozilla )

For now H.264 is supported by all major browsers like chrome, safari, and the upcoming IE9 but Ogg is only supported by Mozilla Firefox. and H.264 format proved for higher quality streaming video than ogg, but Mozilla cites licensing concerns with H.264 as its justification for going with the free Ogg Theora format. MPEG-LA, the group that oversees the H.264 format, says that it won’t charge licensing fees for use of format for Web video. However, this free-for-Web-video arrangement lasts through only 2016; after that, it’s up to MPEG-LA to decide whether to charge for H.264 or to keep it free.

[sniplet postads]

So, at overall WebM is supported by almost every browsers and the latest news says that Microsoft is going to release its IE9 with VP8 codec, that means IE8 is going to support WebM too.

HTML 5 – Smokescreen (Flash without Flash plugin)

HTML5 is a new version of HTML and XHTML. The HTML5 draft specification defines a single language that can be written in HTML and XML. It attempts to solve issues found in previous iterations of HTML and addresses the needs of Web Applications, an area previously not adequately covered by HTML.

[sniplet postads]

Due to the Apple’s ban for Flash components in Apple products like ipad, iphone , Smokescreen a open source project is developed in the aim of getting flash in browsers which supports HTML 5.

Smokescreen converts the flash into HTML and JavaScript which runs on HTML 5 supporting browsers.

[sniplet postads]

The Smokescreen folks say that Web designers won’t have to learn anything new to make the conversion, it’ll just work. The source code is not released yet, but there are plenty of demos on smokescreen.us site.

As for now the main advantage of the HTML 5 and smokescreen is ‘ there is no need to install flash plug-in to make it work’ . HTLM 5 is expected with self centered browsing capabilities without any need of plug-ins to display or web application process etc.

Source:

HTML 5 in wikipedia

smokescreen.us

[sniplet postads]