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

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 апреля 2008 в 21:12

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

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

# 20 апреля 2008 в 23:32

игорь

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

# 20 апреля 2008 в 23:35

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

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

# 28 июня 2008 в 11:16

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

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

# 28 июня 2008 в 11:58

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

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

# 25 июля 2008 в 15:38

Stason_on

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

# 29 октября 2008 в 17:36

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

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

# 29 октября 2008 в 22:43

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

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



* Должны быть заполнены. Кстати, nofollow в комментариях отключен.
Из-за дикого спама, и нежелания ставить капчу включена функция «Автор должен иметь ранее одобренные комментарии».




Да, меня тоже утомили спамеры, и так как мне лень решать этот вопрос на стороне сервера, то этот вопрос решите мне вы. Извините.

Сделаете то, что вас просят на картинке, хорошо? Это, типа, вместо кнопки «Отправить»

counter