background preloader

CSS Frameworks

Facebook Twitter

Baseline - a designer framework by ProjetUrbain.com. “Real” baseline grid on the web When I first started to design Baseline, I wanted to base the grid on the work of Josef Müller-Brockmann, unfortunately some missing CSS attributes — like type leading — kept me from implementing a true grid based approach. I then decided to another look at the basic grid used in print: the baseline grid. Most frameworks and examples of baseline grids simply put the type on a regular line-height, but one problem with this approach is that the text rarely lines up correctly between columns and headlines — H1 through H6.

Baseline try to align to the font metric to correctly line up headlines, paragraphs, form labels and any other major elements on the page baseline, creating a harmonious layout. How to use Baseline Baseline can be used in many different ways. Use the reset.css and base.css file as a starting point, include the type.css for typographic control or include all files to have a complete foundation to start your web project. Going from 0.2 to 0.5. Css-boilerplate - A simple CSS framework. Boilerplate: noun standardized pieces of text for use as clauses in contracts or as part of a computer program. As one of the original authors of Blueprint CSS I've decided to re-factor my ideas into a stripped down framework which provides the bare essentials to begin any project.

This framework will be lite and strive not to suggest un-semantic naming conventions. You're the designer and your craft is important. If you prefer: over class="column span-2 append-1" then you're in the right place my friend. Releases. 960 Grid System. 52framework - The framework from the future, HTML5, CSS3, and more! Blueprint: A CSS Framework | Spend your time innovating, not replicating.