АРМАДА
Ускоряем написание HTML и CSS с помощью Emmet (+видео)
Новая тема Написать ответ

RemaGe
Опытный
Зарегистрирован: 13.08.2009
Сообщений: 206
Обратиться по нику
# Добавлено:Сб Авг 01, 2015 2:16 pmДобавить в избранноеОтветить с цитатой
В статье описана установка и примеры работы с плагином 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>



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

Читать статью
Мой сайт - HTML5/CSS3/Drupal6-7 |||| Бесплатный видео курс по HTML5/CSS3
Новая тема Написать ответ    ГЛАВНАЯ ~ ДАЙДЖЕСТ БЛОГОСФЕРЫ

Перейти:  





Генеральный спонсор



Партнеры