Блог Дмитрия Волотко Подпишись на обновления!

10 CSS фраймворков и что это такое

Давайте кратко разберёмся, что такое CSS фраймворк. Вольный перевод с английской википедии гласит:

Это библиотека, которая предназначена для создания и внедрения более лёгкого и валидного кода. Общий смысл этой библиотеки схож с PHP или JS библиотек, которые получили более широкое распространение и известность широким массам.

Звучит заманчиво, эти фраймворки избавляют от большого количества рутинной работы, дают готовые решения, которые можно использовать и облегчают прохождение валидации (не всегда у таких фраймворков на первом месте стоит валидация – не всегда).

Использование этих библиотек (которых, к слову, намного больше десяти), безусловно, будет требовать от вас знаний стилей, как минимум базовых. Ну и как водиться, надо будет потратить некоторое время на освоение библиотеки, но как говориться – это не сложно. Было бы желание. Почти у всех библиотек основная структура (или ядро) одинакова и проста как две копейки. Это header, footer, menu, submenu, content и т.д.

Я более чем уверен, что если вы серьёзный разработчик, то вы уже наверняка юзаете библиотеку, если не готовую. то самописную. И вы знаете, сколько это экономит нервов, времени и сил на рутинную до невозможности работу.

Ниже висит список из десяти библиотек. Я не призываю вас их скачивать и тестировать, просто на мой взгляд, они заслуживают того, что бы о них знали. Хотя бы из-за размеров комьюнити вокруг них и из-за количества пользователей. Везде есть примеры, документация, кое-где есть даже видео-туториалы :)

  1. Elements CSS Frameworks
  2. WYMstyle: a CSS framework
  3. YAML CSS Framework
  4. YUI Grids CSS
  5. Boilerplate CSS Framework
  6. Blueprint CSS
  7. CleverCSS
  8. Tripoli Beta CSS Framework
  9. ESWAT Web Project Framework
  10. CwS CSS Framework

Буду рад, если в комментариях укажете те библиотеки, которые используете именно вы.

Источник

Так же можно почитать:



# 3 April 2008 в 21:12

10 + 1 CSS фраймворков | Вебмастеру посвящается…

[...] Добавить в Delicious Огромное спасибо автору данного поста за полезную подборку, а посему вот   адрес русскоязычной статьи, кросс-пост из блога автора. [...]

# 20 April 2008 в 23:32

игорь

a. только они фрЭЙмворки :)
b. коммьюнити сейчас возле всего, часто — возле хлама
с. из проекта в проект только reset.css

# 20 April 2008 в 23:35

Волотко Дмитрий

2_игорь, согласен :)
a. Иногда пишу ещё как фреймворки.
b. ну коммьюнити коммьнити рознь, знаете ли.
с. reset.css безусловно. Но я знаю людей, которые, к примеру, полностью работают только с одним-двумя решениями. Получаются вещи шаблонные, но от этого не менее качественные.

# 28 June 2008 в 11:16

Александр Реушкин

Интересно узнать, чем из приведённого пользуется автор.

# 28 June 2008 в 11:58

Волотко Дмитрий

@Александр Реушкин, CleverCSS или Blueprint CSS.

# 25 July 2008 в 15:38

Stason_on

Спасибо, конечно. Но все пишут что-то типа “Почти у всех библиотек основная структура (или ядро) одинакова и проста как две копейки”, однако почти никто не потрудился описать эту структуру. Вот сейчас смотрю YAML и, нужно заметить, довольно запутанная структура. Было бы очень приятно, если бы кто-нибудь помог и выложил в интернет описание структуры известных css фреймворков. Пока-что мне попадалось лишь краткое описание “структуры колонок Blueprint”.

# 29 October 2008 в 17:36

Алексей Мамаев

Пользуюсь Blueprint CSS, довольно удобно. Интересно мнение, стоит ли изменять стили самого framework-а, или просто перегружать их своими классами? Я сейчас обычно перегружаю, получается проще.

# 29 October 2008 в 22:43

Волотко Дмитрий

@Алексей Мамаев, если по уму – то нужно перезаписывать стили в самом фреймворке, перебивать их своими стилями – это лишние тормоза.



* Должны быть заполнены.
Из-за дикого спама, и нежелания ставить капчу оставлять ссылку у комментария вообще нельзя. Точно так же нельзя оставлять ссылки в теле комментария.