CSS Frameworks

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.



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 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.

Our 70-667 prep course & comptia certification include the latest set of ccna training practice questions and E20-001 dumps with 100% guarantee for victory in mcts certification.


  1. Pingback: 精选15个国外CSS框架 - 抽风的

  2. Pingback: 精选15个国外CSS框架 - 天涯海角

  3. Pingback: 互联网的那点事… » blog archive » 精选15个国外CSS框架

  4. Pingback: 精选15个国外CSS框架 | 享受软件

  5. Pingback: 15个精选的CSS Framworks框架工具 | 联属会员营销博客

  6. Pingback: 精选15个国外CSS框架 :: 清远网页开发交流群官方blog

  7. mobilya   •  

    good web development project.

  8. prasnala   •  

    nice and useful site

  9. Srikrishna   •  

    valuable list for developers

  10. DMOZ   •  

    once again thank u …ur site is very useful me and I become regular visitor.

  11. Pingback: 50+CSS实用技巧和资源汇总 | 博译论 | 分享网络热门与新知 关注网络应用与营销

  12. sueceida   •  

    ehh. interesting )

  13. yaoming   •  

    Like this,something i want is here !

  14. Pingback: CSS Frameworks @ Milton Andrade Designer

  15. saanovai   •  

    Thats definitely a great list. Well compiled. keep up the good work.

  16. MWILSON24   •  

    I have yet to find a framework that’s actually flexible and useful enough to use them on multiple clients. The closest I have found this sample 6S

  17. Knoxville Web Design   •  

    The 960.gs seems to be the most widely used framework right now, with places like WooThemes using it as a base for their designs speaks to how flexible they can be.

  18. Pingback: » 精选15个国外CSS框架 >> Y7L8'Blog---DIV.CSS.JAVASCRIPT.SEO

  19. Alex42   •  

    Customers Examiners Key themes capture the shared understanding of a team of Examiners and are used to help focus the site visit. ,

  20. ugg outlet   •  

    Thanks for your nice post! I like it very much.

  21. Alex   •  

    Thanks for the list, I began to learn CSS a month ago, used to use table, so I am a beginner.

  22. Burçlar   •  

    nice informations … Thanks HPadmin !

  23. Fallar   •  

    I enjoy ESWAT Web Project……

  24. ugg outlet   •  

    great post,keep upppppppp

  25. Houston Antique   •  

    I recently tried the 960 framework and liked it very much. Great list!

  26. tarot   •  

    Thats definitely a great list. Well compiled. keep up the good work.

  27. Pingback: CSS Frameworks :: Top Tutoriais

  28. snow ugg boots   •  

    you are great to do this for us, thank you very much, you can have a look at the nice and warm ugg boots.

  29. fal bak   •  

    Yes nice css !! thanks admin

  30. Thanks for a nice share you have given to us with such an large collection of information. Great work you have done by sharing them to all. simply superb.

  31. uggg store outlet   •  

    I like your post very much. It is very good to see your excellent work. We can learn many things and knowledge from your extensive knowledge article. Thank you very much. Keeping doing these, we will have a look again. The can be the perfect online store for you to buy the ugg boots.

  32. KlausW   •  

    I am an huge fan of yaml — but I promise I will look the others. thx

  33. Rick   •  

    This is a fantastic list, I’ve found it very helpful, thanks!

  34. Ajax Examples   •  

    Great Amazing list !, my favorite is Blue print, but im going to try the others

  35. Pingback: myrgbcolor » 精选15个国外CSS框架

  36. Pingback: 精选15个国外CSS框架 | 墨剑のBlog

  37. fal bak   •  

    Oh very nice. great css work

  38. Pingback: 精选15个国外CSS框架 « 优设花园

  39. Broadband Chandigarh   •  

    unbelievable broadband speed tariffs showing in http://broadband-chandigarh.in to access internet rental within your budget

Comments are closed.