Опубликовано автор в категориях Верстальщику.


Здравствуйте!
Сегодня мне хотелось бы написать в новом стиле. Не на новые темы, а именно в новом стиле. Этот пост, в отличии от всех предыдущих, будет не столько информативным, сколько построенным в рамках размышления с намеком на диалог. Разговор пойдет о 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. Мысли о разном…

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

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

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

  1. Yakov

    Статья класная… Читается легко и непринужденно.
    А вот строитель из тя действительно хреновый…

    Ответить
  2. Geralt

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

    Ответить
    • hiway

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

      Ответить
  3. Главный Лаборант

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

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

    Ответить
    • hiway

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

      Ответить
  4. Главный Лаборант

    Не за что 😉
    Рад что нравиться плагин, да виджет будет в версии 1.0. Сейчас просто по работе завал, заданий много. Как подразгребу займусь, так что если что следите за обновлениями 😉
    Кстати, если есть еще какие — либо предложения, то пишите в комментариях на моем блоге.

    Ответить
  5. Юрий

    Я недавно набрёл на Semantic Grid Sistem. Его сетка весит всего 2кб., использует Less.
    На его основе можно сверстать любую сетку, включая вложенные элементы. Количество колонок, ширина и ширина пробелов задается в Less-константах, можно делать как фиксированную, так и резиновую верстку.
    И при этом нет необходимости навешивать в html нагромождение классов, типа ‘column_one’ ,’column_last’, и т.д…

    Ответить

Оставить комментарий

  • (не будет показан)