Перейти к публикации

Полезные инструменты для веб-мастеров


Рекомендованные сообщения

Очень удобный инструмент для очень быстрой вёрстки: http://docs.emmet.io/ (раньше это называлось: Zen coding)

Например, пишем код:

div#block>a+ul#nav>li.link*5>a
нажимаем клавишу TAB и код превращается в:

<div id="block">

   <a href=""></a>

   <ul id="nav">

	  <li class="link"><a href=""></a></li>

	  <li class="link"><a href=""></a></li>

	  <li class="link"><a href=""></a></li>

	  <li class="link"><a href=""></a></li>

	  <li class="link"><a href=""></a></li>

   </ul>

</div>

[/code]

Совместно с (самым удобным - имхо) редактором Sublime Text 2 и Emmet получается очень мощный инструмент для быстрой и качественной вёрстки.

Другие примеры по Emmet:

http://code.google.c...nHTMLElementsRu

http://docs.emmet.io/cheat-sheet/

Изменено пользователем WWW.ZEOS.IN
Ссылка на сообщение
Поделиться на других сайтах

zencoding по моему эта штука называется, почти для любого редактора есть как плагин или расширение.

Для NetBeans, Notepad++ точно есть.

Ссылка на сообщение
Поделиться на других сайтах

Теперь это называется Emmet :)

Ссылка на сообщение
Поделиться на других сайтах

Может быть кому-то пригодится: http://www.stylizerapp.com/ (тоже мощная программа для вёрстки)

Ссылка на сообщение
Поделиться на других сайтах

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

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...