Как управлять CSS больших сайтов в командной среде без беспорядка?

Question

Где несколько человек могут работать на одном и том же CSS.Можно ли следовать правилам семантических имен даже на больших веб-сайтах.

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

Сейчас все просто идут вниз и пишут необходимые классы CSS или идентификаторы внизу.и большую часть времени они не пишут семантические имена.

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

Обновление:

Мы используем только один файл CSS. Я не хочу делить один CSS на несколько.Хотите сохранить управляемость CSS, даже используя один файл CSS для всего сайта.

Answer 1

Подобный вопрос был задан некоторое время назад: Как управлять CSS Explosion Там есть много хороших ответов и много хороших ссылок (посмотрите, например, предоставленные Полом Д. Уэйтом) .)

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

Кроме этого:

• Использование контроля версий ОБЯЗАТЕЛЬНО. Лично я полностью доволен централизованным версионированием с использованием Subversion и TortoiseSVN ; другие верят в управление распределенной версией, например, git или hg . Для команды дизайнеров, я думаю, что централизованный подход Subversion хорош, но это само по себе обсуждение.

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

• Определить четкий, лаконичный стиль кодирования. Используйте CSS beautifier, например Polystyle ($ 14 за лицензию, но затраченные деньги) или Code Beautifier (на основе CSS Tidy, не использовал его, но выглядит интересно) и часто запускайте его на файл.

• Имейте под рукой несколько ссылок на страницы, использующие таблицу стилей. Попросите людей проверить эти страницы после внесения изменений в таблицу стилей.

Answer 2

См. Модуляризация веб-приложений , включая специально CSS

Answer 3

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

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