Ускоряем написание HTML и CSS с помощью Emmet (+видео)
Новая тема Написать ответ
# Сб Авг 01, 2015 2:16 pmRemaGe Зарег.: 13.08.2009 ; Сообщ.: 206Ответить с цитатой
В статье описана установка и примеры работы с плагином Emmet, который позволяет в несколько раз увеличить скорость написания HTML/CSS, в особенности нудных, повторяющихся кусков кода.

Для примера, строка:

Код:
header>img#logo+div#siteslogan+div#menubox>(ul>li*10>a.menu-item{item$})+div#searchbox>input[type=text]+input[type=image]



превращается в:
Код:
<header>
   <img src="" alt="" id="logo">
   <div id="siteslogan"></div>
   <div id="menubox">
      <ul>
         <li><a href="" class="menu-item">item1</a></li>
         <li><a href="" class="menu-item">item2</a></li>
         <li><a href="" class="menu-item">item3</a></li>
         <li><a href="" class="menu-item">item4</a></li>
         <li><a href="" class="menu-item">item5</a></li>
         <li><a href="" class="menu-item">item6</a></li>
         <li><a href="" class="menu-item">item7</a></li>
         <li><a href="" class="menu-item">item8</a></li>
         <li><a href="" class="menu-item">item9</a></li>
         <li><a href="" class="menu-item">item10</a></li>
      </ul>
      <div id="searchbox"><input type="text"><input type="image"></div>
   </div>
</header>



Плагин доступен для большого количества текстовых редакторов.

Читать статью
Новая тема Написать ответ    ГЛАВНАЯ ~ ДАЙДЖЕСТ БЛОГОСФЕРЫ
 
Любое использование материалов, размещенных на ArmadaBoard.com, без разрешения владельцев ArmadaBoard.com запрещено.