Рекомендации по CSS Framework

Question

Когда я говорю CSS Framework, я не имею в виду сброс или сетку. Я имею в виду рамки вроде xCSS или csscaffold или компас .

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

Спасибо.

Answer 1

Самый крутой CSS-фреймворк, о котором я знаю, это МЕНЬШЕ . Он позволяет вам добавлять переменные, наследование, арифметические операции и другую крутость, используя CSS-подобный синтаксис, и «компилировать» до обычного CSS, используя шаг сборки или плагин сервера.

Как и C на C ++, синтаксис LESS обратно совместим с CSS, поэтому вы можете просто переименовать все ваши файлы .CSS в .LESS и начать добавлять функциональность LESS без изучения совершенно нового языка.

Как отмечается в комментариях ниже, Rails и PHP поддерживают LESS уже через серверные плагины. В бета-версии есть также порт ASP.NET. Также есть поддержка Django . И ColdFusion . И так далее ...

Обратите внимание, что использовать LESS (в качестве исполняемого файла Ruby, который выплевывает CSS-файлы) можно так же просто, как запустить его для компиляции файлов .LESS в .CSS как часть вашего процесса сборки. Разумеется, машина для сборки должна иметь возможность запускать Ruby, если только вы не используете один из плагинов, которые перенесли компилятор LESS в естественный код этой платформы.

Обратите внимание, что xCSS предлагает функции, аналогичные LESS - хотя я не слышал о xCSS. AFAIK LESS более популярен, но другие в сообществе могут влиять, так как популярность быстро меняется!

Answer 2

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

Имея это в виду, удивительно, что CSS-фреймворки подвергаются серьезной критике. Фреймворк - это инструмент! Вы не можете действительно утверждать, что для этого нет действительного варианта использования. Как разработчик узнает такую ​​вещь?

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

Answer 3

Stylus / AxisCSS - самая чистая комбинация, которую я нашел. Вместо этого комбо SCSS / Compass / Bourbon довольно богатый набор функций.

Answer 4

Если вы используете sass, я рекомендую:

1. compass plus sass, который очень удобен и мощен, чтобы помочь вам ускорить ваш рабочий процесс.

Вот адрес компаса: http://compass -style.org /

1. Если вы используете бутстрап или фундамент, я рекомендую меньше + winless.

Answer 5

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