What is CSS Framework
Infact Lets start with what is framwork?
A framework is a basic conceptual structure which you can use in your web-projects.
CSS frameworks are usually just a collection of CSS files that set up things like basic typography, form styling, grids/simple layout, and resets, such as
- typography.css for basic typographic rules,
- grid.css for grid-based layouts or
- layout.css for general layouts,
- form.css for basic form styling,
- general.css for further general rules
Diffrent CSS Frameworks
Elements CSS Frameworks
Elements is a down to earth CSS framework. It was built to help designers write CSS faster and more efficient. Elements goes beyond being just a framework, it’s its own project workflow.It has everything you need to complete your project, which makes you and your clients happy. Read the Overview for more information.
YUI Grids CSS
The foundational YUI Grids CSS offers four preset page widths, six preset templates, and the ability to stack and nest subdivided regions of two, three, or four columns. The 4kb file provides over 1000 page layout combinations. Other features include:
YAML CSS Framework
Dirk Jesse’s extensive (X)HTML/CSS Framework offers the whole bunch of default-templates for a number of simple or more complex web-projects. YAML is based on web standards and supports every modern web browser. All Internet Explorer’s major rendering bugs are countered. YAML fully supports all IE versions from 5.x/Win to 7.0.
Blueprint CSS
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
Schema Web Design Framework
Schema is a presentation layer web framework designed to provide essential CSS and HTML markup that is used repeatedly in design tasks. Rather than build your HTML/CSS from scratch for each new web project, Schema provides the necessary foundation to get up and running with your design in no time
CleverCSS
CleverCSS is a small markup language for CSS inspired by Python that can be used to build a style sheet in a clean and structured way. In many ways it’s cleaner and more powerful than CSS2 is. The most obvious difference to CSS is the syntax: it is indentation based and not flat. While this is obviously against the Python Zen, it’s nonetheless a good idea for structural styles.
Tripoli CSS Framework
Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.
ESWAT Web Project Framework
ESWAT is being rearmed. If you came for my web framework, you can download it here. You may want to check out my other projects: gmachina, Appleseed.
Boilerplate CSS Framework
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.
WYMstyle CSS Framework
The aim of this project is to provide a set of well-tested modular CSS files, that can be used for fast design of web sites.WYMstyle is a set of CSS files, that you can easily combine to very quickly create the layout of your web sites.WYMstyle aims to suppress the tedious compatibility testing across browsers for each created website, by providing CSS modules which are reliable and well-tested.
ESWAT Web Project Framework
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…
Logicss Framework
The Logic CSS framework is a collection of CSS files and PHP utilities to cut development times for web-standards compliant xHTML layouts. Common cross-browser rendering behavior (not a real reset ala Meyer or like *, Typography with text resizing support (using EMs) and vertical baseline/rhythm, otally customizable flexible layout grids with css code generation tool
That Standards Guy CSS Framework
* Only able to call a single style sheet. * Need to achieve CSS validation for WCAG 1.0 Checkpoint 3.2 for the main style sheets. * Cross-browser compatibility—including Internet Explorer (IE) 5.x on the Mac. * Hacks for IE in separate file(s). * Quick template creation. * A few comments / examples of rendering bugs to save time on the interweb.
960 Grid System
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.
Emastic CSS Framework
Emastic is a CSS Framework, it’s continuing mission: to explore a strange new world, to seek out new life and new web spaces, to boldly go where no CSS Framework has gone before. It is Lightweight, Personalized width of the page in, Use of fixed and fluid columns in the grid, Elastic Layout with “em”s.
Great list!
Some of them I’ve never heard of.
There is one more that was missing from the list though: the 960.gs Framework (http://960.gs/)
Keep up the good work!