Сегодня мы хотим рассказать Вам об одном полезном инструменте, о котором знает почти каждый разработчик – jsFiddle⚡ . Но, возможно, вы найдете что-то новое для себя, прочитав эту статью. ⚠ Итак, внимание!
⚡jsFiddle — одна из самых популярных сред веб-разработки (работающая в веб-браузере), позволяющая редактировать и запускать код, написанный на HTML, JavaScript и CSS, который будет называться «фиддлом». Есть возможность использовать библиотеки для JavaScript, такие как jQuery.
Одно из популярных применений jsFiddle — вставка фрагмента кода в блоги, возможность делиться кодом через социальные сети и совместная работа над кодом.
Рабочая область jsFiddle поделена на четыре части, размеры которых можно менять по своему усмотрению: HTML, CSS, JavaScript и Result. Если при изменении размера вам все равно не хватает области для просмотра, вы можете воспользоваться редактором макетов в настройках. В самом низу открывшегося блока вы можете увидеть пункт Editor layout и выбрать там удобный для вас макет.
05.06.2018 JSFiddle добавил еще один макет, который позволяет выстроить рабочую область в виде вкладок.
При создании своего проекта, мы можем не трогать поле html, поскольку по умолчанию в нем стоит актуальная версия, на данный момент это HTML5. А вот дальше — лучше.
Область css позволяет прописывать стили нашего будущего проекта. Большой плюс этого инструмента в том, что при добавлении тега, открывающие и закрывающие скобки ставятся автоматически. Ровно как и отступы при переходе на новую строку. Нам достаточно нажать enter для перехода и продолжить писать код.
Совсем недавно, для использования фреймворков, таких как Bootstrap, приходилось загружать ссылки на все необходимые файлы в Resources бокового меню. С недавнего времени эта необходимость пропала. При создании нового проекта, в верхней части сайта всплывает надоедливая панелька, которая предлагает воспользоваться одним из предложенных шаблонов.
В ней мы можем создать чистый проект или начать работу с уже подключенными стилями и скриптами.
В инструменте еще много полезных функций для разработчиков. Рекомендуем Вам ознакомиться с ним, если Вы не использовали его ранее в своей работе. На этом все. Вопросы и предложение оставляйте пожалуйста в комментариях😇 👍 . https://internetsozdateli.by/
Присоединяйтесь — мы покажем вам много интересного
Присоединяйтесь к ОК, чтобы подписаться на группу и комментировать публикации.
Комментарии 1