Dobrovoi Master
сделано с душой

В состоянии постоянного подключения...
Главная » Инструменты » Liveweave - Новый онлайн-редактор HTML5, CSS3 и JavaScript

Liveweave — Новый онлайн-редактор HTML5, CSS3 и JavaScript

Давно прошли те времена, когда весь инструментарий веб-дизайнеров и разработчиков ограничивался только лишь специализированными десктопными приложениями. Времена настали новые, интересные, в интернетах, от года в год, стало появляться большое количество различных веб-приложений и площадок, существенно облегчающих жизнь разработчиков. В том числе, нам стали доступны множество онлайновых редакторов, предоставляющих готовую среду для написания и обработки кода, гибкие инструменты позволяющие объединить CSS, HTML и JavaScript, создавать и совместно использовать примеры кодирования.

Время не стоит на месте, на ряду с уже хорошо себя зарекомендовавшими площадками: Codepen, Dabblet, jsFiddle, JS Bin и другими, появляются новые, не менее интересные для работы с кодом.

Об одном из таких новичков, мне и хотелось бы сегодня вам рассказать.

Liveweave — HTML5, CSS3 и JavaScript

Liveweave довольно интересный ресурс, который станет ещё одним популярным местом, где можно возиться с вашим кодом. Дизайн этого приложения без особых изысков, в меру минималистский, позволяющий сосредоточиться на работе с кодом. Привычная и очень удобная верхняя панель с выбором и переключателями опций, ну и конечно же рабочая область, разделённая на 4 части HTML, CSS, JavaScript и панель предварительного просмотра. При желании, вы можете выбрать любую панель и развернуть её на полный экран, что очень удобно.

 

Liveweave - Новый онлайн-редактор HTML5, CSS3 и JavaScript

 

У этого инструмента большое количество плюсов. Предварительный просмотр обновляется автоматически, подсветка синтаксиса в двух вариантах на выбор, на тёмном и светлом фоне, нумерация строк здесь также присутствует.

Хороший набор подключаемых библиотек, которые могут вам пригодится в работе, Angular JS (1.0.7), Bootstrap (последний), Modernizr (последний), Moo Tools (последний), актуальные версии библиотек jQuery и многое другое. Для выбора нужной, вам достаточно на панели функций нажать кнопку «Library» и выбрать из списка необходимую CSS или JS библиотеку.
 
Liveweave - подключение библиотек CSS и JS
 
Все эти функции присутствуют и во многих других таких же онлайн-редакторах, что же такого нового предлагают разработчикам авторы этого ресурса?
В первую очередь, я бы отметил стабильную работу, видимых тормозов особо не наблюдал.
Второе, это оптимизация размеров панелей просмотра одним щелчком, а так же наличие переключателей режимов просмотра.
Третья фишка и наверное одна из самых «вкусных» — это возможность использования дополнительных инструментов напрямую из панели функций, кнопочка «Tools», открывает доступ к созданию своей цветовой палитры, возможность на лету сгенерировать «рыба-текст» (Lorem ipsum), для заполнения пространства, скачать создаваемый проект в html формате или же в упакованном zip-архиве.
Ну и наконец, лично для меня, очень привлекательным в этом редакторе, оказалась возможность, не отходя от кассы, использовать мощный генератор свойств CSS3. Поверьте мне, не везде встретишь такую возможность, на самом деле это очень и очень удобно. Когда работаешь со стилями, переключаешься на css3-генератор, экспериментируешь с параметрами, видя все изменения в живую, тут же копируешь, выданный на гора генератором, готовый код, переносишь в редактор и у же в режиме просмотра видишь готовый результат, и всё это в одной обойме.
 
Liveweave - Онлайн-генератор CSS
 
В общем и целом редактор имеет в наличие достаточно полезных опций, в том числе и возможность совместного использования. Liveweave конечно новичок в этом жанре, но добавил некоторые серьезные инновации, которые отсутствуют в других редакторах такого типа. О достоинствах и недостатках спорить не берусь, не о том этот небольшой обзор, просто надеюсь, что помог вам разглядеть, еще одно интересное решение. Да и в целом, хорошо уже то, что таких инструментов становится больше, работать от этого легче, а значит и жить веселей))).

Хотелось бы знать, а какими инструментами чаще пользуетесь вы и почему?

С Уважением, Андрей .

Кстати, если вам понадобится зарегистрировать домен .com недорого, в таком случае советую обратить внимание на регистратора UANIC.

Вы можете оставить отзыв, подписаться на обновленияОбновления блога по RSSRSS или Обновления блога на TwitterTwitter !

Присоединяйтесь к обсуждению!

Отправляя кoммeнтapий, Вы автоматически принимаете правила кoммeнтиpoвaния на этом блоге.

Правила кoммeнтиpoвaния на блоге Dobrovoimaster:

  1. Во избежание захламления спамом, первый кoммeнтapий всегда проходит премодерацию.
  2. В поле "Ваш сайт" лучше указывать ссылку на главную страницу вашего сайта/блога. Ссылки на прочую веб-лабуду (в том числе блоги/сплоги, созданные не для людей) будут удалены.
  3. Не используйте в качестве имени комментатора слоганы/названия сайтов, рекламные фразы, ключевые и т.п. слова. В случае несоблюдения этого условия, имя изменяю на свое усмотрение. Просьба указывать нормальное имя или ник.
  4. Скорее всего, что не информативный и короткий кoммeнтapий вида "Спасибо!", "Интересная статья", будет удален. Исключение составляют знакомые автору блога комментаторы.
  5. Комментарии не по теме безжалостно удаляются.

Подписаться не комментируя

Обновления комментариев по RSS RSS комментариев к этой записи »

Рейтинг@Mail.ru