Что может ускорить разработку css?

Question

Вещи, которые я использую

* stylesheets
      o project.css
      o ie.css
      o print.css
      o reset.css

• Генератор фреймов CSS
• готовая коллекция полезных классов CSS
• РедактироватьОпция CSS панели инструментов веб-разработчика , поскольку она показывает предварительный просмотр в реальном времени
• Firebug
• Набор типов CSS
• Генератор спрайтов CSS
• Устранение неполадок с помощью <base>
• Онлайн-редактор CSS для тестирования стилей
• Генератор HTML-кода таблицы
• Генератор динамических фиктивных изображений
• PxtoEm конвертер
• МРТ
• Проверка избыточности CSS
• Читаемость CSS
• Коллекция фрагментов CSS-Tricks.com
• http://html -ipsum.com /
• Преобразователь цвета CSS
• Отладка CSS
• CSS Tidy online
• Генератор стилей форм

Любой другой советs

Answer 1

Опыт, опыт и еще раз - опыт.

Вы можете найти полезные IDE, генераторы и т. Д., Но в конце концов, если вы разработчик, ваш опыт играет наиболее важную роль.

Answer 2

Я бы порекомендовал такую ​​среду, как 960 Grid System . Создание красивых макетов и функциональных прототипов выполняется очень быстро, когда у вас под рукой 960.

Answer 3

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

Кстати: это было в ответ на оригинальную формулировку вашего вопроса: «Как мне начать кодировать CSS для макетов дизайна передо мной».

Answer 4

эшафот позволит вам создать свой CSS концептуально ...

Answer 5

Используйте правильную IDE, которая поможет вам как можно больше.

Intellij IDEA - это не только отличная Java IDE, но и программа для редактирования HTML / CSS:

• CSS редактор
• Завершение CSS кода
• Синтаксис CSS и подсветка ошибок
• Проверка подлинности и действия CSS на лету
• Найти / выделить использование
• Быстрый документ
• CSS Code Folding
• Форматирование кода CSS
• Вид структуры CSS
• Рефакторинг
• Автоматический комментарий
• Перейти к декларации
• Показать содержимое

Подробнее здесь: http://www.jetbrains.com/idea/features/html_css_editor.html

Answer 6

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

Наиболее выдающимися являются

• Sass ,
• Меньше и
• Компас

Answer 7

Существуют определенные системы шаблонов, такие как sass, которые могут хорошо работать на определенных проектах или больших таблицах стилей.

Если ваши проекты повторяются, так как они всегда придерживаются определенных конвенций, вы можете попробовать рамки CSS.

Однако, несмотря на ограниченную поддержку кроссбраузера, CSS тривиален (включая IE6 после определенного опыта). Вы можете попытаться объединить системы шаблонов или так называемые CSS-фреймворки, но имейте в виду, что иногда меньше значит больше.

Answer 8

с использованием таблиц для разметки

Answer 9

Вы можете попробовать что-то вроде Sass

Answer 10

EDIT:

В ответ на ваше обновление - я лично предпочитаю редактировать / просматривать / модифицировать CSS Firebugs вместо WDT. Это намного более прямое ИМО.

ИМО, это вообще плохая практика. Хотя цель состоит в том, чтобы отделить структуру (xhtml) от представления (CSS), иногда это не полностью возможно, например, необходимо обернуть элемент несколькими другими элементами, чтобы у команды разработчиков могли быть тени и закругленные углы, а команда разработчиков могла имеют невероятную высоту и ширину ...

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