Как сделать редактирование CSS как у Thimble от Mozilla?

Question

[ericnolimit]

www.thimble.mozilla.org - это онлайн редактор кода от Mozilla. Там классный редактор CSS, т.е. при редактировании HTML кода там можно не переключаясь на отдельный файл с CSS редактировать его. Как такое можно реализовать допустим в Atom или другом редакторе кода? Может есть такое дополнение?

Заранее спасибо!

Comments

[pavelkunyavskiy]

Что значит не переключаясь?

[Oleg]

Что-то не могу попасть на www.thimble.mozilla.org -- нет такого?

[ericnolimit]

Oleg, https://thimble.mozilla.org/ru/

[ericnolimit]

pavelkunyavskiy, допустим вы поставили div'у класс "container", чтобы задать css вам нужно открыть файл допустим "style.css" и уже украшать свой div. А Thimble вы после того как задали класс, нажимаете на него и выходит дополнительное поле куда вводите значения css не переключаясь на файл "style.css"

[pavelkunyavskiy]

ericnolimit, нажимаю, нету никакого поля. Понятия не имею о чем речь. Подозреваю, не только я один.

[Kovalsky]

+1 по поводу сказанного Павлом: также не могу найти того, о чем вы говорите; в том числе не вижу этого в описании возможностей на сайте.

[wixtransfer]

Никита Полевой, как нет такого? А это: Редактируйте CSS прямо на ваших HTML-страницах https://thimble.mozilla.org/ru/features

[wixtransfer]

pavelkunyavskiy, Редактируйте CSS прямо на ваших HTML-страницах https://thimble.mozilla.org/ru/features

Answer 1

[Данил Разумков]

Ну вот прям так как там я не уверен. Я пользуюсь gulp, запускаю прослушку css файла и через browser-sync обновляю css. При этом браузер не перезагружается, что удобно. Просто ctrl-s и все применилось. Если моник больной то модно на пол экрана сайт, на пол - редактор.

Answer 2

[Александр Таратин]

Такая фича есть в brackets.io
https://youtu.be/Nhvj1NYC3Uc?t=29
но сам редактор "не айс"
-Самый тормозной редактор из всех на основе webview
-Ужасный исходный код
-Issues висят неделями без внимания разработчиков, и даже если ответят то на вас могут просто забить после нескольких отписок
-Редактор для верстальщиков, но не разработчиков
-Меню установки расширений безбожно тормозит, ибо пытается грузить весь список существующих расширений разом, сделать в этот момент с редактором ничего нельзя.
-Из коробки не умеет работать с кодировками отличными от uft8

Answer 3

[Андрей Федосеев]

Это?
livestyle.io
LiveReload для Sublime Text 3