что я должен использовать (для сайтов на основе Python)? альтернативы sass, compass, switchcs?

Какую систему лучше всего использовать для организации CSS?

Я делаю несколько веб-сайтов, где использую python для внутренних скриптов. Я заинтересован в том, чтобы использовать что-то, чтобы помочь мне организовать ДЛИННЫЕ скрипты css.

Мне интересно, что используют разработчики python/django, и я слышал о switchcss. Я видел, как друзья использовали sass/compass в прошлом, но, похоже, для этого требуется интерпретатор ruby, и может быть хорошо создавать сайты таким образом, чтобы на сервере не требовались интерпретаторы python и ruby ​​(или моя локальная машина). Но если что-то вроде sass однозначно лучший вариант, установить ruby ​​не составит труда.


python css sass compass-sass
person pepperdreamteam    schedule 31.03.2012    source источник
comment
SASS/SCSS/Compass являются обязательными для меня. Я использую в основном SCSS на работе, и это дает огромную разницу в производительности по сравнению с обычным старым CSS. Стоит поставить Ruby на вашу локальную машину. У нас есть хук Git, который компилируется, когда мы нажимаем.   -  person ceejayoz    schedule 31.03.2012

Ответы (3)


arrow_upward
9
arrow_downward

Несколько дней назад я задавал себе тот же вопрос. После обширных исследований:

"Нет лучшей системы для организации CSS"

У меня нет большого опыта работы с LESS, хотя SASS показался мне более понятным.

Вам не нужен Ruby на сервере для SASS, просто установите его на свой компьютер и загрузите/синхронизируйте полученные файлы css на свой сервер как обычный файл css. (SASS может поддерживать огромные веб-сайты, обычный (уменьшенный) статический файл CSS = меньше работы на сервере).

На веб-сайте SASS упоминается, что синтаксис "SASS" более лаконичен, чем более новый синтаксис "SCSS". Многие будут спорить, но отступы красивые, без скобок и точек с запятой, а также импортировать как + и миксины как = и т. д. Синтаксис SCSS был просто создан, чтобы конкурировать с синтаксисом LESS. Я пробовал и то, и другое, и «для меня» синтаксис SASS намного веселее, но это только мой POV.

Текстовый редактор и его настройки играют огромную роль при выборе между SASS и синтаксисом SCSS. Если вы не знаете, как сделать отступ в 2 пробела с помощью ярлыка, вы можете потратить все время, морщась от кода с синтаксисом SASS. SCSS не выдаст вам ошибок из-за отступа не на своем месте, вы можете быть настолько грязными, насколько вам нужно (точно так же, как ручной css), действительно зависит от личного выбора, хотя Крис Эппштейн имел смысл, думая об удобстве личной и командной работы (в комментариях ):

http://thesassway.com/articles/sass-vs-scss-what-syntax-is-best

SCSS заполняется быстро, так как сейчас он используется по умолчанию, поэтому, если вы собираетесь изучать синтаксис SASS, вы, вероятно, в конечном итоге будете знать оба, поскольку все новые ресурсы направлены на SCSS. (Кстати, вы можете преобразовать синтаксис SASS в SCSS наоборот)

Так что все зависит от предпочтений. Попробуйте их все, включая LESS. (Компас отличный)

person frontsideup    schedule 31.03.2012
comment
это отличный ответ, особенно полезны подробности о настройках текстового редактора и SASS против SCSS. Мне все еще интересно, из любопытства, какие наиболее известные, хорошо документированные решения на основе Python? - person pepperdreamteam; 31.03.2012
comment
Нет проблем, постарайтесь не смотреть на это с точки зрения выбора языка. Вы выбираете препроцессор для создания статического файла, так получилось, что он написан на Ruby, и я рад, что команды и настройки терминала настолько просты в использовании и (я не специалист по Ruby). Я не уверен ни в одном из тех, что некоторые называют стандартными препроцессорами Python CSS, попробуйте code.google. com/p/switchcss . - person frontsideup; 31.03.2012

arrow_upward
0
arrow_downward

Вы смотрели в МЕНЬШЕ? Я сам пытался пойти по маршруту Sass/Scss, но порты Python оригинала Ruby, похоже, не соответствовали их прародителю.

LESS — это javascript, его клиентская версия не полагается на Node.js (как это делает Stylus) и имеет чрезвычайно интуитивно понятный синтаксис (хотя я не уверен, почему для объявления переменных был выбран arroba).

На стороне клиента (также есть вариант на стороне сервера) вы просто включаете ссылку на код в голову, используя стандартный элемент скрипта:

<script src="js/less.js" type="text/javascript"></script>

а затем вместо использования rel="stylesheet/css вы используете rel="stylesheet/less" для ссылки на внешнюю таблицу стилей.

person chb    schedule 01.07.2012

arrow_upward
0
arrow_downward

Попробуйте CSS-On-Diet. Он написан на Python, и вы можете установить его из PYPI:

pip install CSSOnDiet
person Tomek Wyderka    schedule 17.07.2014