Как я могу улучшить свой рабочий процесс CSS + HTML?

Я разработчик LAMP, но также продвигаюсь в CSS/HTML. Проблема в том, что мой рабочий процесс в этой области действительно страдает от избыточных и утомительных задач. Должен быть лучший способ. Я в настоящее время начинается с дизайна пользовательского интерфейса, а затем:Как я могу улучшить свой рабочий процесс CSS + HTML?

Пишу HTML
Открыть ОБА в Firefox «Web Developer» надстройку, Живой редактор CSS и
Firebug CSS + HTML инспектор.
Я подправить стили в Firebug, а затем перенести их в редактор веб-разработчика (утомительно!)
Затем каждые несколько итераций я копировать весь CSS от Web Developer в моем текстовом редакторе, сохранить и перезагрузить веб-страницу Firefox.

Этот процесс в порядке, и он работает для меня, но для этого требуется столько переключения окон и копирования информации о стиле из одного приложения в другое (Firebug для веб-разработчика). Я мог бы просто набирать все вручную в веб-разработчике (что я иногда делаю), но Firebug дает вам возможность использовать стрелки вверх/вниз для настройки параметров пикселя и автоматического заполнения имен ключевых слов CSS. Похоже, что идеальным инструментом будет гибрид двух инструментов, но я не сталкивался с чем-либо подобным.

Я ищу предложения.

источник

2010-11-06 phirschybar

Попробуйте JetBrains WebStorm и его плагин CSS XFire для Firefox и Chrome. Как только вы попробуете, вы никогда не вернетесь.

источник

2010-11-06 14:44:15 duffymo

Я пробую это сегодня и опубликую свои выводы. Спасибо за предложение. – phirschybar

Это была довольно волшебная пуля. Спасибо! Невероятно эффективное решение для процесса реального обновления CSS. Устраняет тонну копирования/вставки для меня. – phirschybar

Я лично использую FlawLESS. Я помещаю свой текстовый редактор (который должен очень хорошо поддерживать CSS) и мой обозреватель бок о бок и мгновенно просматривать изменения.

источник

2010-11-06 14:48:30

Очень интересные рамки. Не уверен, что мне нужна кривая обучения, связанная с less.js прямо сейчас, хотя она выглядит супер-крутой. – phirschybar

Хорошо, что язык меньше, чем язык, поскольку он не является обязательным. Он имеет полностью обратный совместимый синтаксис CSS - так что вам не нужно его использовать, если вы этого не хотите;) –

Я не думаю, что вам нужно использовать Firebug и Web Developer для редактирования live css. Вы можете сделать оба из firebug, просто нажмите вкладку css и нажмите «Изменить». Обычно я даже не пытаюсь изменить панель редактирования firebug css. Я использую панель стилей, и каждый раз, когда я делаю настройку, я доволен тем, что я правильно ее разместил в реальном файле css.

источник

2010-11-06 18:22:26

Вы не можете сохранить изменения, внесенные в firebug, как изменения, в ваш файл CSS. – phirschybar

ohh cool Я не знал, что вы можете сэкономить непосредственно от веб-разработчика. –

Вы изучали использование чего-то типа git? На самом деле было довольно неплохое начальное учебное пособие по этому вопросу в последнее время: A List Apart: Getting Started with Git.

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

источник

2010-11-06 19:31:58 garrettwinder

Как я могу улучшить свой рабочий процесс CSS + HTML?

ответ

Смежные вопросы