Firebug-esque CSS-редактор - PullRequest
Новая
       28

Firebug-esque CSS-редактор

9 голосов
/ 15 декабря 2009

Вот мой текущий рабочий процесс для редактирования CSS:

  1. Я: «Эй, ребята, посмотрите на эту страницу!»
  2. Ребята: «Попробуйте увеличить заголовки постов»
  3. Щелкните правой кнопкой мыши на заголовке сообщения, выберите «осмотреть» (чтобы проверить его в firebug)
  4. Найдите соответствующий оператор CSS в Firebug (h2.post_title или что-то)
  5. Измените CSS в Firebug, спросите друзей, как он выглядит
  6. Если все выглядит хорошо, внесите изменения снова в Textmate

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

Редактировать: Что-то, что работает на Mac, было бы идеально

Ответы [ 8 ]

4 голосов
/ 15 декабря 2009

Вы пробовали "Веб-разработчик" расширение в Firefox? Позволяет открывать, редактировать и сохранять файлы CSS.

3 голосов
/ 16 декабря 2009

http://www.skybound.ca/

Иди и будь просветленным. Это действительно изменяющая жизнь программа.

2 голосов
/ 15 декабря 2009

Другой возможный рабочий процесс:

  1. «Эй, ребята, посмотрите на эту страницу!»
  2. "Попробуйте увеличить заголовки постов"
  3. Внести изменения в файл CSS
  4. Хит перезагрузить

Я использую Firebug только для отладки (например, «почему эта штука получает этот стиль?»), А не для внесения изменений, когда я знаю, куда они должны перейти в CSS. Этот рабочий процесс зависит в некоторой степени от возможности перезагрузить CSS. Если вы работаете с приложением, в котором повторная загрузка полностью нарушает ваше состояние, оно может оказаться не идеальным.

1 голос
/ 09 ноября 2010

Проверьте мой вклад в эту проблему: http://www.cssupdater.com

Шаг 6 будет: 6: Один щелчок по кнопке «Синхронизировать сейчас» в Firebug !!

Клик отправляет ваши изменения в настольное приложение, которое синхронизирует ваши оригинальные CSS-файлы. Вы также можете выбрать изменения, которые вы хотите синхронизировать в приложении. Он работает с вашим любимым текстовым редактором или IDE и на Windows, и на Mac!

Эврика

1 голос
/ 14 сентября 2010

Проверьте Backfire:

http://blog.quplo.com/2010/08/backfire-save-css-changes-made-in-firebug/

Не пробовал, но звучит многообещающе.

0 голосов
/ 11 июля 2012

Почему я занимаюсь разработкой LIVEditor , потому что я не хочу снова вручную вносить изменения в текстовый редактор после настройки стилей CSS в Firebug (или подобных ).

0 голосов
/ 13 октября 2010

Backfire (см. Пост ниже) был создан специально для Quplo (http://quplo.com),, который является инструментом, который конкретно делает то, что вы описываете. Вы пишете html и css, затем говорите о том, что нужно изменить, вносите изменения (используя firebug или панель инструментов веб-разработчика) и нажмите «Сохранить».

0 голосов
/ 05 января 2010

XRefresh с включенным «Мягким обновлением» может помочь вашему рабочему процессу, но вам все еще нужно знать, какие селекторы CSS вы хотите добавить / отредактировать.

...