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

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


RocketSMS — обзор сервиса SMS-рассылок по Беларуси
Rocketsms.by — это веб-сервис, предлагающий ряд услуг SMS-маркетинга и коммуникаций. Благодаря удобному интерфейсу и мощным функциям это идеальная платформа для...
mpvPlayer — видео плеер для сайта с готовой системой монетизации
mpvPlayer — современный продвинутый видео плеер для сайта с огромным набором возможностей. Имеет встроенную рекламную платформу и позволяет монетизировать просмотры. ...
Эффективные инструменты для повышения конверсии сайта
Конверсия — главный показатель эффективности любого бизнеса. Особенно это касается онлайн бизнеса. Работы для ее повышения ведутся постоянно и затрагивают...
Прокси IPv4 — качество и безопасность по доступной цене в онлайн магазине Shop Proxy
Прокси IPv4 — популярный ресурс, помогающий скрыть реальное расположение, обойти некоторые ограничения, обеспечить сохранность личных данных. Всё, что для этого...
Какой язык программирования для веб-разработки изучать в 2023 году 
Не стоит напрямую воспринимать рейтинги популярности языков программирования. Ведь открыв любой сайт с вакансиями мы увидим обратную корреляцию — на...

Комментарии

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