'scary fast' HTML5 framework

'proof-of-concept' for now

Alphapun.ch is a tool that, given a transparent PNG or GIF file, will trace the opaque bits and create masks for them. You can use these masks to allow a user to click through the transparent bits of an image. Alphapun.ch outputs HTML, CSS and JavaScript for you to include on your site.

'instant buttons'

The Buttonize Framework is a simple, light-weight CSS file with precompiled styles and colours for quick, modern looking buttons. It uses CSS3 for rounded corners and subtle gradients but with bulletproof fallbacks for older browsers.

CSS border tool (or toy)

checks your CSS code

CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency...

'beautiful at any size'

a sensible boilerplate approach

Many CSS Media Queries boilerplates start with a desktop-specific stylesheet, then add queries and styles for progressively smaller viewports. This means that even the small browsers load desktop layout styles and potentially large assets, even when these are set to display:none;.

'320 and Up' starts with a tiny screen stylesheet that contains only reset, colour and typography styles. Media Queries then load assets and layout styles progressively and only as they're needed. Think of this as responsible responsive design.

'layout editor'

conditional CSS (for intermediate/advanced coders)

Modernizr – "a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies"