Фреймворки каскадних таблиць стилів

Матеріал з Вікіпедії — вільної енциклопедії.
Перейти до: навігація, пошук

CSS-Framework - фреймворк, створений для полегшення роботи веб-розробника, пришвидшення розробки та попередження максимальної кількості помилок. CSS-бібліотеки зазвичай мають вигляд зовнішнього css-файлу, що підключають в заголовку веб-сторінки.

Список фреймворків каскадних таблиць стилів[ред.ред. код]

Нижче наведено список фреймворків каскадних таблиць стилів, заздалегідь написаних бібліотек каскадних таблиць стилів, які покликані полегшити створення макетів, які відповідають стандартам та краще художньо оформляти веб-сторінки.

Переваги[ред.ред. код]

  • Блочна верстка
  • Ретельно підібрані стилі покращують читабельність контенту.
  • Кроссбраузерність
  • Пришвидшення розробки
  • Одноманітність коду дозволяє знизити кількість конфліктів при командній розробці
  • Допомогає недосвідченому розробнику правильно створювати HTML-макет
  • Дає можливість використовувати генератори коду[1][2]

Недоліки[ред.ред. код]

  • Залежність від сторонньої бібліотеки
  • Деякі бібліотеки використовують префікси, що ускладнює розуміння коду
  • Великий розмір бібліотек

Особливості[ред.ред. код]

Grid Systems[ред.ред. код]

Назва Остання версія/Дата Ліцензія фіксована, резинова, еластична Одиниці (px,em,%) Особливості Кількість стовбчиків
960 grid system 21 жовтня 2011 GPL, MIT License fixed px source ordering 12, 16, 24
1140 CSS Grid 2.0 fluid max width 1140px, columns in % media queries, support for pre-css3 browsers with css3-mediaqueries, responsive images 12
Blueprint 1.0.1 (May 14, 2011) MIT License typography, forms, print. plugins for buttons, tabs and sprites.
Cascade Framework 1.0 (March 18, 2013) MIT hybrid px,% Layout, typography, forms, buttons, navigation, media queries + more Any
Columnal CSS grid system 0.85 CC BY-SA 3.0 fluid max width 1140px, columns in % responsive, sub-columns, pre- and suffix classes, media queries, responsive image sizing 12
Floatz 1.1.2 (July 17, 2012) Apache License v2.0 fixed and fluid  % Robust. Easy to use. For content based websites as well as web based / rich applications. Complex forms layout. Optional integration with GWT. Any
Fluidable April 09, 2012 CC0 1.0 fluid responsive, mobile layout, fixed gutters, any number of columns Any
Foundation Zurb 4.x (2013) MIT License fluid px,% Responsive Layout, source ordering, typography, forms, buttons, navigation, media queries, js libraries 12
Gumby Framework July 2012 MIT License fluid  %, px responsive, media queries, hybrid grid PSD templates, UI kit, typography forms, buttons, navigation, js libraries, vertical alignment 12, 16
Semantic 1.2 (January 11, 2012) Apache License v2.0 px, % responsive
skeleton V1.2 (6/20/2012) MIT license responsive Responsive Grid Down To Mobile, Fast to Start, Style Agnostic. Base grid is a variation of the 960 grid system. 12
Twitter Bootstrap 2.2.2 (December 8, 2012) Apache License v2.0 fixed, fluid px,% Layout, typography, forms, buttons, navigation, media queries + more, + .less files + js libraries 12
YAML CSS Framework 4.0.1 (March 12, 2012) 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
Zass 1.0 (January 24, 2012) LGPL License fluid  % semantic (doesn't pollute HTML with classes), clean (no CSS hacks neither negative margins), any number of columns, infinite nesting of columns Any
Jaidee Framework (3.2 SP1) April 7, 2013 CC-BY 2.0, Openpassorn license v1.0 fluid px, % Responsive CSS Layout, typography, forms, buttons, navigation, media queries, js librarie, slideshow, js tab,Responsive modal popup 12

Примітки[ред.ред. код]

  1. YAML Builder
  2. Variable Grid System