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 <font> and <br> 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
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. (Andy had #main.nav ) ( .hfeed ) ( .hentry )
HTML5 id/class name cheatsheet ❧ Oli.jp (@boblet)
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
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.
A vocabulary and associated APIs for HTML and XHTML W3C Candidate Recommendation 17 December 2012 This Version: http://www.w3.org/TR/2012/CR-html5-20121217/
HTML5
1.10.3 Restrictions on content models and on attribute values 2.7.2 Encrypted HTTP and related security concerns 2.8.1 Reflecting content attributes in IDL attributes 3.2.3.8 Embedding custom non-visible data with the data-* attributes
HTML5 (including next generation additions still in development)
HTML 5: nav ambiguity resolved
A n e-mail from Chairman Hickson resolves an ambiguity in the nav element of HTML 5. One of the new things HTML 5 sets out to do is to provide web developers with a standardized set of semantic page layout structures. For example, it gives us a nav element to replace structures like div class="navigation" . This is exciting, logical, and smart, but it is also controversial. The controversy is best expressed in John Allsopp’s A List Apart article, Semantics in HTML 5 , where he worries that the new elements may not be entirely forward-compatible, as they are constrained to today’s understanding of what makes up a page. An extensible mechanism, although less straightforward, would offer more room to grow as the web evolves, Allsopp argues.HTML5 Rocks - Introduction to Chrome Developer Tools, Part One
Introduction Google Chrome is rich and powerful web browser, pioneering what is possible for applications on the web. Google has worked hard to deliver a very fast, very stable, feature rich browsing experience for end users.
Coding A HTML 5 Layout From Scratch - Smashing Magazine
HTML5 and CSS3 have just arrived (kinda), and with them a whole new battle for the ‘best markup’ trophy has begun. Truth to be told, all these technologies are mere tools waiting for a skilled developer to work on the right project. As developers we shouldn’t get into pointless discussions of which markup is the best. They all lead to nowhere. Rather, we must get a brand new ideology and modify our coding habits to keep the web accessible.