Select 15 most popular CSS frameworks from abroad

Source: Internet
Author: User

From http://www.microspaze.com/

"

A css framework usually refers to a set of CSS files, including the basic layout, form style, grid, simple structure, and style resetting of a webpage. For example:

    • Typography.css Basic typographical rules
    • Grid.css Grid-based layout
    • Layout.css General Layout
    • Form.cssForForm Style
    • General.css More general rules

Although the css framework is not applicable to small web development projects, for large-scale team development projects, the css framework not only accelerates design and development, it can also effectively solve the many troubles and problems caused by the website revision. The 15 CSS frameworks recommended here are the most popular CSS frameworks in foreign countries. I hope they will be helpful for your development!

1.Elements CSS frameworks

CSS frameworks

ElementsIs a practical css framework. It is built to help designers write CSS more quickly and efficiently. Elements has gone beyond just being a framework and has its own project workflow. It has everything you need to complete the project, which also makes you and your viewers happy. Read more.

2.Yui grids CSS

CSS frameworks

Yui GridsThe basic Yui grid CSS provides four preset page widths, six preset templates, and blocks divided into 2, 3, and 4 volumes. This 4 kb file can provide a combination of page la s in excess of 1000. More information

3.Yaml css framework

CSS frameworks

Dirk Jesse's powerful (x) HTML/css framework provides complete default template packages for many simple or more complex website projects. Yaml is based on web standards and supports all modern browsers. All major rendering vulnerabilities of Internet Explorer are fixed. Yaml fully supports all IE versions from 5.x to 7.0.

4.Blueprint CSS

CSS frameworks

BlueprintIs a css framework, which aims to reduce your CSS development time. It provides a reliable CSS Foundation to create your project. BP consists of an easy-to-use grid, a reasonable layout, and a print style.

5.Schema web design framework

CSS frameworks

Schema It is a webpage Framework Design designed to provide CSS and HTML tags required for repeated design tasks. Unlike creating html/CSS for every new website project from scratch, schema provides the necessary foundation to start and immediately let your design run.

6.Clevercss

CSS frameworks

ClevercssIt is a small Python-inspired markup language for CSS. It can be used to create a style sheet in a neat and structured manner. It is neat and powerful than css2 in many aspects. The most obvious difference from CSS is Syntax: it is based on indentation and is not monotonous. Although this apparently violates Python rules, it is still a good idea for organizing styles.

7.Tripoli css framework

CSS frameworks

TripoliIs a common CSS specification for HTML representation. By resetting and recreating browser standards, Tripoli provides a standard cross-browser performance basis for your website projects.

8.ESWAT web project framework

CSS frameworks

ESWATReorganizing. If you are targeting my website framework, you can download it here. Maybe you want to see my other projects gmachina and Appleseed.

9.Boilerplate css framework

CSS frameworks

As one of the original authors of blueprint CSS, I decided to reorganize my ideas into a naked framework that provides the most basic elements for starting any project. This framework will be small and strive not to use non-semantic naming conventions. You are the designer and your technology is very important.

10.Wymstyle css framework

CSS frameworks

WymstyleIs a set of CSS files, you can easily combine these files to quickly create your website layout. By providing reliable and well-tested CSS modules, wymstyle strives to prevent every website from boring cross-browser compatibility tests.

11.Content with style framework

CSS frameworks

Content with styleThe next logical step is to extend this to the css framework, allowing you to quickly develop websites using components that are written and tested. What is actually needed is a set of naming conventions and a flexible basic template.

12.Logicss framework

CSS frameworks

LogicssThe framework is used to reduce the time for developing XHTML la s that comply with web standards.Program. Usually cross-browser behavior (not a re-set file of Meyer or "*"). The layout supports text font size adjustment (using EMS) and vertical center, compliant with customizable and flexible layout grids use CSS code generation tools.

13.That standards guy css framework

CSS frameworks

That standards guyOnly one style file can be called. The main style requires CSS authentication (wcag 1.0); cross-browser compatibility-including Internet Explorer (IE) 5.x for MAC; ie hacks uses independent files; quickly create a template. The framework provides a small amount of comments/instance demos to save time.

14.960 Grid System

CSS frameworks

960 Grid SystemIs the result of an effort to simplify the website development process by providing the commonly used size, based on the page width of 960 pixels. It has two types: 12 and 16 columns, which can be used independently or collaboratively.

15.Emastic css framework

CSS frameworks

EmasticIt is a css framework with continuous tasks: exploring new worlds, looking for new lives and new website spaces, and boldly moving to areas not yet reached by the css framework. It is lightweight and user-friendly in the page width, and uses fixed and unfixed column widths in the grid. Elastic uses the "em" layout. 

 

"

Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.