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

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

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

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

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

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

mozila thimble javascript 620x132 - Thimble - онлайн редактор исходного кода от Mozilla

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

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

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

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

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

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

https://thimble.mozilla.org/ru

Читайте также

Похожие записи

Dedicated Server — особенности и краткая характеристика
Dedicated Server (на сленге «дедик» — тип хостинга, при котором клиент получает в свое распоряжение отдельную физическую машину (системный блок,...
Шпргалка для айтишников — темы для изучения на все случаи жизни
Мир IT делится на большое число наук и профессий, связанных с ними. Одних только программистов можно насчитать около 5-10 групп,...
Как правильно создать рабочий сайт в интернете?
Каждый человек, который имеет свое частное предприятие в любой отрасли, в современном мире, понимает, что отличное развитие бизнеса невозможно без...
Органическое SEO и маркетинг — современные способы продвижения сайта
Сегодня сложно управлять бизнесом, не имея представительства в сети. Решением является сайт или аккаунты в социальных сетях. Лучшим вариантом будет...
Создание сайта — этапы и стоимость разработки
Сайт — очень полезная и удобная штука для ведения любого вида бизнеса. От полноценного интернет-магазина по продаже бытовой техники или...

Комментарии

Бесполезно писать спамные сообщения. Все комментарии проверяются;
Можно оставлять ссылки (через <a href), если они несут полезную информацию или дополняют статью;

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *