web development

Подборка сайтов для demo кода

Эти сайты позволяют вам поделиться и показать свой код. У них всех есть предпросмотр, так что другие люди могут увидеть ваш код
в действии. Они иногда упоминаются как "песочницы".

Эти сайты больше, чем просто места для демо исходного кода, многие из них также
отличные инструменты для сотрудничества и тестирования свойх работ. Например, если вам нужна помощь в отладке исходного кода,
используйте один из этих сайтов, чтобы поделиться своим проблемным кодом,
а затем предоставьте ссылку людям которые могут помочь. Это даст им удобный способ проанализировать ваш исходный код и предложить пути их решения.

http://codepen.io/


На CodePen, вы можете ввести свой демо код. Код может состоять из HTML, CSS, и JS. CodePen имеет много особенностей, которые делают его легким инструментом для показа кода. Например, он поддерживает Sass и Less синтаксис, и возможность быстрого добавить популярные библиотеки JS как JQuery и Angular. Проверьте популярные Пины с сайта для вдохновения: http://codepen.io/popular/

Подборка сайтов для demo кода


Liveweave это отличный онлайн редактор исходного кода. Этот инструмент хорошо подходит как для
тестирования, так и для шаринга своих творений. Вы можете добавить Bootstrap, jQuery и т.д. в два клика.

Подборка сайтов для demo кода


Это записывать демо кода. Платформа наклонена немного в сторону CSS, но у
него есть возможности HTML и javascript.

Подборка сайтов для demo кода


JS Fiddle имеет кучу функций для вашей JavaScript демки. Он имеет несколько
версий библиотек, таких как jQuery, Mootools и React. Он может проводить анализа кода инструментом JSHint, встроенным в его
интерфейс. JS Fiddle даже позволяет имитировать AJAX-запросы с
помощью своего Echo API.

Подборка сайтов для demo кода


Изюминкой этого кода является записывать демо приложения и
масштабировать просмотр до размеров мобильных устройств и других
распространенных размеров экрана.

Подборка сайтов для demo кода


Plunker - это онлайн сообщество, создание, сотрудничество и совместное использование идеи веб-разработки.
Его редактор кода обладает множеством функций. Он имеет:
прямую трансляцию, чтобы люди могли смотреть, как ты вводишь код в реальном
времени.

Подборка сайтов для demo кода


CSSDeck имеет понятный пользовательский интерфейс. Если вы ищете простой
инструмент для показа исходного кода, то это хороший вариант.

Подборка сайтов для demo кода


Это еще один простой инструмент для демонстрации вашего кода. Он имеет
множество JS библиотек, доступных в вашем распоряжении jQuery, Bootstrap, Prototype, Backbone, TwitterLib, Zepto, и многое другое.

Подборка сайтов для demo кода

Ознакомится с еще большим количеством демо редакторов можно в оригинале статьи: http://sixrevisions.com/tools/code-demo-sites/

0
Comments