id="info"

Developer

Catch up on HTML5 tips and resources

Ryan Boudreaux compiles the latest demos, tips, and progress reports on HTML5 use.

Over the past year within the Web Designer blog, we have accumulated fourteen separate articles covering various aspects of HTML5, and this post will summarize them with links to each as shown below. We have also covered many CSS3 topics which coincide and overlap somewhat with HTML5 technology, and these posts will be summarized in another piece specific to CSS3.

Topics included a base HTML5 template, usage of attributes, semantic markup, and many redefined elements including sectional and structural. The canvas element includes adding text, shapes and images for presentation. One of the pieces covered a sample HTML5 structure for blog posts. One of the hottest HTML5 elements is the video and audio, allowing for native access to multimedia through browsers. Several examples of HTML5 implementations put to good use are reviewed as well.

HTML5: The next generation of web design is an introduction to the latest updates to the HTML5 specification, shows how the major browsers are comparing so far, and suggests additional HTML5 resources for web designers.

HTML5: Creating a base template details some of the first element updates of HTML5. You can follow along and create a base template to reflect the updated specification.

HTML5: Attributes, semantic markup, and redefined elements - Currently, most browsers do allow for several attributes, semantic markup, and redefined elements, and these are just some of the changes that can be incorporated into coding for web documents today. This segment shows and demonstrates coding examples for empty attributes, attributes with values, semantic markup samples, conforming examples, and redefined elements.

HTML5: Using sectional elements reviews various sectional elements in the new HTML5 specification and gives examples of how they are meant to be used.

HTML5: Using structural elements for header, footer, and navigation digs into the use of structural elements in the new HTML5 specification, specifically header, footer, and navigation elements, and gives examples of each.

HTML5: Working with the canvas element introduces the element in HTML5 and how to work with it to create different shapes and styles.

HTML5: Drawing images and adding text to the canvas element reviews more examples of working with the canvas element in HTML5, this time drawing images and adding text with the various functions available.

Quick tip: Example markup for blog posts with HTML5 displays the role of HTML5 elements that are most pertinent to creating blog posts.

How to use the new HTML5 Audio element explains how to use the new HTML5 audio element in websites and includes examples of fallback options.

HTML5: Working with the Video element looks at the element in HTML5 and discusses the current state of adoption rates for HTML5-supported codec's among the popular browsers.

HTML5: Current progress and adoption rates is a snapshot view of where HTML5 adoption is headed and the progress of the specification becoming finalized.

HTML5 and CSS3: Animation without Flash or JavaScript demonstrates the @keywords property in HTML5 and CSS3 that allows you to create animations without the use of Flash or JavaScript.

Stay on the design cutting edge with these HTML5 and CSS3 resources reviews 26 resources that will help you stay ahead of the curve in web design with the latest in HTML5 and CSS3 advances.

HTML5 use steams ahead: 10 great examples highlights some of the best examples he has found of websites that are already putting HTML5 properties and elements to good use.

We will continue to add pieces on HTML5 topics throughout the coming months.

About

Ryan has performed in a broad range of technology support roles for electric-generation utilities, including nuclear power plants, and for the telecommunications industry. He has worked in web development for the restaurant industry and the Federal g...

Editor's Picks