"Web Symbols is a set of vector html-compliant typefaces, so it might be used in any size, color and browser (okey, mostly — but IE7 for sure)."

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

A method and framework for ensuring maintainable CSS

Simple Creative Commons licensed icon for sharing functionality.

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

Solarized is a sixteen color palette (eight monotones, eight accent colors) designed for use with terminal and gui applications. It has several unique properties. I designed this colorscheme with both precise CIELAB lightness relationships and a refined set of hues based on fixed color wheel relationships. It has been tested extensively in real world use on color calibrated displays (as well as uncalibrated/intentionally miscalibrated displays) and in a variety of lighting conditions.

simple clean wordpress themes

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

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

library of precisely prepared monochromatic icons and symbols.

Everything about goodreads design is clumsy.

Excellent web fonts for setting body text.

css gradient tool for mozilla and webkit

impressive

high quality free tileable backgrounds

Tutorials and screencasts

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.

Uniform masks your standard form controls with custom themed controls. It works in sync with your real form elements to ensure accessibility and compatibility.

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.

Royalty free toolbar icons

Create Your Own @font-face Kits

“Is there a way to know what fonts will work together? Building a palette is an intuitive process, but expanding a typographic duet to three, four, or even five voices can be daunting. Here are four tips for navigating the typographic ocean, all built around H&FJ's Highly Scientific First Principle of Combining Fonts: keep one thing consistent, and let one thing vary.”

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

“In some cases, you'll have to hold down one button, and then another, and then another. This can lead to your hands doing weird things on the DualShock 3 […] This may sound weird, or even counter-intuitive, but these challenges are put in places where your character is being subjected to heavy emotional or physical stress. You're supposed to feel like you're on the edge of failure and pushing your dexterity to the limit, because that matches what the game is putting its characters through.”

“But now Tumblr has been an Alexa Top 100 site for a while and is still growing strong. Meanwhile Posterous has about 4 times less uniques. Yet Posterous has everything to win: it’s a Y Combinator company with top-tier investors like Chris Sacca and Mitch Kapor. Its founders are experienced software engineers with computer science degrees from Stanford. How come it’s eating dust from a small startup started by a high school dropout?”

Designed and carefully optimized for use on toolbars and tab bars in iPhone apps, they're also perfect for Android apps, websites, t-shirts, tattoos and more.

As there’s a tendency lately to release lots of (often less-than-pixel-accurate) PSD templates of iPad UI elements, I’ve decided to work with my good friend, Sean Patrick O‘Brien to create a PSD based off the exact overlays, outlines, and masks the iPhone and iPad OS use to mask icons.

“First we compared leaving the donation amount blank, suggesting a $20 donation, and suggesting $100. We quickly saw that $20 was sub-optimal, resulting in fewer transactions and a lower total amount collected.”

“Is there a middle path—a way to provide feedback and reduce password errors that doesn’t sacrifice the user experience? At least two design patterns address this issue in offline applications, and with a little JavaScript, we can bring them to the web.”

grid system for css