Как вы выбираете CSS-фреймворк?

Question

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

Answer 1

Во-первых, не просто автоматически предполагать, что CSS-фреймворк необходим или даже желателен. В зависимости от того, что вы делаете и насколько хорошо у вас работает разметка + CSS, это может не стоить того. Статья в Википедии едва затрагивает поверхность дебатов, которые я видел в Интернете, например, эту критику структуры YUI Grids.

Если вы решили, что CSS-фреймворк для вас, тогда вам нужно решить, какие проблемы он будет решать для вас. Получив этот список, вы можете начать сравнивать разные, чтобы увидеть, насколько хорошо они решают ваши проблемы.

Наконец, существует ряд незначительных факторов, которые могут сместить баланс для вашего конкретного приложения. Уже используете YUI на сайте? Тогда комбо Reset, Base, Fonts и Grids может получить удар и т. Д.

Две ссылки, которые я видел чаще всего, - это YUI и BluePrintCSS (вот сравнение).

ОБНОВЛЕНИЕ: Одна вещь, которую я не видел явным образом в CSS-фреймворке, - это установка типа в сети к базовой сетке (подробнее об этом см. В этой статье о компоновке с вертикальным ритмом).

Answer 2

Вы в идеале нет.

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

Answer 3

Afaik, две из самых популярных - это светокопия и система координат 960.
У обоих есть свои сильные стороны. Мне нравится 960gs.

Есть еще один вопрос, обсуждающий два здесь

Answer 4

Если вам нужно построить сложную сетку без ограничения по умолчанию ширины, текучих и фиксированных столбцов, облегченной, базовой сетки, необязательной семантической, % и позиционной сетки на основе, мой совет - используйте мой CSS Framework Emastic.

Если вам нужно что-то более простое, вы можете использовать Malo или что-то похожее на Blueprint или 960.gs, но весит всего 1 КБ The Golden Grid. Будьте осторожны, не всегда CSS Framework - это хорошая идея. Я также написал один пост о том, когда использовать CSS-фреймворк?

Answer 5

Забудьте про фреймворки, используйте XCSS. Вы будете любить писать таблицы стилей снова.

Answer 6

Compass - это интересный CSS-фреймворк. Он может работать, используя blueprint, 960.gs, YUI и, возможно, другие в качестве основы, но просто тянет то, что нужно для вашего проекта.

Answer 7

Я использовал YUI, BlueprintCSS.

В будущем я хотел бы рассмотреть возможность использования 960gs, но, скорее всего, будет использовать Twitter начальной загрузки https://github.com/twitter/bootstrap/

Answer 8

Мне все еще нужно разнообразить свой опыт работы с фреймворками CSS, но больше всего я работал с библиотекой YUI CSS.

Он состоит из четырех частей - состоит из перезагрузки, пакета гридов, настройки шрифтов (не совсем уверен, каковы преимущества использования) и базовой таблицы стилей, которая применяет некоторое базовое форматирование. Вы можете выбрать, какие части вы хотите использовать, и они доступны для использования из CDN на Yahoo! и гугл.

Мне нравится библиотека YUI, потому что она обеспечивает легко переключаемый макет (просто путем изменения одного класса или идентификатора оболочки контейнера) - например, yui-t4 предоставляет столбец 180px справа, yui-t3 слева расположен столбец размером 300 пикселей - эти шаблоны также принимают размеры рекламных блоков, что полезно.

Базовая разметка тоже не так уж плоха:

<div id="doc"><!—-overall document wrapper-->
    <div id="hd"><!--header / masthead--></div>
    <div id="bd">
        <div id="yui-main">
            <div class="yui-b"><!--primary block--></div>
        </div>
        <div class="yui-b"><!--secondary block--></div>
    </div>
    <div id="ft"><!--footer--></div>
</div>