CSS framework

A CSS framework is a collection of design elements and tools for simple and standardized web design with CSS . Most CSS frameworks offer a grid design grid as a basis as well as some basic design elements such as buttons, menus and input fields. Larger frameworks also offer JavaScript- based functions, which expand the design elements with additional, but usually optional, functionalities ( unobtrusive JavaScript ).

CSS frameworks can offer different functions:

• The main function is usually a grid system , especially for responsive web design . These differ in
  • the possible basic widths of the viewport and possible breakpoints,
  • the use of pixels (px), the current font size ( em ) or percentage values ​​for width specifications,
  • the number of columns and rows,
  • the relative or absolute nesting of elements and
  • the manner of media queries.
• Larger frameworks in particular also offer numerous graphic elements such as
  • Web typography ,
  • Icon sets in CSS sprites or icon fonts ,
  • Styling for dropout menus , tooltips , buttons , web forms and elements
  • Elements for graphical user interfaces such as accordion, tabs , galleries or modal windows ( lightbox ).
• In addition, many frameworks offer CSS adjustments, for example
  • Reset style sheets to standardize the formatting,
  • Often used CSS helper classes ( left , hide ) or
  • Equalizer to bring content to the same level.

Larger CSS frameworks use CSS interpreters such as Sass , Less or Stylus .

Some common examples are Bootstrap , YAML , Foundation , UIkit, Skeleton or Semantic UI.

See also

• Web framework

Individual evidence

1. ↑ Archived copy ( Memento of the original dated May 31, 2015 in the Internet Archive ) Info: The archive link was inserted automatically and has not yet been checked. Please check the original and archive link according to the instructions and then remove this notice. 

Web links

• CSS Front-end Frameworks with comparison Comparison of numerous frameworks with supported browsers and use of LESS / SASS
• Awesome CSS Frameworks Current list of CSS Frameworks (sorted by category and popularity)