Блог веб разработки статьи | видеообзоры | исходный код

Блог веб разработки статьи | видеообзоры | исходный код

webfanat вконтакте webfanat youtube

Расширение Редактор HTML,CSS,Javascript

Расширение Редактор HTML,CSS,Javascript

Данное расширение позволяет писать html,css и javascript код прямо в браузере!

Полноценная (IDE) среда разработки для написания html, css и javascript кода прямо в браузере. Редактор поддерживает динамическое автосохранение кода при написании. Изменение html и css в окне браузера происходит динамически и вам не нужно перезагружать страницу чтобы увидеть результат за исклчением кода javascript. В редакторе поддерживаются подсказки и автодополнения для этого достаточно нажать ctrl + spase. Также есть возможность работы с картинками, для этого в вашей операционной системе достаточно создать папку img, поместить в нее все картинки и в расширении указать путь до этой папки. Примечание: Пока поддерживаются только две оперционных системы для работы с картинками - это windows и linux. Если кому нужно сделать поддержку для Mac Os, пишите! Рад буду помочь.

Краткая инструкция по работе:

1. Установить расширение через chrome store

2. После установки в правом верхнем меню появится значок расширения, кликнув по нему откроется вкладка с редактором кода и интерфесом.

3. Редактор состоит из четырех секций (html,css,javascript,картинки) которые вы можете скрывать и раскрывать по необходимости.

4. После того как код написан вы можете скачать его в zip архиве, просто нажав кнопку

Сохранить проект.Вам скачается папка project

Примечание: Не забудьте в папку project добавить папку img c картинками.

Если у вас появяться вопросы или пожелания по совершенствованию функционала напишите мне.


Перейти к проекту
Реклама

Запись экрана

Данное расширение позволяет записывать экран и выводит видео в формате webm