“The happy & awesome way to build fluid grid based websites.”

A method and framework for ensuring maintainable CSS

A folding grid for responsive design.

Gridless has a simple approach on markup and styles. There aren't any pre-made grid systems and the CSS isn't littered with silly classes. Gridless is only a starting point, that should be edited to suit each project's needs

This tool will help you compute CSS that has a consistent vertical rhythm.

html5 templates

‘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.

A collection of responsive web designs.

Excellent web fonts for setting body text.

css gradient tool for mozilla and webkit

impressive

body { -webkit-font-smoothing: antialiased; }

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

For the most part, Mobile Safari on the iPad is the same as that on the iPhone. One difference that I’ve found is that Webkit on the iPad honors CSS media query declarations based on orientation.

Create Your Own @font-face Kits

This tutorial will cover the basic setup and creation of a web page for the iPhone that will detect and change the content based on the phones orientation.

Less Framework is a CSS framework for building flexible multi-column website layouts. It contains an eight-column grid optimized for a line-height of 24px, as well as a set of typography presets based on the golden ratio that fit into the grid’s vertical rhythm.

The Cross-Browser CSS3 Rule Generator

“Safari visual effects allow you to create sophisticated graphical user interfaces for web applications for the desktop and iPhone OS. The visual effects available range from image effects using gradients, masks, and reflections, to more complex 2D and 3D effects.”

grid system for css