Buzz


WEB DEVELOPERS PROGRAMMING WITH HTML5 AND CSS3.

As a full time web developer I can’t help but think about the many changes we face as we begin to migrate to HTML5 and CSS3. Coding will be very different than the XHTML and CSS we have been working with for so long. Adapting to the structure, tags, selectors etc, it is going to be both challenging and rewarding. HTML5 and CSS3 offer a more integrated coding structure. The new structural tags in my opinion are great and make a lot more sense. Also, with CSS3 there won’t be a need to use as many images for simple things such as gradients, rounded corners, and like elements.

Before I leave you with a list of resources for HTML5 and CSS3 I want to mention what I think is the coolest thing about HTML5. HTML5 canvas and HTML5 media will free us from flash video and provide video for mobile platforms without complications. Websites benefit from these technologies because they will be easily viewable in smart phones.

Here is a list of resources I found very useful:

HTML5 Basics

http://designshack.co.uk/articles/html/html5-the-basics-1-of-4

Get Ready fro HTML5

http://www.alistapart.com/articles/get-ready-for-html-5

Structural tags in HTML5

http://orderedlist.com/our-writing/resources/html-css/structural-tags-in-html5

Power of HTML5 CSS3

http://perishablepress.com/press/2009/07/19/power-of-html5-css3

My top 5 HTML coding preferences

http://cssglobe.com/post/7088/my-top-5-html-coding-preferences

Semantics in HTML5

http://www.alistapart.com/articles/semanticsinhtml5

HTML5 and CSS3 the techniques you will soon be using

http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using

How to get html5 working in IE and Firefox 2

http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/

CSS code structure for html 5 some useful guidelines

http://woork.blogspot.com/2009/08/css-code-structure-for-html-5-some.html

5 techniques to acquaint you with CSS 3

http://net.tutsplus.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/

Can I use (Compatibility tables for features in HTML5, CSS3, SVG and other technologies)

http://caniuse.com/

Preparing for HTML with semantic class names

http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names

Yes you can use HTML5 today

http://articles.sitepoint.com/article/html-5-snapshot-2009

Coding a CSS3 & HTML5 one page template

http://tutorialzine.com/2010/02/html5-css3-website-template/

   

  Cristian Gorrino

  cristian@aldenmc.com

  Web Developer

Tags: , , ,

Leave a Reply