36 CSS Frameworks for Designers
![:P](http://blog.arunace.com/wp-includes/images/smilies/icon_razz.gif)
这里有这么多的框架,我们可以根据自己的兴趣爱好,使用习惯选择一两个最适合自己的,俗话说,适合自己的才是最好的嘛!
So Good Luck …
1. 1KB CSS GRID
Most of the CSS frameworks out there are Great but since somtimes its too complicated for some designers , especially beginners to start off using them …so in that case they need a simple, lightweight approach that doesn’t require them to understand and learn a whole lot. And the answer to this problem would be….tadaa… 1KB CSS Grid
According to this framework , just to make it simple and easy to make a webpage , you just need to use one simple line of css to manage everything..dp50 {width:50%; float:left; display: inline; *margin-right:-1px; }
Some people don’t even consider this as a framework at all and I am not saying they are right or wrong coz everyone has their own way of understanding.
Well to understand more about this framework , just click on the name and see it for your self.
3. 52Framework
This one provides an easy way to get started using html5 and css3 while still supporting all modern browsers.
And I know one of the first things that’ll come to your mind would be … “does it support IE6 ?“… and you will be glad to hear ” IT DOES ”
4. 960 GRID SYSTEM CSS FRAMEWORK
Allows you to organise and streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels having two variants: 12 and 16 columns, which can be used separately or one after the other.
It’s main emphasis in on typography and grid tools.
Focusses on clean and solid core and then aiming to add more features as addons like stylesheets for forms or some extra typographical features.
A solid foundation with an easy-to-use grid system, sensible typography, a stylesheet for printing and many other plugins as addon features.
Its a framework cocktail made up of Blueprint, Tripoli, Hartija, 960.gs, and Elements.
A full featured beautiful CSS framework which now has its own personality.
Since the main focus of this framework is on simplicity and you can get the idea by its name (boilerplate) I will just keep the description short and would just say …it is simple, elegant and semantic.
9. CLEVERCSS
It allows you to build structured and clean stylesheet.
Inspired by Python… but totally indentation based and therefore more structural.
An open-source CSS Authoring Framework with cleaner markup without presentational classes.
Includes best reusable patterns, makes CSS3 seem easy and allows you to make your personal framework very simple.
11. CWS (Content with Style) FRAMEWORK
Possibility of breaking down stylesheets into components that could be reused across projects.
Allowing rapid development with pre-written & tested components.
Framework includes all 3 layers of front-end: structural, presentational and interactive.
Main motive is to reduce the amount of time spent on setting up the basic master HTML template by reusing the same coding techniques.
A simple css framework to layout web-based interfaces, based on the printed layout techniques of 4 columns but with capabilities to unlimited column combinations. and capacity to make elastic, fixed and liquid layout easily.
It has its own project workflow and helps you write CSS faster and more efficiently.
It has Collection of preset classes, Lightbox already included, adds style & usablity to external links with icons.
Extremely lightweight with the use of fixed & fluid columns in the grid and elastic layout with “em”s and baseline Grid Typography.
Formy is a simple-yet-functional CSS framework which enables you to create form layouts without tables, divs or lists.
17. HARTIJA CSS PRINT FRAMEWORK
Unites the best CSS printing practices into a universal Cascading Style Sheet for web printing.
jQuery UI includes a robust CSS Framework designed for building custom jQuery widgets. The framework includes classes that cover a wide array of common user interface needs, and can be manipulated using jQuery UI ThemeRoller.
The Logic CSS framework is a collection of CSS files and a toolset designed to cut development times for web-standards compliant web layouts and templates.
20. Lovely CSS
A simple and straight forward way to easily deploy an XHTML/CSS site.
Based on a simple 960px wide grid system, featuring multiple column layouts and various plugins.
21. M5 CSS Framework
A Typographical CSS Framework
22. MALO
Is an ultra small css library for building web sites
Personalized width of the page in (%, px, em) and super flexible.
23. Markercss
Open source code for web page layout, extremely flexible and fast and purely standards-based CSS structure
24. MY CSS FRAMEWORK
The Standards Guy css framework
Emphasis on CSS validation for WCAG 1.0, Cross-browser compatibility—including Internet Explorer (IE) 5.x on the Mac, hacks for IE in separate file and Quick template creation.
Uses flexible structures without grids, same class names for layout and structures without redundant code to be rewritten.
26. OOCSS (Object Oriented CSS Framework)
A CSS “object” is a repeating visual pattern, which can be abstracted into an independent snippet of HTML, CSS, and possibly JavaScript and that object can then be reused throughout a site.
27. SENCSS Framework (Sensible Standards CSS Baseline)
It supplies sensible styling for all repetitive parts of your CSS, and doesn’t force a lay-out system on you.
28. SIMPL.CSS
The simple css framework which tries to use the whole width and does a clean nice job of designing as well.
29. TAFFY CSS FRAMEWORK (project development not active anymore)
It allows you to override default browser styles, give your type a readable measure, re-work typography and much more.
30. THE GOLDEN GRID
CSS tool for grid based web sites.
6/12 grid system and Super lightweight (compressed weight less then 1kb)
31. THE SQUARE GRID
Based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites.
32. TYPOGRIDPHY
It is used to quickly code typographically pleasing grid layouts with larger baseline and font size, and is much more robust.
The common sense CSS framework.
It has three basic css framework css files : core , forms and tabular.
Allows you to design web sites faster, using robust CSS modules, which are already tested in a large array of web browsers.
35. YAHOO! UI LIBRARY: GRIDS CSS FRAMEWORK
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.
36. YAML (Yet Another Multicolumn Layout) CSS FRAMEWORK
Used for creating modern and flexible floated layouts, extremely versatile in its programming and absolutely accessible for end users.
Has slim framework core with numerous extensions, focussed on web standards and accessibility , flexible layout concept (columns & grids) and also complete multilingual documentation.