Rastishka 30 янв 2013 в 17:28

Удобное редактирование CSS (Chrome + Save CSS + autoIt)

5 мин

18K

Веб-разработка*CSS*

Из песочницы

Recovery Mode

+15

Комментарии 27

PsychodelEKS 30 янв 2013 в 17:38

НЛО прилетело и опубликовало эту надпись здесь

PsychodelEKS 30 янв 2013 в 18:56

WebStorm EAP — бесплатно.

+10

Serator 30 янв 2013 в 20:44

Brackets еще немного сыроват, но вроде как тоже самое делает и тоже бесплатен. К тому же и html правит подобным образом, и откатываться по CTRL+Z умеет…

Alexufo 30 янв 2013 в 20:54

Я думаю можно повторить идею FireFile плагина FF, который сам заливает css на сайт через предустановленный php скрипт.

Была бы эта вещь удобнее, как в notepad++ или neatbeans — цены бы не было.

-1

Rastishka 30 янв 2013 в 18:37

Видел это видео. Работал с PHPStorm — почему то достаточно часто происходила полная перезагрузка страницы, вместо изменения только одного стиля. А это очень неудобно, если настраиваешь внешний вид открытого модального окна.

Приходилось или постоянно кликать, или городить хаки с автоматическим открыванием окон, загрузки аяксовых данных и т.д.

В общем, с редактированием CSS в PHPStorm у меня как то не сложилось.

PsychodelEKS 30 янв 2013 в 18:59

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

Alexufo 30 янв 2013 в 20:55

Да беда везде с этими wusiwug везде капитально(
в Neatbeans встроеный браузер не работает.
В php storm через мост не очень удобно.
Можно через плагин Refrash в FF делать автообновление страницы по таймеру, а в блокноте ctrl+s. Но выбешивает регулярное мелькание браузера при перестройке DOM.

AYShestakov 31 янв 2013 в 01:16

тоже перестал пользоваться — тормозить стало все и браузер и шторм. на железо не грешу i5 — SSD и 16 гигов RAM — куда уж больше.

Methos 30 янв 2013 в 18:30

Это здорово, но что делать, если во время редактирования и экспериментов со стилями вы ошиблись и зашли «слишком не туда» и нужно откатить на то, что было до этого?

Есть ли история изменений? Ревизии?

Rastishka 30 янв 2013 в 18:37

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

macik_spb 30 янв 2013 в 18:44

А не писал ли кто подобных велосипедов под FF?

Alexufo 30 янв 2013 в 20:43

я давно жду html редактор как есть в firebug только удобнее. Чтобы верстать прямо в браузере.
Под FF есть habrahabr.ru/post/142277/ платный cssUpdater
или бесплатный FireFile

Но последний замечен в убивании комментариев в css. И само собой нужно понимать, что никаких префикосов для других браузеров все способы и вроде как и в статье не сохраняются.

-1

Rastishka 30 янв 2013 в 20:47

В статье в самом конце я написал что комментарии сохраняются в Chrome.

Alexufo 30 янв 2013 в 20:49

извини, я про FireFile писал плагин для FF. Он сразу на сайт заливает с браузера css правленный,(без ftp) только сыроват плагин.

-1

macik_spb 31 янв 2013 в 02:35

Да, о префиксах я не подумал.
Пока будем по старинке — подогнал в FF, переключился на Eclipse…

tibalt 30 янв 2013 в 22:13

Я использую связку php-storm — firefox c офигенным плагином x-fire, который все изменения css в фаербаге отображает в нижней панельке ide, откуда их можно выборочно применять к исходному коду. Ничего удобнее пока не встречал.

TunzTunz 30 янв 2013 в 19:13

По ссылке на экзешник

Nothing Here
The file you are looking for has been deleted or moved.

Rastishka 30 янв 2013 в 19:34

Спасибо, исправил.

LegoMushroom 30 янв 2013 в 19:34

К сожалению мне не подойдет, я пользуюсь препроцессорами для CSS

-1

НЛО прилетело и опубликовало эту надпись здесь

ruikarikun 30 янв 2013 в 20:30

Я один зашёл под кат в надежде увидеть ещё картинок с CSS-бодиартом?

IJIL 30 янв 2013 в 23:00

У меня сохраняет 3-4 изменения в css и save-css-server это показывает своим значком, а потом просто перестает сохранять.

Rastishka 16 фев 2013 в 03:21

Ошибка локализована, исправлена, обновления внесены в исходник скрипта и exe файл.
Прошу прощения что так долго. =/

alvik48 31 янв 2013 в 06:15

Кому интересно, для Sublime Text есть github.com/dz0ny/LiveReload-sublimetext2.

tmnTurtle 2 фев 2013 в 22:54

А еще он имеет свойство крашиться, поэтому сразу лучше ставить версию с dev ветки.

BearOff 31 янв 2013 в 17:36

Очень рекомендую css_refresh.
Подключаете на странице один js-скрипт и получаете почти мгновенное обновление стилей, которые вы редактируете в IDE. Работает со всеми браузерами.

Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Показать лучшие за всё время

Удобное редактирование CSS (Chrome + Save CSS + autoIt)

Комментарии 27

Публикации

Истории