Live CSS Edit с помощью Textmate & Firefox

Question

Я привык редактировать CSS в реальном времени в браузере, используя панель инструментов FF dev. Однако я скучаю по Textmate и подсветке синтаксиса. Я ищу плагин для Textmate для редактирования CSS в реальном времени при просмотре в Firefox. Я пробовал другие редакторы, такие как CSS Edit, Espresso, Coda, но ни один из них не соответствовал мощности и гибкости Textmate.

В идеале лучшим сценарием был бы Firefox с панелью Live CSS справа (совершенство Textmate) и Firebug внизу. У меня есть промежуточные среды, но каждый раз, когда меняются изменения, приходится медленно обновлять / перезагружать.

Answer 1

Попробуйте Playground на http://owyheesoftware.com/playground.. Перезагрузка происходит каждый раз, когда вы сохраняете файл, над которым работаете.

Answer 2

Espresso 2 теперь имеет живое редактирование CSS, которое прекрасно работает. Он не работает с Firefox, но у него есть собственное окно предварительного просмотра, в котором используется Webkit.

Answer 3

Лучший способ работы с TextMate, CSS и Firefox, который я нашел, - это использовать дополнение «ReloadEvery» для Firefox (если вы, конечно, работаете локально) и настроить его на обновление каждую секунду или около того. .

Затем отметьте опцию в TextMate, чтобы сохранить при потере фокуса ИЛИ просто Cmd + S, и изменения должны быть «рядом с» мгновенными в Firefox.

Не идеально, я знаю, но вроде работает.

Я думаю, что есть также плагин TextMate, который позволил бы это, но он использует движок рендеринга WebKit, а не Gecko.

Надеюсь, это поможет.

Jannis