HTML 5 and CSS 3

TwitterFacebook
Get flash to fully experience Pearltrees
Fixed Positioning

http://www.webkit.org/blog/126/webkit-does-html5-client-side-database-storage/ Posted by Brady Eidson on Friday, October 19th, 2007 at 4:04 pm

Surfin’ Safari - Blog Archive » WebKit Does HTML5 Client-side Da

HTML5 localStorage() – Part Three « PaperKilledRock.com

http://paperkilledrock.com/2010/05/html5-localstorage-part-three/ 11 May You should now have a good idea of how you can use localStorage yourself. However I promised we would create a simple html5 web app and thats what we are going to do.
http://coding.smashingmagazine.com/2010/06/04/cross-browser-testing-a-detailed-review-of-tools-and-services/

Cross-Browser Testing: A Detailed Review Of Tools And Services -

As you probably know, cross-browser testing is an important part of any developer’s routine.
Note: Only supported in IE6 and IE7 on elements with a display of "inline" by default.

When can I use...

http://caniuse.com/
Video Tag

HTML5 canvas graph library - bar chart

Bar charts are probably one of the most widely used of charts, and also one of the most versatile. It's defined as a chart with rectangular bars with lengths proportional to the values they represent. The bar chart can be used to represent two or more values. http://www.rgraph.net/examples/bar-charts.html
Examples

Techniques

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries Screen resolution nowsaday ranges from 320px (iPhone) to 2560px (large monitor) or even higher. Users no longer just browse the web with desktop computers.

Adaptive & Mobile Design with CSS3 Media Queries

jQuery Sparklines

http://omnipotent.net/jquery.sparkline/ This release primarily makes it easier to work with the sparklines if your environment requires you to pass options such as colours, etc on the tags themselves, rather than feeding them to the sparkline function. It also allows for values to passed as an attribute on the tag, as well as a comment inside the tag.
http://www.noupe.com/design/websites-shouldnt-look-the-same-across-different-browsers%e2%80%a6here-is-why.html Aug 11 2011 Not long ago, on our sister site Smashing, we had a post discussing the communities adoption of HTML5 and CSS3 before they have become standards, and during that dialog we stumbled across another point that needed a bit more diving into.

Websites Shouldn't Look The Same Across Different Browsers…Here Is Why

Microformats

http://reference.sitepoint.com/html/microformats In this reference, we cover the standards (or, to use the W3C’s parlance, recommendations) that apply to HTML/XHTML elements and attributes.

6.6 Offline Web applications — HTML5 (including next generation

In order to enable users to continue interacting with Web applications and documents even when their network connection is unavailable — for instance, because they are traveling outside of their ISP's coverage area — authors can provide a manifest which lists the files that are needed for the Web application to work offline and which causes the user's browser to keep a copy of the files for use offline. To illustrate this, consider a simple clock applet consisting of an HTML page " clock.html ", a CSS style sheet " clock.css ", and a JavaScript script " clock.js ". /* clock.js */ setTimeout(function () { document.getElementById('clock').value = new Date(); }, 1000);

The CSS 3 Flexible Box Model ✩ Mozilla Hacks – the Web developer

CSS 3 introduces a brand new box model in addition of the traditional box model from CSS 1 and 2. The flexible box model determines the way boxes are distributed inside other boxes and the way they share the available space. You can see the specification here .

Rendera - Online HTML5 Editor

I'm adding HTML5 and CSS examples so you can start playing around with all of the neat stuff you'll be able to use. Just click the examples tab, choose an example, and see it rendered immediately.
The date and time after which the document should be considered expired.

Useful HTML Meta Tags - cache, no-cache, robots, refresh, content, keywords, description, expires, author, etc.