Дивовижні функції роблять легким & веселим вивчення
і викладення програмуванню

Thimble є повнофункціональним редактором коду, який працює прямо в браузері. Він розроблений, щоб допомогти новим програмістам створювати свої власні сайти і веб-проекти з використанням HTML, CSS & JavaScript. Все, що вам потрібно, є у ваших руках, дозволяючи вам (або вашому класу), отримувати знання і працювати як можна швидше.

Це редактор коду, веб-сервер, веб-браузер & інструменти розробника в одному — і це безкоштовно

Миттєвий перегляд змін

Створюйте і експериментуйте швидше з попереднім переглядом. Він миттєво показує зміни в коді.

Редагування будь-якого проекту Thimble

Подобається готовий проект на Thimble? Відредагуйте його, щоб створити власну версію. Ви можете також надіслати ваш проект своїм друзям чи учням—що вийде в них?

Фрагменти коду під рукою

Працюйте швидше з використанням зручних фрагментів коду HTML, CSS і JavaScript, які можна вбудувати у ваш код.

Вбудована консоль JavaScript

Працюєте над JavaScript? Вбудована у Thimble консоль полегшує перевірку і налагодження вашого коду.

Додавання й керування файлами

Thimble працює як справжній веб-проект, який можна створювати, перейменовувати, видаляти і навіть завантажувати свої власні файли.

  • Завантажте .zip-архів вашого проекту і переглядайте його з вашого жорсткого диска
  • Перетягуйте файли з комп'ютера в Thimble

Увімкнення і вимкнення світла

Thimble має з темну і світлу теми, тому обирайте найкращу для вас. Також можна змінити інші параметри, як от розмір тексту.

Користуйтесь & створюйте вбудовані інструкції

Проекти можуть мати інструкції, які допоможуть вам (чи вашим студентам) дізнатися, як внести зміни в проекти.

Підказки при написанні

Не треба пам'ятати синтаксис і купу правил. Thimble дає вам підказки у HTML, CSS і навіть JavaScript файлах.

Редагування CSS прямо на ваших HTML-сторінках

Пишіть CSS-стилі для ваших елементів без перемикання з HTML сторінки, яку ви редагуєте. Поставте курсор у тексті на будь-який тег і натиснітьCmd/Ctrl + E , щоб написати CSS стилі.

Швидка публікація проектів у Інтернет

Ви можете опублікувати ваші проекти в Інтернеті в лише один клік. Надалі після внесення змін, ви можете легко оновити ваш проект.

Підбір кольорів прямо в редакторі

Поставте текстовий курсор на будь-яке значення кольору у файлі CSS і натисніть Cmd/Ctrl + E, щоб відкрити палітру кольорів.

Перевірка проектів на мобільних пристроях

Перехід в режим мобільного перегляду дозволяє вам бачити вашу роботу на вузьких пристроях. Увімкніть повноекранний попередній перегляд, щоб отримати загальну картину.

Швидкий пошук HTML-елементів

Увімкніть DOM-інспектор і наведіть курсор миші на різні елементи у перегляді. Thimble буде підсвічувати відповідний код в HTML-редакторі.

Фільтри зображень

Додайте веселощів у свій проект за допомогою фільтрів до зображень. Киці ніколи раніше не виглядали так добре!

Зробіть селфі

Додайте ваше селфі на будь-яку сторінку, з якою ви працюєте у Thimble—він використовує веб-камеру на комп'ютері. Просто почніть вводити <img src= тег на HTML-сторінці, і ви побачите запит.