Benefits of HTML5 and CSS 3.0

Most of the web programmer is familiar with hypertext markup language and css. These two language are use full to run layout in browser and easy for search and indexing. But the problem is html is not providing video streaming and rich interface like flash and flex. So HTML 5 has been launched to resolve this problem in html without using any flash or Silverlight component. By using of CSS3 web developer /designer can control web designing process and create attractive user interface.

Most of the web programmer is familiar with hypertext markup language and css. These two language are use full to run layout in browser and easy for search and indexing. But the problem is html is not providing video streaming and rich interface like flash and flex. So HTML 5 has been launched to resolve this problem in html without using any flash or Silverlight component. By using of CSS3 web developer /designer can control web designing process and create attractive user interface.

Below are the benefits of HTML5.

  • Video streaming
    • Newer days in a web application to show rich interface, animation, stream video, play musing are needed to use. So that can be possible via flash, Silverlight flex or any JavaScript plugin. But now with the help of HTML5 it is possible to embed video and audio, high quality drawings, charts and animation and many other rich content without using any plugins and third party programming as the functionality is built into the browser.
  • Cleaner markup / Improved Code
    • Web developer/designer can make html code to more clean by replacing general div tag with schematic html5 element.
    • By HTML5, developer can easily distingue html content as header, footer and menus etc by sing of below specific element.
    • <article>, <footer>, <header>, <nav>, <section>
  • Form Validation
    • HTML5 enables designer to use fancier forms. Even it makes form validation native to HTML, User interface enhancements and reduced need for JavaScript (only needed in browsers that don’t support form types). There will be different type of text inputs, search and different fields for different purpose.
  • Offline cache application
    • This is really great feature of html5 cache mechanism, where developer can specify whether this page would be set as cache or not, if developer will set page in cache then that page would be stored in cache. So as results when visitor open that page and then internet disconnected then also that page content would be loaded after refresh the page.
  • Client side database
    • While cookies have been used to track unique user data for years, they have serious disadvantages. The largest flaw is that all of your cookie data is added to every HTTP request header. This can end up having a measurable impact on response time. So a best practice is to reduce cookie size. With HTML5 we can do better by using  sessionStorage and localStorage(two different storage in HTML5) in place of cookies. It is not a permanent database, but enables you to store structured data, temporarily.
  • Provide drag and drop features.
    • Drag and drop is a very common feature. It is when you “grab” an object and drag it to a different location. In HTML5, drag and drop is part of the standard, and any element can be drag gable.
  • Canvas and SVG
    • This is very emphasized feature of HTML 5 to provide rich user interface. Web developer can draw 2d graphic in canvas on the fly. SVG is language for describing 2D graphics in XML. SVG is used for vector based graphics in web. SVG images are scalable, zoom able and can be printed in any of the high quality resolution.
  • Responsive design
    • This very good features by html5 as compare to current market’s demand. In newer day’s visitor is open web site from any of the device, i.e. mobile, notebook or laptop. So that is required to web site should be open in any of the browser by readable content.
  • Locate the User’s Position
    • The HTML5 Geo location API is used to get the geographical position of a user.
    • Since this can compromise user privacy, the position is not available unless the user approves it.

Below are the benefits of CSS 3.0

  • Border radios
    • Developer can set border radios so set any radios border no need to create round corner image.
  • Border Images
    • This feature will allow developers and designers to take their site to the next level. Developer can be as creative as you want and be able to apply it as a border without extra elements. Quite simple code really:
  • Box Shadow
    • CSS3 allows developer and designer to set shadow in web pages without creating any image.
  • Multiple background
    • CSS3 allows developer to set multiple backgrounds in one web page.
  • Embed font
    • This is really good features, where developer can use any of the font in a web page and embed that font so if font not available on client’s machine then automatically loaded from server.
  • Pages load faster:
    • In HTML design css3 will perform many things so minimize the usage of images in UI layout so it will increase the page load performance.

Thanks,
Amit Patel
Enjoy Programming

About these ads

About amitpatelit
Having more than 9 years of experience in IT industry. - Strong knowledge and experience on various technologies and tools like ASP.NET, MVC, Entity framework, Razor,VB.NET, C#, WCF,WPF, MVC, Silver light, ASP, XML ,Java Script, HTML, CSS, AJAX, COM/DCOM,MS SQL Server, Enterprise Library, MSMQ, SQL Server Reporting Service, Crystal Reports. - Achieved 7800 points (Star level) in the official Microsoft ASP.NET forum. - MCPD and MCTS in Web, Window and distributed application.

5 Responses to Benefits of HTML5 and CSS 3.0

  1. jewellery valuations ireland says:

    Good day! I know this is kinda off topic but I was
    wondering if you knew where I could find a captcha plugin for my
    comment form? I’m using the same blog platform as yours and I’m having problems finding one?
    Thanks a lot!

  2. Hello! I hope you don’t mind but I decided to publish your site: http://amitpatelit.com/2013/03/07/benefits-of-html5-and-css-3-0/ to my online directory website. I used, “Benefits of HTML5 and CSS 3.0 | amitpatelit” as your site title. I hope this is alright with you. In case you’d like me to change the title or remove it entirely, e-mail me at violettecoffey@hotmail.

    com. Thank you.

  3. Today, I went to the beach front with my kids. I found a sea shell and
    gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and
    screamed. There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic but I had to tell someone!

  4. sosblogs.com says:

    This design is spectacular! You certainly know how to keep a
    reader amused. Between your wit and your videos,
    I was almost moved to start my own blog (well, almost…

    HaHa!) Excellent job. I really enjoyed what you had to say,
    and more than that, how you presented it. Too cool!

  5. Have you ever considered about adding a little bit more than just your articles?
    I mean, what you say is fundamental and all. However imagine if
    you added some great photos or videos to give your posts more,
    “pop”! Your content is excellent but with pics and video clips, this site
    could definitely be one of the very best in its niche.

    Amazing blog!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Follow

Get every new post delivered to your Inbox.

Join 238 other followers

%d bloggers like this: