Link: http://martingauer.de/font-bird/
Poke the bird. I dare you.
The CSS3 Test
Link: http://css3test.com/
This test checks which CSS3 features the browser recognizes, whether they are implemented correctly or not.
JSHint
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.
Cool Tools and Toys for Web Developers
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.
Bootstrap, from Twitter
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.
jRumble
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
Cut The Rope
Link: http://www.cuttherope.ie
A HTML 5 version of the mega-successful Cut The Rope. Made by ZeptoLab and Internet Explorer.
PxLoader: A Simple Javascript Preloader
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.
3D Nyan Cat
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.”
Move the Web Forward
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.
onSpaceStart
Link: http://end3r.com/games/onspacestart/
Simple game based on the Mibbu microframework, made to promote onGameStart - first HTML5 game conference.
Mugeda
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.
CSS3 Lighting Effects
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.
httpstat.us
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!
Awesomium
Link: http://awesomium.com/
Awesomium is a windowless web browser framework. You can use it for web page capture, embedding browsing, and way more.
css3.info
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.
Adaptive Images
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.
Spin.js
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,
@keyframerules are used to animate the spinner.
jStat
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).
Kendo UI
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.
FitText
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.
Prefixr
Link: http://prefixr.com/
Automatically update CSS3 properties with the necessary browser prefixes.
Formalize CSS
Link: http://formalize.me/
Break the cycle of inconsistent form defaults, style forms with impunity!
The Expressive Web (Beta)
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.
vGrid Dynamic Grid Layout jQuery plugin
Link: http://blog.xlune.com/2009/09/vgrid/
A variable size grid layout system. The same one that Make Awesome Web is based on!
Pretty Loaded
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.
Fonts in Use
Link: http://fontsinuse.com/
Discover which fonts are being used out in the wild (AKA, “real life”).
Contrast Rebellion
Link: http://contrastrebellion.com/
Low-contrast fonts and unreadable texts? To hell with them!
Agility.js
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.
PressWork
Link: http://presswork.me/
HTML5 WordPress framework for designers, developers & publishers
Subtle Patterns
Link: http://subtlepatterns.com/
Subtle Patterns is a collection of high quality design patterns for you to use freely. New patterns added weekly.
Sugar
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.
Web Typography for the Lonely
Link: http://webtypographyforthelonely.com/
If Morrissey were a web designer.
IconFinder
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.
Pixelated New Orleans Houses
Link: http://b.illbrown.com/iwannalivehere/
A collection of 100 pixelated images for you to download and use for whatever you want.
BuiltWith
Link: http://builtwith.com/
Discover the technologies that unpin the sites you know and love.
Buzz
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.
PhantomJS
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.
CSS3 Isometric Text Demo
Link: http://www.midwinter-dg.com/blog_demos/css-isometric-text/
Backstory is here. Very nice!
JavaScript Matrix
Link: http://www.javascriptmatrix.com/
Cypher: “All I see now is var, function, ===.”
CoffeeScript
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.
Google Web Fonts
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.
HTML11 Labs
Link: http://www.html11.org/
Introducing HTML11. The future, today.
We know, we know. But, come on; it’s pretty funny.
Dentsu Network
Link: http://dentsunetwork.com/
Excellent example of parallax scrolling. I sense a popular design here.
Beat the Boot
Link: http://beattheboot.appspot.com/
Promotional site for Chromebooks from Google. Nice use of EaselJS to provide a fun-to-play UX.
EventNinja
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.
EULA for Fred Speak
Link: http://fredhq.com/shop/drawn/license
A really nice UX. Why can’t more companies do this?
Pure CSS GUI icons
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.
HTML5 Progress Polyfill
Link: http://leaverou.me/polyfills/progress/
More awesomeness from Lea Verou.
