Вёрстка 2010

Сергей Асанов Сергей Асанов

Cтандарт HTML5, который так долго ждут разработчики, набирает обороты. Браузер IE6 теряет позиции с каждым днём. Всё логично. Добро рано или поздно должно победить зло.

На прошлой неделе Adobe добавила в Dreamweaver поддержку HTML5 и CSS3. Уже можно скачать специальный плагин для Dreamweaver CS5 — HTML5 Extension Pack и наслаждаться:

html5

Но главное, что произошло в вёрстке за последние полгода — это конечно Zen coding. Теперь даже моя бабушка верстает сайты быстрее вас! Сергей Чикуёнок и Вадим Макеев — большие молодцы. По-моему, это гениально. Посмотреть как это работает можно в этом видео:

Если коротко, то стоит написать:

div#content>ul.nav>li*5>a

И нажать Ctrl+, как вы получите:

<div id="content">
   <ul class="nav">
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
      <li><a href=""></a></li>
   </ul>
</div>

Страница проекта ZenCoding.
Там же можно абсолютно бесплатно скачать плагины для вашего любимой программы вёрстки, в том числе для NotePad++ и Dreamweaver.