HTML5
Get flash to fully experience Pearltrees
Web designers can do some pretty cool stuff with HTML 4 and CSS 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. We can style our web pages with beauty and detail without resorting to inline and tags. Indeed, our current design methods have taken us far beyond the hellish era of browser wars, proprietary protocols, and those hideous flashing, scrolling, and blinking web pages. As far as we’ve come using HTML 4 and CSS 2.1, however, we can do better.
The Power of HTML 5 and CSS 3 • Perishable Press
Further reading at More on developing naming conventions, Microformats and HTML5 and Microformats: The Fine Art of Markup: hAtom by Andy, and Preparing for HTML5 with Semantic Class Names by Jon, with reference to the current HTML5 working draft (also on the W3 site ), and the Microformats Wiki . More links in the addenda at the end. Note that some elements use ids (eg #site.nav ) because of IE6’s inability to recognise multiple CSS class selectors, so the id is needed for specificity. For example div.site.nav {} is interpreted by IE6 as div.nav {} , but div#site.nav {} works. If you can get away with defining styles via objects like OOCSS it’d be better to change the ids to classes. ids are fast and easy, but they lack flexibility and can become a maintenance headache (specificity).
HTML5 id/class name cheatsheet ❧ Oli.jp (@boblet)
HTML5 and CSS3 in Dreamweaver CS5 – Part 1: Building the web page | Adobe Developer Connection
If you're horrified by my use of tags instead of , welcome to another change in HTML5. The specification redefines the use of to indicate strong importance, such as Warning! . On the other hand, indicates a span of text stylistically offset from the surrounding text without conveying extra importance, for example, keywords in a document or product names in a review.
We are building websites using HTML5 and CSS3. It can be done fairly easily. When “Googling around” for HTML5 “boilerplate” page examples we found a lack of layout advice and information. It seemed no one wanted to go farther than these types of examples:
HTML5 and CSS3 Boilerplate Page Layout Code
HTML5 Series- Part 2: How HTML5 Aids Mobile Financial App Development This is our second post in the HTML5 series. There are number of new tags in HTML5 that aid in the development of mobile financial apps. In this post, I aim to explain these new HTML5 tags and how they facilitate the building of [...]
HTML 5 Tutorial
HTML Design Principles
Abstract HTML 5 defines the fifth major revision of the core language of the World Wide Web, HTML. This document describes the set of guiding principles used by the HTML Working Group for the development of HTML5.
HTML 5 Reference
It is useful to make a distinction between the vocabulary of an HTML document—the elements and attributes, and their meanings—and the syntax in which it is written. HTML has a defined set of elements and attributes which can be used in a document; each designed for a specific purpose with their own meaning. Consider this set of elements to be analogous to the list of words in a dictionary. This includes elements for headings, paragraphs, lists, tables, links, form controls and many other features. This is the vocabulary of HTML. Similarly, just as natural languages have grammatical rules for how different words can be used, HTML has rules for where and how each element and attribute can be used.
This specification defines the 5th major revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features are introduced to help Web application authors, new elements are introduced based on research into prevailing authoring practices, and special attention has been given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document.
HTML5
In more length: "HTML5" has at various times been used to refer to a wide variety of technologies, some of which originated in this document, and some of which have only ever been tangentially related. This specification, published by the WHATWG and developed in conjunction with the W3C, defines the core HTML language and some the infrastructure on which it relies. The W3C also publishes parts of this specification. One of these parts is called "HTML5".
HTML5 (including next generation additions still in development)
