Веб-дизайнеры и художники-графики всегда хотят использовать быстрый способ прототипирования того, что они имеют в виду или того, о чем их просят, чтобы продемонстрировать это клиентам и друзьям.
Одним из важных аспектов этого является возможность быстро создать прототип чего-либо, будь то индикатор загрузки, простой компонент пользовательского интерфейса или веб-страница, и как можно проще поделиться этим.
За прошедшие годы появилось много блестящих онлайн-редакторов кода, и я хочу рассказать о некоторых из них, чтобы люди, которые не знают о них, могли начать и использовать их.
Ссылка: https://kodhus.com/kodnest
Kodnest — один из популярных онлайн-редакторов кода или, как их еще называют, онлайн-площадок для кода, который обладает всеми функциями, отличным внешним видом и всеми функциями, необходимыми веб-дизайнеру или художнику для быстрого прототипирования, изучения и демонстрации своего внешнего интерфейса. Работа.
Он содержит 3 панели; html, css и javascript. Он поддерживает различные препроцессоры html и css, такие как Sass, Scss, Less и Stylus для css и Pug и Haml для html.
Он также имеет панель консоли, где вы можете просматривать журналы JavaScript.
После регистрации вы можете работать над своими прототипами и сделать их приватными, чтобы никто не мог их увидеть, пока они не будут готовы к демонстрации.
Kodnest также является платформой сообщества, где люди могут делиться, лайкать и создавать форки чужих прототипов.
Вы также можете определить дополнительные ресурсы, такие как библиотеки css и javascript, которые также будут использоваться в вашем прототипе.
Jsfiddle — еще один из тех онлайн-редакторов кода, которые обеспечивают полнофункциональную разработку прототипов онлайн.
Это было вокруг с незапамятных времен. У него те же панели, что и у Kodnest, но лично мне иногда труднее кодировать его. Одной из причин этого может быть то, что мы, как разработчики, привыкли к IDE на наших рабочих столах с полноэкранными панелями, но в JSfiddle на одном экране 4 панели.
Codepen — еще один популярный онлайн-редактор, который также очень хорошо известен в сообществах дизайнеров и дизайнеров.
Он выступает за создание и тестирование кода внешнего интерфейса с учетом интересов сообщества.
У него есть бесплатная и коммерческая версии, причем коммерческая имеет больше возможностей для корпораций.
Он содержит 3 панели, такие как kodhus kodnest, а также панель консоли, где вы можете просматривать журналы в своем коде javascript.
В заключение, все эти онлайн-редакторы довольно мощные, и это вопрос предпочтений с точки зрения их внешнего вида, а также функциональности, которые используются одним над другим.