CSS framework

A CSS framework is a software library allowing for easier, more standards-compliant web design using Cascading Style Sheets. 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 focused around interactive UI patterns. This detail differentiates CSS frameworks from other JavaScript frameworks.

Two notable and widely used examples are Bootstrap and Foundation.

Modules and tools offered by CSS frameworks include:

Bigger frameworks use a CSS interpreter such as Less or Sass.

List of notable CSS frameworks

Name Latest release License Grid Units Features No. of columns
version date
Blueprint 1.0.1 May 14, 2011[1] MIT License Typography, forms, print, plugins for buttons, tabs, and sprites.
Bootstrap 5.3.3 February 20, 2024[2][3][4] MIT License
(Apache License prior to 3.1.0) 		fixed, fluid, responsive px, % Layout, typography, forms, buttons, navigation, media queries, .sass files, JavaScript libraries, RTL layout. Any,
default 12[5]
Foundation 6.7.5 July 13, 2022[6] MIT License fluid px, % Responsive layout, source ordering, typography, forms, buttons, navigation, media queries, and JavaScript libraries. Any,
default 12[7]
YAML 4.1.2 July 28, 2013[8] CC-BY 2.0 fixed, elastic, fluid px, em, % Layout, grids, columns, forms, buttons, progressive linearization for responsive layouts, float handling, navigation, typography, accessibility, and add-ons. (accessible tabs, RTL-support, and microformats) Any
YUI CSS grids 3.18.1 October 22, 2014[9] BSD-3 fixed and fluid
Tailwind 3.4.3 March 27, 2024[10][11] MIT License fixed, fluid, responsive Any

References

  1. ^ "Releases · joshuaclayton/blueprint-css · GitHub". GitHub. Retrieved 23 April 2020. This repository has been archived by the owner. It is now read-only.
  2. ^ "Releases · twbs/bootstrap · GitHub". GitHub. Archived from the original on 2014-06-01. Retrieved November 15, 2021.
  3. ^ Déramond, Julien (2024-02-20). "Bootstrap 5.3.3". blog.getbootstrap.com. Retrieved 2024-04-11.
  4. ^ "bootstrap". npm. 2024-02-20. Retrieved 2024-04-11.
  5. ^ Bootstrap documentation - Customizing the grid
  6. ^ "Releases · foundation/foundation-sites · GitHub". GitHub. Retrieved 24 April 2020.
  7. ^ Foundation documentation - The Grid
  8. ^ "Releases · yamlcss/yaml · GitHub". GitHub. Retrieved 24 April 2020.
  9. ^ "Releases · yui/yui3 · GitHub". GitHub. Retrieved 24 April 2020.
  10. ^ "Releases · tailwindlabs/tailwindcss". GitHub. Retrieved 2024-04-11.
  11. ^ "tailwindcss". npm. 2024-03-27. Retrieved 2024-04-11.

Content Disclaimer

Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.

  1. The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
  2. There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
  3. It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
  4. Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
  5. Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.