CSS Framework

A CSS framework is a pre-prepared software framework that is meant to allow for easier, more standards-compliant web design using the Cascading Style Sheets language. Most of these frameworks contain at least a grid. More functional frameworks also come with more features and additional JavaScript based functions, but are mostly design oriented and unobtrusive. This differentiates these from functional and full JavaScript frameworks.

Two notable and widely used examples are Bootstrap and Foundation.

CSS frameworks offer different modules and tools:

Bigger frameworks use a CSS interpreter like LESS or SASS.

List of notable CSS frameworks

Grid systems

Name Latest release/Date License Fixed, fluid or responsive Units (px, em, %) Features no. of columns
PureCSSFramework.com beta v1 release (09/01/2017) MIT License Flex box, accordion, modals, fluid, buttons more em, %, px, calc A real full CSS framework alternative to bootstrap. Clickable buttons, menus, modals and more with no need for JavaScript. Flex box grids, layouts, media queries sizes for modern browser sizes. 10,12, nested
Blueprint 1.0.1 (May 14, 2011) MIT License typography, forms, print. plugins for buttons, tabs and sprites.
Bootstrap 3.3.7 (July 25, 2016) MIT License (Apache License v2.0 prior to 3.1.0) fixed, fluid, responsive px, % Layout, typography, forms, buttons, navigation, media queries + more, + .less files + js libraries 12
Cascade Framework 1.5 (August 28, 2013) MIT fixed, elastic, fluid, responsive px, % Grid, layout, typography, forms, buttons, media queries + more Any
Foundation 6.4.2 (August 10, 2017) MIT License fluid px, % Responsive Layout, source ordering, typography, forms, buttons, navigation, media queries, js libraries Any
Jewels 1.0 (November 24, 2015) MIT License fixed, fluid, responsive px, %, em Layout, typography, grids, forms, buttons, navigation, media, screen display, accessibility
Materialize 1.0 (November 8, 2015) MIT License fixed, fluid, responsive px, %, em Grid, Layout, typography, forms, buttons, navigation, transitions + more, + .sass files + js libraries 12
w3.css 4 (March 24, 2017) MIT License simplicity, CSS only, grid, responsive, layout, typography, tables, buttons, animations 4
YAML 4.1.2 (July 28, 2013) CC-BY 2.0 fixed, elastic, fluid px, em, % Layout, grids, columns, forms, buttons, progressive linearization for responsive layouts, float handling, navigation, typography, accessibility, add-ons (accessible tabs, rtl-support, microformats) any
YUI CSS grids 3.5.1 BSD-3 fixed and fluid

See also

External links

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.


Connect with defaultLogic
What We've Done
Led Digital Marketing Efforts of Top 500 e-Retailers.
Worked with Top Brands at Leading Agencies.
Successfully Managed Over $50 million in Digital Ad Spend.
Developed Strategies and Processes that Enabled Brands to Grow During an Economic Downturn.
Taught Advanced Internet Marketing Strategies at the graduate level.

Manage research, learning and skills at defaultLogic. Create an account using LinkedIn or facebook to manage and organize your IT knowledge. defaultLogic works like a shopping cart for information -- helping you to save, discuss and share.

  Contact Us