Skip to content

web-pentest/TSandCode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

18 Commits
 
 
 
 
 
 
 
 

Repository files navigation

❄️ TSandCode — зимняя песочница кода

Живой редактор HTML/CSS/JS с подсветкой синтаксиса, снежинками и мгновенным выводом.

Live Demo GitHub license Made with Winter

Превью TSandCode


✨ Возможности

  • 📝 Три панели: HTML, CSS, JavaScript — каждый язык в своём окне с подсветкой синтаксиса
  • 👁️ Живой вывод: результат обновляется автоматически при вводе (или по кнопке)
  • 🖥️ Большое окно вывода: правая панель шире левой — удобно смотреть результат
  • 🎨 Подсветка синтаксиса: как в VS Code (CodeMirror)
  • 💾 Автосохранение: код сохраняется в браузере — при перезагрузке всё остаётся
  • ❄️ Зимний вайб: снежинки, стеклянные панели, голубые акценты
  • 📱 Адаптивность: работает на телефонах и планшетах

🚀 Быстрый старт

  1. Перейди на демо-страницу
  2. Пиши код в левых панелях (HTML/CSS/JS)
  3. Результат появляется справа мгновенно
  4. Закрой страницу — код сохранится

🛠️ Технологии

  • HTML5
  • CSS3 (Flexbox, анимации, backdrop-filter)
  • JavaScript (ES6)
  • CodeMirror (подсветка синтаксиса)

📁 Локальный запуск

git clone https://github.com/web-pentest/TSandCode.git
cd TSandCode

открой index.html в браузере

🧑‍💻 Автор

web-pentestGitHub
🐙 Другие проекты: DarkVPN, Arch-Neofetch и другие.

❄️ Зимняя атмосфера

Проект создан в холодном минималистичном стиле: снежинки, стеклянные панели, неоновые акценты. Идеально для вечернего кодинга под горячий чай ☕


📜 Лицензия

MIT — свободно используй и модифицируй. Ссылка на автора приветствуется.

About

❄️ Зимний редактор кода с подсветкой синтаксиса

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages