Thimble - онлайн редактор исходного кода от Mozilla

Thimble - онлайн редактор исходного кода от Mozilla


Компания Mozilla выпустила в свет занятный продукт в виде онлайн-редактора HTML, CSS, javascript кода. Функционала нет вообще, но присутствует мгновенный предпросмотр написанного, который когда-нибудь может оказаться очень кстати.

Начал тестировать и тут же расплевался. Подумал, что редактор не понимает jQuery, но потом понял, что, он работает только тогда, когда подключен в HTML. Все как в реальной жизни.

Thimble - онлайн редактор исходного кода от Mozilla
Thimble - онлайн редактор исходного кода от Mozilla
Thimble - онлайн редактор исходного кода от Mozilla


Переменной а нашел созданный в HTML файле DIV2, а в переменную b поместил строку с произвольным текстом

Через jQuery поигрался с классом DIV1, куда вставил текст из переменной b, а на числом JS назначил событие при клике на DIV2, где менялся цвет и текст блока.

Все работает, редактор годный, есть подсказки, но Emmet-a нету!

А если создать аккаунт, заполнив всего 3 поля, то можно публиковать свои работы у них на сервере и вот то, что показано на скриншотах: https://thimbleprojects.org/artemmian/119709/

Ваши работы хранятся и никуда не удаляются и в любой момент к ним можно вернуться и подправить. Блин, отличный способ хранить разные скрипты не в виде исходника, а как работающий функционал к которому можно обратиться в любое время.

Thimble - онлайн редактор исходного кода от Mozilla


В общем, вот ссылочка: https://thimble.mozilla.org/ru


Понравилась статья "Thimble - онлайн редактор исходного кода от Mozilla" из раздела Веб разработка » HTML/CSS? Подпишись на RSS. Будь в курсе всего происходящего на сайте
Комментариев: 0 •  Просмотров: 1856   Дата: 23-окт-2016, 02:32

Похожие статьи

Комментарии

b
i
u
s
|
left
center
right
|
emo
color
|
hide
quote
translit

© 2010-2017 devarts.pro v 7.0: flexyflat tpl Designed by devarts
Карта сайта HTMLКарта сайта XMLПравообладателям
Яндекс.Метрика