Ответ 1
Опыт, опыт и еще раз - опыт.
Вы можете найти полезные IDE, генераторы и т.д., но в конце дня, если вы разработчик, ваш опыт играет самую важную роль.
Что может сделать css-развитие быстрее?
Вещь, которую я использую
* stylesheets
o project.css
o ie.css
o print.css
o reset.css
- Генератор кадров CSS
- готовый набор полезных классов css
- Изменить параметр CSS панели инструментов веб-разработчиков, поскольку он показывает предварительный просмотр в реальном времени
- Firebug
- Css type set
- CSS Sprite Generator
- Устранение неполадок с помощью
<base> - Онлайн-редактор CSS для тестирования стилей
- Генератор кодов HTML-таблиц
- Динамический генератор изображений Dummy
- Преобразователь PxtoEm
- MRI
- CSS Redundancy Checker
- Чтение CSS
- Коллекция фрагментов CSS-Tricks.com
- http://html-ipsum.com/
- Цветовой конвертер CSS
- Отладка CSS
- CSS Tidy онлайн
- Генератор стиля формы
Другие советы?
Ответы
Ответ 2
Если вам нужно задать этот вопрос, вы наверняка не должны работать над кодированием CSS, чтобы он соответствовал макетам дизайна перед вами. Это мое скромное мнение.
BTW: Это было в ответ на оригинальную формулировку вашего вопроса: "Как мне начать кодирование CSS для макетов дизайна передо мной".
Ответ 3
Я бы рекомендовал структуру, такую как 960 Grid System. Создание приятных макетов и функциональных прототипов выполняется очень быстро, когда вы достигли 960.
Ответ 4
Используйте правильную среду IDE, которая дает вам как можно больше помощи.
Intellij IDEA - это не только отличная Java IDE, но и отлично подходит для редактирования HTML/CSS:
- Редактор CSS
- Выполнение кода CSS
- Синтаксис CSS и выделение ошибок
- CSS на действиях по проверке и действиям на лету
- Поиск/выделение обычаев
- Быстрый документ
- Снятие кода CSS
- Форматирование CSS-кода
- Структура структуры CSS
- Рефакторинг
- Авто-комментарий
- Перейти к объявлению
- Показать содержимое
Подробнее здесь: http://www.jetbrains.com/idea/features/html_css_editor.html
Ответ 5
scaffold позволит вам создать свой CSS концептуально...
Ответ 6
EDIT:
В ответ на ваше обновление - я лично одобряю редактирование/предварительный просмотр/изменение Firebugs CSS по WDT. Его гораздо больше прямых ИМО.
ИМО это вообще плохая практика. Хотя цель состоит в том, чтобы отделить структуру (xhtml) от презентации (CSS), это иногда не вполне возможно, например, для того, чтобы обернуть элемент несколькими другими элементами, чтобы команда дизайнеров могла иметь тени и закругленные углы, а команда разработчиков может имеют высоту и ширину при скольжении...
Как бы то ни было, проще всего начать применять свои стили к элементам... Я не понимаю, какие указатели вы ищете - это может помочь, если вы дадите краткий обзор своего текущего процесса.
Ответ 7
Вы можете попробовать использовать что-то вроде Sass
Ответ 8
с использованием таблиц для макета
Ответ 9
Существуют определенные системы шаблонов, такие как sass, которые могут хорошо работать в определенных проектах или больших таблицах стилей.
Если ваши проекты повторяются, поскольку они всегда придерживаются определенных конветов, вы можете попробовать css framework.
Однако, несмотря на ограниченную поддержку кроссбраузеров, CSS тривиален (включая IE6 после определенного количества опыта). Вы можете попытаться объединить системы шаблонов или так называемые рамки css, но имейте в виду, что иногда меньше.
Ответ 10
Как и Hartikainen, я настоятельно рекомендовал использовать расширение CSS. Они действительно упрощают разработку, делают ваш код более организованным и поддерживают последовательность. Поэтому они поддерживают более высокое качество css и более быстрое развитие.
Наиболее заметными являются