Преимущество использования CSS-фреймворка

Question

Я думал об использовании фреймворка CSS, так как его используют многие веб-дизайнеры. Говорят, что это хорошо и т. Д. Но есть ли реальное преимущество использования CSS-фреймворка, например 960 Grid System или Blueprint ? Это облегчит мою жизнь? Рассматривают ли эти рамки дьявольский Internet Explorer?

Любые идеи будут полезны.

Answer 1

Многие фреймворки включают Правила сброса , которые представляют собой одну таблицу стилей ( Обычно Meyers 'или ее производную ), которая уравновешивает рендеринг элементов в нескольких браузерах. Теперь, если вы решите использовать CSS Framework или нет, вы ДОЛЖНЫ использовать Reset .

Я действительно использовал только 960 , и я должен сказать, что мне это нравится. Круто то, что ваш макет размечен с помощью classNames, которые содержат числовые значения, что означает, что вы можете программно определить новый макет, если хотите - простую математику. Это также значительно ускоряет разработку сложной компоновки. Nettuts некоторое время назад сделал видео 960 под названием " Подробный взгляд на 960 CSS Framework ." *

Нужна ли вам рамки? Нет. Они помогают? Во многих случаях. По крайней мере, я бы посоветовал вам загрузить 960 и поиграть с ним, и с этого момента начинайте использовать как минимум Reset .

Пример 960 имен разметки и классов:

<div class="container_12">
    <div class="grid_7 prefix_1">
        <div class="grid_2 alpha">
            ...
        </div>
        <div class="grid_3">
            ...
        </div>
        <div class="grid_2 omega">
            ...
        </div>
    </div>
    <div class="grid_3 suffix_1">
        ...
    </div>
</div>

Answer 2

Неплохо было бы не путать концепцию фреймворка с типом или экземпляром конкретной фреймворк. Некоторые утверждают, что поскольку фреймворк (например, 960) не подходит для определенного варианта использования, вам следует вообще избегать фреймворков. Сумасшедший!

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

Интересно немного подумать над хорошим определением фреймворка : "Абстракция, в которой программное обеспечение, обеспечивающее общие функциональные возможности, может быть выборочно изменено пользовательским кодом". Возможно, можно утверждать, что CSS на самом деле является каркасом, расширяющим HTML.

Я поиграл с 960 и рекомендую попробовать, но в наши дни я склонен создавать свой собственный набор правил (каркас), используя что-то вроде sass . Я думаю, что есть порт 960 и проект в sass.

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

Но ответить хотя бы на часть вашего вопроса: Да! Есть преимущества использования каркаса. Я бы даже сказал, что избегать их немного наивно.

PS: извините, если мой ответ не является конкретным, но вы упомянули какие-либо идеи, было бы полезно:)

Answer 3

Я согласен с тем, что было сказано до сих пор. Эти рамки ускоряют процесс. Да, важно действительно знать, что происходит за кулисами, но ответить на ваш вопрос, каковы преимущества использования CSS-фреймворка. Вот мой взгляд на это:

Используя фреймворк, вам не нужно быть экспертом по CSS для реализации любого дизайна. Это было особенно полезно для меня, когда мне нужен кто-то еще для реализации проекта, а эксперт недоступен.

Answer 4

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

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

И да, они считают IE.

Answer 5

CSS-фреймворки действительно могут помочь сэкономить время при разметке вашей страницы с помощью набора предопределенных классов. Я думаю, что они великолепны и могут реально сократить время, которое вы тратите на преобразование дизайна в html / css. Я бы порекомендовал взглянуть на некоторые из них, которые я использую на регулярной основе.

heymuscle

960gs

1140 сетка

надеюсь, это поможет.

Answer 6

Как только вы привыкнете к ним, фреймворки CSS могут серьезно ускорить создание кроссбраузерных веб-сайтов.

Поддержка IE варьируется от фреймворка к фреймворку. Некоторые поддерживают только IE8 и выше. Другие поддерживают старый IE до IE6.

Я выпустил свой собственный CSS-фреймворк " Cascade Framework " пару месяцев назад.