background preloader


Facebook Twitter

HTML5Rocks. HTML5. Shared Links is the best way to see what’s up on the web.


When you’re in the mood to read something new, quirky, or cool, open Shared Links in the Safari Sidebar, where you can view links from people you follow on Twitter and LinkedIn. You can scroll seamlessly from one story to the next, no clicking required. So they’re quick and easy to read. Share anything you come across on the web without leaving Safari. Just click the Share button, then choose how you want to send it off.

Safari has advanced power-saving technologies built in. Safari takes advantage of power-saving technologies such as App Nap, which puts background Safari tabs into a low-power state until you start using them again. Power-saving technologies let you browse longer compared with Chrome and Firefox.1 Memory management technologies help Safari — and the rest of your system — stay responsive.2 Safari Baseline Firefox 1.29x more memory usage Chrome 1.35x more memory usage 1 2. HTML5 presentation. Une petite introduction à HTML5 - NeoBlog. Structural Tags in HTML5 - HTML & CSS - Resources - Our Writing.

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in. Defining Structure A section is a thematic grouping of content, typically preceded by header, possibly with a footer after. section s can be nested inside of each other, if needed, and can hold any amount of typical markup. The header of a section , typically a headline or grouping of headlines, but may also contain supplemental information about the section. A footer typically contains information about its section such as who wrote it, links to related documents, copyright data, and the like. Defines the navigation area, typically a list of links. An independent entry in a blog, magazine, compendium, and so on.

An aside indicates content that is tangentially related to the content around it. Putting it Together <! So, I can use this now? Supporting IE Wrapping Up. HTML5. A vocabulary and associated APIs for HTML and XHTML W3C Working Draft 4 March 2010 This Version: Latest Published Version: Latest Editor's Draft: Previous Versions: Editors:

HTML5 — HTML revisited. Elements and Attributes. How HTML5 will change the Web. Many folks who are just tuning into the HTML5 saga because of the battle between Adobe and Apple are surprised to learn that the push to create a fifth official version of the HTML specification began six years ago.

How HTML5 will change the Web

And that's just the first half of the story because the latest implementations, while nice, are far from standards. The HTML5 demos from Apple, for instance, are impressive, but they only run well on Safari. That's how slowly committees can work. The browser creators and other stakeholders have a big collection of ideas for improving the browser and the Web, and these are gradually coalescing into a fifth generation for the standard. But agreement takes time. While the jokes may sting and waiting for more general adoption is tiresome, it would be a mistake to simply ignore HTML5. Dive Into HTML5. HTML5 Doctor, helping you implement HTML 5 today. HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+

In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3.

HTML 5 and CSS 3: The Techniques You’ll Soon Be Using - Nettuts+

The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. HTML 5 is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for search engines and screenreaders to navigate our pages, and improve the web experience for everyone. 2. Before we begin marking up the page we should get the overall structure straight:

12 resources for getting a jump on HTML 5. Recently I’ve seen a considerable amount of press on blogs and such regarding HTML 5, “the 5th major revision of the core language of the World Wide Web” (W3C).

12 resources for getting a jump on HTML 5

I have virtually no experience (yet) with HTML 5, so as I jump on the bandwagon and begin familiarizing myself with it, I thought I’d share some of the resources I’m reading along the way. So far from what I’m learning, the consensus among several of these articles seems to be this: The world isn’t ready for HTML 5 at large just yet, but we can begin preparing for it by using common, semantic selector names (header, nav, section, etc.) — or even new attribute names — derived from HTML 5 within our HTML 4.01 or XHTML 1.x documents. This is by no means an exhaustive list, just a start. In each of these you’ll find other resources to help you dig deeper.

Photo Download: HTML5 (Infographic) HTML5 examples and demos.