1000px ~ 960.gs grid system | 25columns ~ margin left:5px ~ margin right:5px — based on 960.gs
A grid system Generator for several popular CSS Grid Systems.
tools
layout
grid
command_line
css
css
Font Awesome, the iconic font designed for use with Twitter Bootstrap
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
iconfont
bootstrap
opensource
drupaleasypodcast
icons
fonts
css
Move all CSS to the theme | drupal.org
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.
core
drupal8
css
drupaleasypodcast
Mozilla Webmaker
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.
summer
learning
css
html
tools
webdesign
kids
An All-New Zen with the Same Guiding Principles | Palantir.net
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).
sass
normalize
css
best_practices
html5
base_themes
palantir
johnalbin
themes
drupaleasypodcast
Why I often use a 24 column grid | Deeson Online
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.
webdesign
css
layout
grid
Pages
