27 Useful CSS Framework recommendations

With CSS frameworks, you can simplify your work and improve your productivity. CSS Framework is a collection of CSS files, including basic element reset, page layout, grid layout, form style, general rules and other blocks of code. Below you recommend 27 excellent CSS framework, you can choose.

1.960GS

The 960-megapixel page width seems to be a design standard that shows the content of the Web page well at the current resolution. Provides a more commonly used size to simplify the web design process, making work simple and efficient.

2. YUI 2:grids CSS

Mango once introduced by the Yahoo Development Group launched Yui, and this Yui Grids CSS is part of it. As one of the most famous CSS frameworks, YUI Grids CSS offers four preset page widths and six preset templates. One of the negative Margin technology, using the unit of Measure EM, clear the layout of floating technology is worth learning and reference.

3. Blueprint

Blueprint is a mature CSS framework that places layouts (layout), typography (typography), components (widgets), reset (reset), printing (print) into different CSS files. In the design of the Web page reduces the introduction of code, improve page loading efficiency.

4. Bluetrip

Bluetrip is a well-done part integrating the Blueprint & Tripoli Framework, Hartija print style, 960.gs simplicity, and a CSS framework for the Elements icon. Provides you with a handy collection of styles and a common way to make websites. So you can focus on the design.

5. Elastic CSS

Elastic is a simple CSS framework used to lay out web pages. Elastic can implement a variety of common Web page layouts.

6. Easy

The popular jquery component features are included in the framework, so you can use this framework directly without having to learn complex Ajax jquery syntax.

7. Ez-css

Ez-css is a lightweight, browser-friendly, easy-to-use CSS framework. The page complex layout (layouts) used to create the css+p.

8. Tripoli

Tripoli is a general-purpose CSS specification for HTML performance. By resetting and rebuilding browser standards, Tripoli provides a standard, cross-browser basis for your site projects.

9. Clevercss

Clevercss is a python-inspired, small markup language for CSS that can be used to create a style sheet in a neat and structured way. In many ways it is more neat and powerful than CSS2. The most obvious difference from CSS is syntax: It is based on indentation and is not monotonous. While this is clearly a violation of Python's rules, it's still a good idea to organize styles.

Ten. Sencss

It provides a reasonable style for the parts of your CSS that you repeat, so you can focus more on the style of your website. Sencss Unlike other CSS frameworks, it does not contain a variety of cluttered layout styles or predefined grid systems, what can sencss just do? Baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms and so on are all sencss can do.

Emastic.

Emastic is a CSS framework that has a continuous task: exploring unfamiliar new worlds, looking for fresh life and new web space, and daring to go to areas where the CSS framework has not yet arrived. It is lightweight, more user-friendly on page widths, and uses fixed and non-fixed column widths in the grid. Elastic with "em" layout.

Typogridphy.

Typogridphy is a CSS framework for grid layout, designed to help web designers and front-end developers quickly encode and implement beautiful grid layouts. It allows you to quickly create a wide variety of grid layouts, and is very easy and simple. The CSS of this framework fully conforms to the standard of semantic inspection, strict XHTML and so on.

Less Framework 3

It is a less.js-based CSS framework that takes advantage of its advanced features such as mixing, variables, and nesting.

Elements.

is a very lightweight CSS framework, from the structure of its code, it is obvious that the author hopes that the whole project can be deployed in the framework of its CSS.

Boilerplate.

It is a HTML/CSS/JS preset template that can help you build a Web site that supports HTML5-CSS3, cross-browser.

Malo.

An ultra-small, flexible, easy-to-use, wide-variation personalization page.

The 1kb CSS Grid

If you just need a lightweight CSS grid system to build your site's main frame, then you can try the next 1Kb CSS grid. A generator is available on the 1KB CSS grid website to customize the CSS grid, and a custom CSS grid can be downloaded directly.

Fluid Grid System

A site's navigation menu text does not provide enough information to express the contents of the current menu button, the general solution is to use the hint message tooltip, then the mobile navigation menu can also solve the problem, but also for the site design has added some stylish and dynamic elements.

Content with Style

The next logical step in the Content with style is to extend this to a CSS framework that allows you to quickly develop a Web site using components that are written and tested. What's really needed is a set of naming conventions and a flexible basic template.

Wymstyle.

Wymstyle is a set of CSS files that you can easily combine to create the layout of your site quickly. By providing reliable, well-tested CSS modules, Wymstyle strives to prevent tedious cross-browser compatibility testing on every website.

The Golden Grid

is a relatively new CSS framework developed by VLADOCAR, which provides a new layout reference for modern web design. It's very small, so it's easy to learn and get started. Some of the ways of dealing with layouts are well worth learning. If you understand the 960 grid system, then this framework will make it easier for you to use.

Yet another multicolumn Layout (YAML)

Yaml is a (X) HTML/CSS framework that has been developed to accommodate flexible and user-friendly layouts. YAML has provided a wide range of documentation since its advent in 2007. Like many other css-framework such as Blueprint CSS or YUI Grids, a predefined css-classes system is provided to create a grid-based layout. To create a layout, the designer needs to create the HTML structure of the site and then write the CSS for the container (HTML tag), leaving the rest to itself.

. Compass

Compass is a style of authoring framework that makes your style sheets and labels easy to build and maintain. Write your own style with sass instead of the original CSS, using the sass mixins and compass combination, you can apply a style framework such as blueprint to replace your own style tags. Compass based on Sass, CSS frameworks such as blueprint can be used to make it very convenient.

The Schema Web Design Framework

Schema is a design of a Web page frame designed to provide the CSS and HTML tags that are necessary for repetitive design tasks. Unlike creating html/css for each new site project from scratch, the schema provides the necessary foundation to start and immediately let your design run.

Sparkl.

It is a very mature system, it is small and flexible, easy to learn and easy to use.

The JQuery UI CSS Framework

It is a set of jquery-based UI controls and mouse interaction components that have skin-replaceable features. Designed to help developers build Web applications with a good user experience. Provides a powerful CSS Framework for user-defined use of jquery widgets. One of the themeroller is to let you do whatever you want to design a different style of web interface.

52framework

It is a Web development framework that enables HTML5 and CSS3. It is a cross-browser framework that can run on all major browsers, including IE6. It is mainly implemented using a HTML5 enabling JavaScript file.