CSS
Get flash to fully experience Pearltrees
ntent with Style - A CSS Framework
In my Modular CSS article I documented the possibility of breaking down stylesheets into components that could be reused across projects. All well and good. The next logical step is to extend this to become a CSS framework, allowing rapid development of sites with pre-written and tested components. All that's really required to produce this is a set of naming conventions and a flexible base template...
SenCSs stands for Sensible Standards CSS baseline, (pronounced " sense "). It supplies sensible styling for all repetitive parts of your CSS, and doesn't force a lay-out system on you. This allows you to focus on actually developing your website's style . It doesn't include a layout system littered with silly classes and pre-set grids, so what does SenCSs do for you? SenCSs does everything else : baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and more. All the stuff that's almost the same in every project, but that you keep writing again and again …and again.
SenCSs - the sensible standards CSS baseline
Blueprint is a CSS framework , which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.
Blueprint: A CSS Framework | Spend your time innovating, not replicating
Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub . Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
960 Grid System
YAML CSS Framework — for truly flexible, accessible and responsive websites
A brief history When YAML was released in October 2005, it was conceived as a base for developing flexible layouts, with a strong emphasis on meeting the challenges that result from working with flexible (elastic, fluid) containers and varying units. This CSS framework has been continuely improved and extended over the years, based on the feedback and needs of professional frontend developers. Its code base has proved to be stable under real-world conditions on thousands of websites.
PXtoEM.com: PX to EM conversion made simple.
What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px Pixels and points are static measurements, but commonly used in different mediums.
YUI 2: Grids CSS
Video: The YUI CSS Foundation In this 42-minute tech talk from October 2007, YUI senior engineer and CSS component author Nate Koechley provides a holistic introduction to this and all of the YUI CSS components. [ iPod/iPhone compatible download also available .] Grids rely on the width of an " em " provided by Fonts CSS ; therefore, that file must be included. For the sake of this document, the level playing field provided by Reset CSS is also assumed.