css

A grid system Generator for several popular CSS Grid Systems.

One font, 249 icons
In a single collection, Font Awesome is a pictographic language of web-related actions.
CSS control
Easily style icon color, size, shadow, and anything that's possible with CSS.
Infinite scalability
Scalable vector graphics means every icon looks awesome at any size.
Free, as in Beer
Font Awesome is completely free for commercial use. Check out the license.
IE7 Support
Font Awesome supports IE7. If you need it, you have my condolences.
Perfect on Retina Displays

All CSS in Drupal core should be defined by the theme.

This will help in a number of ways:
- Prevent the need for css overrides
- Stop all drupal sites looking drupally
- Allow full control to the themer

(me) - does not affect contrib.

Mozilla Webmaker wants to help you make something amazing with the web. We’ve got new tools for you to use, projects to help you get started, and a global community of creators — educators, filmmakers, journalists, developers, youth — all making and learning together.

The goal: help millions of people move from using the web to making the web. As part of Mozilla’s non-profit mission, we want to help the world increase their understanding of the web, take greater control of their online lives, and create a more web literate planet.

Front-end performance is also a critical priority for Zen. That’s why Zen 5’s markup and CSS footprint is so small. After turning on Sass production-mode compilation, the total CSS is only 14k; this includes the layout, vertical rhythm support, print styles, all the appropriate vender prefixes (like -o and -khtml), CSS3-prettified tab styling and the 3 menu images that are included via Data URIs into the CSS. Zen includes no images and only 2 JavaScripts (which are only loaded conditionally by IE8 and lower, but also minified and pre-aggregated together).

eventually I half-stumbled on the fact that the 24 column / 960 grid can be divided almost perfectly into a true golden ratio of 1:1.618. The larger space is 580px and the smaller 360px, becoming 340 with a 20px gutter between the two. This makes the ratio 1:1.611.

With these base sizes, I began experimenting with dividing further with the golden ratio, and also just simply dividing the larger space into two, leaving me with three uneven columns of 280, 280 and 340. What I enjoyed most about all this was breaking away from the same old and really trying something new.