CSS-фреймворк. Использовать или нет?


Здравствуйте!
Сегодня мне хотелось бы написать в новом стиле. Не на новые темы, а именно в новом стиле. Этот пост, в отличии от всех предыдущих, будет не столько информативным, сколько построенным в рамках размышления с намеком на диалог. Разговор пойдет о CSS-фреймфорках. Вернее не о самих фреймворках, а об их использовании.

Собственно, начал я этот разговор потому, что мне на глаза попало интересное решение в виде Fluid 960 Grid System — CSS-фреймворк, который был разработан Стивеном Бау на основании известного и популярного фреймфорка 960.gs. Решение предложенное Стивеном дает возможность быстро создать базовую 16 или 12-колоночную разметку с красивыми и популярными js-эфектами, реализовать которые можно с использованием библиотек jQuery или Mootools по выбору разработчика. Кроме этого, как можно судить по названию, изначально фреймворк ориентирован на «резиновую» верстку, хотя при желании можно использовать и фиксированную верстку, но тогда фреймворк мало чем отличается от своего родителя 960.gs.

Почему именно 960.gs? Наверное потому, что я уже давно использую в своих макетах дизайна сайта базовую 12-ти колоночную сетку именно оптимизированную под 960px. Вот именно поэтому мне приглянулось «творение» Стивена. Но есть моменты, которые не совсем мне понравились в этом фрейворке. Например, мне не понравилось то как реализована типографика, несколько смешаны стили разметки и типографики, что поначалу вносит некий сумбур в верстку. Хотя, если изучить код более детально, то становится понятна логика разработчика, вернее логика разработчиков 960.gs, стили разделены непосредственно по функциональным элементам, что в последствии может помочь разработчику. Еще один момент, который смутил меня в типографике — это прописанные в пикселях параметры размеров шрифтов и отступов. И хотя в последствии в функциональных блоках уже используется размер шрифтов в em, который просчитывается от базового, я все таки остаюсь приверженцем простоты и единообразия в типографике «без лишних поворотов».

Но не смотря на эти небольшие недостатки CSS-фреймворк от Стивена Бау Fluid 960 Grid System на основании известного и популярного фреймфорка 960.gs я считаю очень удачной разработкой. Лично для себя я принял решение, что, по крайней мере сетку, я обязательно интегрирую в свой собственный фреймворк, который использую в верстке, и в скором времени думаю представлю на ваш суд собственную сборку. Возможно, для кого-то она окажется полезной. А для меня будет очень полезным узнать какие CSS-фреймворки и наработки вы используете в верстке. Приглашую всех к обсуждениям в комментариях.

P.S. Мысли о разном...

Кто знает что такое керамзит? Ладно, а кто знает что такое гравий? Так вот керамзит на сегодня есть наиболее популярным сырьем-основой для гравия. Вот такой вот я строитель :)

Ну и закончим все таки тематическим сообщением о том, как создать свой сайт самостоятельно. А создать свой сайт просто — надо просто захотеть :) Успехов!

Подписаться на RSS Коментарии в RSS 2.0 Trackback.

Комментарии 8

  • Yakov says:

    Статья класная... Читается легко и непринужденно.

    А вот строитель из тя действительно хреновый...

  • Geralt says:

    Гравий дробят из горной породы-из камней...

    А тот гравий, который делают из керамзита-это керамзитовый гравий. Обыкновенный гравий сроден щебню-только размерами отличаются и оба сырья из одной горной породы из гранита...

    • hiway says:

      Ну все. Убили. Спасибо за исчерпывающее пояснение. Но основная статья все-таки про CSS-фреймфорки. :)

  • Надо будет взять на вооружение данный CSS фреймворк, а то пользовался только одним, если честно не могу вспомнить название...в общем не очень понравился.

    P.S. Стиль написание интересный, продолжайте в том же духе ;)

    • hiway says:

      Спасибо. Кстати, пользуюсь твоим плагином WP ToDoList. Было бы неплохо сделать еще возможность вывода виджета в фронте. Типа анонсы того что будет написано выводить.

  • Не за что ;)

    Рад что нравиться плагин, да виджет будет в версии 1.0. Сейчас просто по работе завал, заданий много. Как подразгребу займусь, так что если что следите за обновлениями ;)

    Кстати, если есть еще какие — либо предложения, то пишите в комментариях на моем блоге.

  • Shepelev says:

    Полезная инфа. Добавляйте ссылку на эту статью на рукодерс — как раз тут искали.

Leave a Reply

Вы можете использовать тэги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">