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:
- reset style sheet
- grid especially for responsive web design
- web typography
- set of icons in sprites or icon fonts
- styling for tooltips, buttons, elements of forms
- parts of graphical user interfaces like accordion, tabs, slideshow or modal windows (Lightbox)
- equalizer to create equal height content
- often used CSS helper classes (left, hide)
List of notable CSS frameworks
Grid systems
| Name | Latest release (Date) | License | Grid | Units | Features | No. of columns |
|---|---|---|---|---|---|---|
| Blueprint | 1.0.1 (May 14, 2011) | MIT License | Typography, forms, print. plugins for buttons, tabs and sprites. | |||
| Bootstrap | 4 (January 18, 2018) | MIT License (Apache License prior to 3.1.0) |
fixed, fluid, responsive | px, % | Layout, typography, forms, buttons, navigation, media queries + more, + .sass files + js libraries | Any, default 12[1] |
| wellcome css | 3.2.1 (July 07, 2018) | FREE | Fully Responsive | px, % | Typography, Text Decoration / Font Decoration, Text Color, Text Align, Background Color, Grid System, Nav Bar, Button, Box, Title Box, Panel, Message Box, Table Structure, Circle-Radius, Plugins, Gradient Generator, Image Responsive, Image Effects, Hover Effects, Align, Progress Bar, Breadcrumb, Pagination, Badges, Tag, List, Form, Help Class, Flexbox, Slider, Photo Gallery, Offset Fix, Closeable Box, Modal, Accordion with plus minus, Tab, Dropdown, Mobile Menu, Filter | 12 Grid [2] |
| 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 |
| 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.18.1 (October 22, 2014) | BSD-3 | fixed and fluid | |||
| CSS Framework | 1.1 (September 1, 2018) | MIT | fixed, fluid, responsive | px, rem, % | Layout, grid, buttons, typography, helpers, media queries, navigation + more | Any, default = 12 coll |
See also
References
External links
- CSS Front-end Frameworks with comparison
- CSS Frameworks
- Awesome CSS Frameworks, an up-to-date collection of CSS frameworks categorized and ordered by popularity
This article is issued from
Wikipedia.
The text is licensed under Creative Commons - Attribution - Sharealike.
Additional terms may apply for the media files.