May 6, 2010

The New Power of Frontend

Filed under: Technical — tanvi @ 12:37 pm

HTML5 is the next major version of HTML. HTML5 provides some great new features for web designers. With the coming of HTML5 and CSS3, we must think a different way to code a webpage. HTML5 is loaded with some very cool features – most of which circle around the new APIs and the DOM tree. I would be explaining a little on the power of HTML5 and CSS3. Firstly , there are some questions in every designer’s mind who just wants to start using the cool features of these new  technologies and change the way the world looks at the ” HTML and CSS  Guys”.

1)      When we can start using this HTML5 and CSS3?

It will be a long time before we start using HTML and CSS3 pages. Browsers like Internet Explorer 8 have still not given support for HTML5 and CSS3

2)      Browser Compatibility issues?

The HTML5 syntax is no longer based on SGML despite the similarities of its markup. However, this version has been designed to support older versions of HTML. It comes with a new introductory line that is, <! DOCTYPE html>, which helps the browser to render HTML in a standard format and eliminates the browser that use “DOC Type” as a backdrop.

Here are some important lists of tags which will make every designers life easier, faster and interactive

Some new Tags Introduced in HTML5.

<article>- Defines an article

<audio>- Defines sound content

<canvas>- Defines graphics

<command>- Defines a command button

<datalist>- Defines a dropdown list

<meter>- Defines measurement within a predefined range

<progress>- Defines progress of a task of any kind

<time>- Defines a date/time

<video>- Defines a video

<contenteditable>- Specifies if the user is allowed to edit the content or not

Why use HTML 5?

1)      Offline Support

2) Canvas drawing

3) Smarter Forms

4) Web application focus

Current Browser Support for HTML5 – (All Browser Support are respective of their latest versions)

1) Internet Explorer – Not Supported J

2)      Mozilla Firefox-  Supported

3) Google Chrome- Supported

4) Opera – Supported

5) Apple Safari – Supported