Редактор Firebug-esque CSS
Вот мой текущий технологический процесс для редактирования CSS:
- Я: «Эй парни, смотрите на эту страницу!»
- Парни: «Попытайтесь делать почтовые названия больше»
- Щелкните правой кнопкой мыши по почтовому названию, выберите, «осматривают» (чтобы осмотреть его в поджигателе)
- Найдите соответствующее заявление CSS в Поджигателе (
h2.post_titleили что-то) - Измените CSS в Поджигателе, спросите друзей, как это смотрит
- Если это выглядит хорошим, внесите изменение снова в Textmate
Я хочу избежать шага 6. Т.е. я хочу способность отредактировать CSS через подобный Поджигателю UI и быть в состоянии передать мои изменения соответствующего файла немедленно (вместо того, чтобы иметь необходимость скопировать их вручную, как я делаю с Поджигателем),
Править: Что-то, что работает над Mac, было бы идеально
4 ответа
Вы пробовали расширение «Веб-разработчик» в Firefox? Он позволяет открывать, редактировать и сохранять файлы CSS.
Другой возможный рабочий процесс:
- «Привет, ребята, взгляните на эту страницу!»
- «Попробуйте увеличить заголовки сообщений»
- Внесите изменения в файл CSS
- Нажмите reload
Я использую Firebug только для отладки (например: «Почему эта штука получает такой стиль?»), А не для внесения изменений, когда я знаю, где они должны быть в CSS. Этот рабочий процесс в некоторой степени зависит от возможности легкой перезагрузки CSS. Если вы работаете над приложением, в котором перезагрузка полностью нарушает ваше состояние, оно может быть не идеальным.
Идите вперед и будьте просветленными. Это действительно программа, меняющая жизнь.
XRefresh с включенной функцией "Soft Refresh" может помочь вашему рабочему процессу, но вы все еще должны знать, какие селекторы CSS вы хотите добавить/редактировать.
.