Как вы выбираете рамки CSS?

Ответ 1

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

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

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

В двух случаях я чаще всего упоминал YUI и BluePrintCSS (здесь Сравнение).

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

Ответ 2

В идеале вы этого не сделаете.

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

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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

Ответ 6

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

Ответ 7

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

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

Ответ 8

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

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

Мне нравится библиотека 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>