Links, tutorials, how tos and more about HTML5 and CSS3. Documented by Michael Rakowski.Tumblr (3.0; @html5andcss3resources)http://html5andcss3resources.tumblr.com/<a href="http://m.madebycanvas.com/#show-signup">Multi-dimensional 3D flipping effect</a>: <p>Awesome CCS3 work from <a title="mattrobs twitter" href="http://twitter.com/mattrobs/">Matthew Farag</a>.</p>http://html5andcss3resources.tumblr.com/post/2305954748http://html5andcss3resources.tumblr.com/post/2305954748Mon, 13 Dec 2010 19:26:26 -0500css3<a href="http://blog.chromium.org/2010/06/html5-rocks-resource-for-open-web.html">Chromium Blog: HTML5 Rocks!: A resource for open web developers</a>http://html5andcss3resources.tumblr.com/post/738112104http://html5andcss3resources.tumblr.com/post/738112104Sat, 26 Jun 2010 08:00:43 -0400html5tutorials<a href="http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/">mir.aculo.us with Thomas Fuchs » Blog Archive » Making an iPad HTML5 App & making it really fast</a>: <p>The example centers around an HTML5 iPad App for looking up <a href="http://everytimezone.com/">time zones</a>. Move the slider around and it gets awesome.</p> <p>via <a href="http://daringfireball.net/linked/2010/06/14/fuchs-ipad-web-app">daringfireball</a></p>http://html5andcss3resources.tumblr.com/post/704339436http://html5andcss3resources.tumblr.com/post/704339436Wed, 16 Jun 2010 08:25:51 -0400html5performancejavascriptcss<a href="http://pivotallabs.com/talks/99-html5-and-css3/">Pivotal Labs: Talks</a>: <p>A video tech talk focused on upcoming HTML5 and CSS3 features.</p>http://html5andcss3resources.tumblr.com/post/693664913http://html5andcss3resources.tumblr.com/post/693664913Sun, 13 Jun 2010 08:25:51 -0400html5css3<a href="http://www.apple.com/html5/">Apple - HTML5</a>: <p>Apple’s showcase to show what Safari can do with HTML5, CSS3, and JavaScript. There are some neat apps like this <a title="typography example" href="http://www.apple.com/html5/showcase/typography/">typography one</a>. </p> <p>via <a title="Ars" href="http://arstechnica.com/apple/news/2010/06/apple-is-getting-behind-html5.ars?utm_source=microblogging&utm_medium=arstch&utm_term=Infinite%20Loop&utm_campaign=microblogging">arstechnica</a></p>http://html5andcss3resources.tumblr.com/post/669546192http://html5andcss3resources.tumblr.com/post/669546192Sun, 06 Jun 2010 08:32:48 -0400html5examples<a href="http://5by5.tv/bigwebshow/2">The Big Web Show 2: HTML5 with Jeremy Keith | 5 by 5</a>: <p>One hour video interview (audio podcast available) with the author of a new HTML5 book. </p>http://html5andcss3resources.tumblr.com/post/666330324http://html5andcss3resources.tumblr.com/post/666330324Sat, 05 Jun 2010 08:22:48 -0400html5interviewvideo<a href="http://keyboardy.com/programming/html5-link-prefetching/">How HTML 5 link prefetching can make your site load faster with one line of code. « keyboardy</a>: <p>Easy to implement. Currently only supported in Firefox. </p> <p>via <a href="http://news.ycombinator.com/">hackernews</a></p>http://html5andcss3resources.tumblr.com/post/663151640http://html5andcss3resources.tumblr.com/post/663151640Fri, 04 Jun 2010 08:02:48 -0400html5links<a href="http://www.engadget.com/2010/05/28/html5-seriously-its-not-just-for-video/">HTML5: seriously, it's not just for video -- Engadget</a>: <p>A bunch of fun demos. This <a title="Google Gravity" href="http://mrdoob.com/92/Google_Gravity_HTML5">Google Gravity</a> one is cool. </p>http://html5andcss3resources.tumblr.com/post/646556281http://html5andcss3resources.tumblr.com/post/646556281Sun, 30 May 2010 07:59:47 -0400html5css3<a href="http://html5watch.tumblr.com/">HTML5 Watch</a>: <p>A Tumblr similar to this one with HTML5 and CSS3 examples. These <a title="world clocks" href="http://html5watch.tumblr.com/post/620483144/css-world-clocks-by-lensco-no-images-were-harmed">world clocks</a> are cool. </p>http://html5andcss3resources.tumblr.com/post/634450646http://html5andcss3resources.tumblr.com/post/634450646Wed, 26 May 2010 09:31:47 -0400html5css3<a href="http://videojs.com/">Video JS | HTML5 Video Player</a>: <p>A javascript-based video player that uses the HTML5 video element. I tried it out and it looks good. The controls are similar to Vimeo’s player. </p> <p>via <a title="html5 js video" href="http://daringfireball.net/linked/2010/05/22/video-js">daringfireball</a></p>http://html5andcss3resources.tumblr.com/post/628010287http://html5andcss3resources.tumblr.com/post/628010287Mon, 24 May 2010 08:00:47 -0400videohtml5javascript<a href="http://37signals.com/svn/posts/2338-html-5-for-web-designers-by-jeremy-keith">HTML 5 for Web Designers, by Jeremy Keith - (37signals)</a>: <p>85 pages of nicely designed book learning action. </p>http://html5andcss3resources.tumblr.com/post/616079906http://html5andcss3resources.tumblr.com/post/616079906Thu, 20 May 2010 08:22:48 -0400html5book<a href="http://diveintohtml5.org/detect.html">Detecting HTML5 Features - Dive Into HTML5</a>: <p>The chapter of Dive Info HTML5 about detecting features. Certain browsers might not support certain features so it’s smart to add code to check what is available. There is also an <a href="http://diveintohtml5.org/everything.html">almost-alphabetical guide</a> for quick reference. </p> <p>via <a href="http://news.ycombinator.com/">hackernews</a></p>http://html5andcss3resources.tumblr.com/post/603559302http://html5andcss3resources.tumblr.com/post/603559302Sun, 16 May 2010 08:01:46 -0400html5browserscompatibility<a href="http://www.ajaxline.com/best-html5-and-css3-tutorials">Best HTML5 and CSS3 tutorials | AjaxLine</a>: <p>A bunch of nice HTML5 and CSS3 tutorials. I particularly like the <a title="color changing CSS3" href="http://designshack.co.uk/articles/css/create-a-color-changing-website-using-css3">color changing website</a> tutorial and the <a title="CSS3 glow tabs" href="http://www.impressivewebs.com/css3-glow-tabs/">CSS3 Glow tabs</a>.</p> <p>via <a href="http://twitter.com/allan_paterson">Allan Paterson</a></p>http://html5andcss3resources.tumblr.com/post/600667516http://html5andcss3resources.tumblr.com/post/600667516Sat, 15 May 2010 07:59:46 -0400css3animationtutorials<a href="http://www.optimum7.com/css3-man/animation.html">CSS3-Man</a>: <p>A demo of a Spiderman Cartoon made with CSS3, jQuery and HTML5 (no flash). You can read the explanation of how it was done <a title="CSS3 spiderman" href="http://www.optimum7.com/internet-marketing/web-development/pure-css3-spiderman-ipad-cartoon-jquery-html5-no-flash.html">here</a>.</p> <p>via <a title="Hacker News" href="http://news.ycombinator.com/">hackernews</a></p>http://html5andcss3resources.tumblr.com/post/586704461http://html5andcss3resources.tumblr.com/post/586704461Mon, 10 May 2010 08:34:48 -0400javascripthtml5css3animation<a href="http://www.modernizr.com/">Modernizr</a>: <p>A simple Javascript library that makes it easier to do fallbacks for browsers that don’t support certain features of HTML5 yet. </p>http://html5andcss3resources.tumblr.com/post/583880520http://html5andcss3resources.tumblr.com/post/583880520Sun, 09 May 2010 08:29:48 -0400html5javascriptcompatibility<a href="http://html5doctor.com/article-archive/"> Article Archive | HTML5 Doctor </a>: <p>A bunch of articles and explanations about HTML5. You can submit questions too.</p>http://html5andcss3resources.tumblr.com/post/581195057http://html5andcss3resources.tumblr.com/post/581195057Sat, 08 May 2010 08:28:49 -0400html5tutorials<object type="application/x-shockwave-flash" data="http://vimeo.com/moogaloop.swf" width="400" height="220"><param name="allowscriptaccess" value="always" /><param name="allowfullscreen" value="true" /><param name="movie" value="http://vimeo.com/moogaloop.swf" /><param name="flashvars" value="clip_id=6985053&server=vimeo.com&fullscreen=1&show_title=1&show_byline=1&show_portrait=1&color=00ADEF" /></object><br/><br/><p><a href="http://vimeo.com/6985053">The Future of HTML5 by Bruce Lawson</a> (by <a href="http://vimeo.com/carsonified">Carsonified</a>)</p> <p>A presentation given at FOWA London 2009.</p>http://html5andcss3resources.tumblr.com/post/578654425http://html5andcss3resources.tumblr.com/post/578654425Fri, 07 May 2010 08:22:48 -0400html5video<a href="http://blog.whatwg.org/the-road-to-html-5-link-relations">The WHATWG Blog » Blog Archive » The Road to HTML 5: Link Relations</a>: <p>Mark Pilgrim explains link relations, which are used to say <em>why</em> you are linking to a page.</p>http://html5andcss3resources.tumblr.com/post/576021712http://html5andcss3resources.tumblr.com/post/576021712Thu, 06 May 2010 08:05:48 -0400Html5<a href="http://diveintohtml5.org/">Dive Into HTML5</a>: <p>The online version of a book about HTML5 written by Mark Pilgrim with tons of explanations and examples. There are chapters on the canvas, video, geolocation, offline web applications, forms and more.</p>http://html5andcss3resources.tumblr.com/post/573365672http://html5andcss3resources.tumblr.com/post/573365672Wed, 05 May 2010 08:04:47 -0400html5examplescanvasgeolocationvideoforms<a href="http://html5demos.com/">HTML5 Demos and Examples</a>: <p>Demos of some of the main features of HTML5 that you can try out and view the source code for.</p>http://html5andcss3resources.tumblr.com/post/570707553http://html5andcss3resources.tumblr.com/post/570707553Tue, 04 May 2010 08:02:48 -0400html5examplescode