Link: http://forestfly.lalaninja.com.au

ForestFly is a composited HTML 5 and visual feast. It combines. Canvas, Audio, Video and JS perf to produce a seamless and beautiful photo browsing experience.

Link: http://daneden.me/animate/

animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.

Link: http://martingauer.de/font-bird/

Poke the bird. I dare you.

Link: http://css3test.com/

This test checks which CSS3 features the browser recognizes, whether they are implemented correctly or not.

Link: http://jshint.com/

JSHint is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team’s coding conventions.

Link: http://html5rocks.com/

Get your learn on with this awesome resource from Google!

http://hex2rgba.devoth.com/

Easily convert your HEX colours to RGB colours and alpha-blended colours.

Link: http://westciv.com/tools/

Here’s a collection of tools for web developers that John Allsopp has put together to help you analyse and debug your sites (and other people’s sites as well), play with CSS3 features (bleeding edge browsers recommended) and more.

Link: http://html5please.us/

Use the new and shiny responsibly.

Link: http://twitter.github.com/bootstrap/

Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.

Link: http://jackrugile.com/jrumble/

jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element

Link: http://www.cuttherope.ie

A HTML 5 version of the mega-successful Cut The Rope. Made by ZeptoLab and Internet Explorer.

Link: http://thinkpixellab.com/pxloader/

PxLoader is a Javascript library that helps you download images, sound files or anything else you need before you take a specific action on your site (like showing a user interface or starting a game). You can use it to create a preloader for HTML5 games and websites.

Link: http://bit.ly/3d-nyan-cat

In the words of Morpheus: “Unfortunately, no one can be told what the [3D Nyan Cat] is. You have to see it for yourself.”

Link: http://movethewebforward.org/

You love web standards. You want to give back to the community. Curious about where to start? We’re here to help.

A celebration of type and the evils perpetrated by Comic Sans.

Link: http://www.comicsanscriminal.com/

Link: http://end3r.com/games/onspacestart/

Simple game based on the Mibbu microframework, made to promote onGameStart - first HTML5 game conference.

Link: http://www.mugeda.com/

Mugeda is a cloud based HTML5 animation platform, where you can create, share, and publish organic HTML5 animation contents, all in your browser, without any download or installation.

Link: http://attasi.com/labs/ipad/

3D transforms are awesome, but they’re even cooler with lighting effects! The specular highlights are created with CSS gradients and masks. The cast shadow relies on box shadows and transforms.

Link: http://httpstat.us/

This is a super simple service for generating different HTTP codes. It’s useful for testing how your own scripts deal with varying responses.

Check it!

Link: http://awesomium.com/

Awesomium is a windowless web browser framework. You can use it for web page capture, embedding browsing, and way more.

Link: http://www.spielzeugz.de/html5/sticky-thing/

Canvas based physics toy.

Link: http://www.css3.info/

We created this site because we want to share our experiences of CSS3 with you, and want nothing more than to simply be the biggest online resource covering CSS3.

Link: http://adaptive-images.com/

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed. Just drop it in and forget about it.

Link: http://fgnass.github.com/spin.js/

Spin.js uses the CSS3 to render the UI, falling back to VML Internet Explorer. If supported by the browser,@keyframe rules are used to animate the spinner.

Link: http://www.jstat.org/

jStat is a statistical library written in JavaScript that allows you to perform advanced statistical operations without the need of a dedicated statistical language (i.e. MATLAB or R).

Link: http://www.kendoui.com/

Kendo UI is a framework for modern HTML UI. Engineered with the latest HTML5, CSS3, and JavaScript standards, it delivers everything needed for client-side, jQuery-powered development in one integrated, compact package.

Link: http://fittextjs.com/

FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.

Link: http://prefixr.com/

Automatically update CSS3 properties with the necessary browser prefixes.

Link: http://formalize.me/

Break the cycle of inconsistent form defaults, style forms with impunity!

Link: http://placehold.it/

A quick and simple image placeholder service.

Link: http://beta.theexpressiveweb.com/

HTML5 and CSS3 brings loads of new features and functionality to the modern web. This site is a resource and showcase of some of the newest, and most expressive features being added to the web today.

Link: http://blog.xlune.com/2009/09/vgrid/

A variable size grid layout system. The same one that Make Awesome Web is based on!

Link: http://www.prettyloaded.com/

Yo, dawg. I heard you like preloaders, so I put a preload in your preloader so you can preload while you preload.

Link: http://fontsinuse.com/

Discover which fonts are being used out in the wild (AKA, “real life”).

Link: http://contrastrebellion.com/

Low-contrast fonts and unreadable texts? To hell with them!

Link: http://agilityjs.com/

Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the verbose or infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.

Link: http://presswork.me/

HTML5 WordPress framework for designers, developers & publishers

Link: http://subtlepatterns.com/

Subtle Patterns is a collection of high quality design patterns for you to use freely. New patterns added weekly.

Link: http://sugarjs.com/

Sugar is a Javascript library for working with native objects. It is designed to be intuitive, unobtrusive, and let you do more with less code.

Link: http://webtypographyforthelonely.com/

If Morrissey were a web designer.

Link: http://www.webputty.net/

WebPutty is a simple CSS editing and hosting service.

Link: http://www.iconfinder.com/

Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way. The site launched in 2007 as the first search engine focused on icons.

Link: http://visual.ly/

Explore the Best Data Visualizations on the Web

Link: http://b.illbrown.com/iwannalivehere/

A collection of 100 pixelated images for you to download and use for whatever you want.

Link: http://builtwith.com/

Discover the technologies that unpin the sites you know and love.

Link: http://www.copypastecharacter.com/

Click, copy, done.

Link: http://activatedrinks.com/

More parallax-y goodness.

Link: http://buzz.jaysalvat.com/

Buzz is a small but powerful Javascript library that allows you to easily take advantage of the new HTML5 audio element. It degrades properly on non-modern browsers.

Link: http://www.phantomjs.org/

PhantomJS is a headless WebKit with JavaScript API. It has fast and native support for various web standards: DOM handling, CSS selector, JSON, Canvas, and SVG. PhantomJS is an optimal solution for headless testing of web-based applications, site scraping, pages capture, SVG renderer, PDF converter and many other use cases.

Link: http://www.midwinter-dg.com/blog_demos/css-isometric-text/

Backstory is here. Very nice!

Link: http://www.javascriptmatrix.com/

Cypher: “All I see now is var, function, ===.”

Link: http://coffeescript.org/

CoffeeScript is a little language that compiles into JavaScript. Underneath all of those embarrassing braces and semicolons, JavaScript has always had a gorgeous object model at its heart. CoffeeScript is an attempt to expose the good parts of JavaScript in a simple way.

Link: http://www.google.com/webfonts/v2

Google web fonts is a project to ensure webmaster, designers and developers have free and easy access to a choice of rich, free, quality typography for their websites. Our goal is to create a directory of core web fonts that anyone can use. We believe there shouldn’t be any financial barriers for the use of the technology websites are built on.

Link: http://www.html11.org/

Introducing HTML11. The future, today.

We know, we know. But, come on; it’s pretty funny.

Link: http://dentsunetwork.com/

Excellent example of parallax scrolling. I sense a popular design here.

Link: http://beattheboot.appspot.com/

Promotional site for Chromebooks from Google. Nice use of EaselJS to provide a fun-to-play UX.

Link: http://eventninja.net/

EventNinja is the number one application if you need to get an overview of all kinds of events all over the world. It will be released soon for iPhone, Blackberry, Android and W3C compatible widgets.

Link: http://fredhq.com/shop/drawn/license

A really nice UX. Why can’t more companies do this?

Link: http://nicolasgallagher.com/pure-css-gui-icons/

An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. Shared as an exercise in creative problem solving and working within constraints. This is not a “production ready” CSS icon set.