Как стать автором
Обновить

Вышел Emmet v1.0

Разработка веб-сайтов *
Рад сообщить, что после более полугода разработки в свет вышел Emmet (бывший Zen Coding) v1.0.

Emmet — это инструмент для ускорения работы с HTML и CSS. В основе проекта лежит механизм динамических аббревиатур, которые разбираются «на лету» и из которых генерируется готовый фрагмент кода. Для написания аббревиатур используется синтаксис, похожий на CSS-селекторы, но с некоторыми дополнениями, специфическими для создания кода. Например, вот такая аббревиатура:

section>h2+ul.nav>li.nav-item$*5>a

простым нажатием клавиши превращается в:

<section>
    <h2></h2>
    <ul class="nav">
        <li class="nav-item1"><a href=""></a></li>
        <li class="nav-item2"><a href=""></a></li>
        <li class="nav-item3"><a href=""></a></li>
        <li class="nav-item4"><a href=""></a></li>
        <li class="nav-item5"><a href=""></a></li>
    </ul>
</section>

Подробности
Всего голосов 100: ↑98 и ↓2 +96
Просмотры 50K
Комментарии 36

Дайджест интересных новостей и материалов из мира айти за последнюю неделю №46 (23 февраля — 1 марта 2013)

Блог компании Zfort Group Разработка веб-сайтов *
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.


Читать дальше →
Всего голосов 42: ↑36 и ↓6 +30
Просмотры 21K
Комментарии 5

Вышел WebStorm 6 с поддержкой новейших технологий веб-разработки

Блог компании JetBrains Разработка веб-сайтов *JavaScript *
Команда разработчиков WebStorm постаралась в очередном выпуске IDE собрать самые востребованные возможности для самых свежих технологий. Что появилось нового?

Поддержка TypeScript, CoffeeScript, Dart, LESS и Sass


В новой версии Webstorm появилась базовая поддержка TypeScript: подсветка кода, проверка соответствия типов, навигация по коду, обнаружение ошибок по ходу редактирования и автодополнение. Поддержка TypeScript, CoffeeScript и Dart включает компиляцию в Javascript на всех платформах, поддерживаемых в WebStorm. Аналогично поддерживаются LESS и Sass.

В основном релизе IDE теперь есть полноценная отладка CoffeeScript, TypeScript и Dart с использованием source maps. Нам особенно приятно порадовать коллегу pietrovich, который поднимал этот вопрос в ветке обсуждения в одном из прошлых постов.
А что еще?
Всего голосов 80: ↑77 и ↓3 +74
Просмотры 24K
Комментарии 119

Прощай, Zen Coding. Привет, Emmet!

Разработка веб-сайтов *
Перевод

Еще в 2009 году, image Сергей Чикуёнок опубликовал статью, в которой представил новый способ написания HTML и CSS кода. Этот революционный плагин, назывался Zen Coding, он помогал многим разработчикам на протяжении многих лет и в настоящее время вышлел на новый уровень.

Emmet, ранее известный как Zen Coding, является самым производительным и экономным во времени плагином для текстового редактора. Простые сокращения мгновенно расширяются в сложные фрагменты кода, Emmet превратит вас в более продуктивного разработчика.

Для тех, кто предпочитает смотреть, а не читать, вот видео любимых трюков автора.

Читать дальше →
Всего голосов 152: ↑123 и ↓29 +94
Просмотры 242K
Комментарии 112

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №69 (4 — 10 августа 2013)

Блог компании Zfort Group Разработка веб-сайтов *
Предлагаем вашему вниманию очередную подборку с ссылками на новости, интересные материалы и полезные ресурсы.


Читать дальше →
Всего голосов 42: ↑36 и ↓6 +30
Просмотры 25K
Комментарии 7

Emmet LiveStyle — инструмент для удобной front-end разработки

Разработка веб-сайтов *CSS *HTML *


На днях появился наверное самый удобный инструмент для front-end разработчиков — Emmet LiveStyle. Это плагин для двухстороннего (редактор браузер) редактирования CSS файлов, который может заметно облегчить и ускорить разработку. Восторженные отзывы по всему интернету это подтверждают (комментарии к статье Smashing Magazine и на Хабре).
Читать дальше →
Всего голосов 54: ↑48 и ↓6 +42
Просмотры 83K
Комментарии 40

Ускоряем работу с Emmet, или мой первый шаг к Open Source

Разработка веб-сайтов *Open source *CSS *
Из песочницы
Не претендуя на новаторство и особую глубину рассуждений, я решил написать эту статью с двумя целями:

  1. Рассказать о моем первом опыте в написании чего-то полезного для IT-сообщества (а конкретно — плагина для редактора Sublime Text). Возможно, это подтолкнет к созданию open-source проектов тех, кто этим еще никогда не занимался, стесняется, боится, что квалификации не хватит или что нужно обязательно писать что-то глобальное и т.п.
  2. Показать коллегам-верстальщикам созданный в результате плагин, который вполне может сэкономить им драгоценные минуты жизни.

Начнем же, перекрестясь.
Читать дальше →
Всего голосов 21: ↑18 и ↓3 +15
Просмотры 9.6K
Комментарии 0

Повышение скорости написания кода: Emmet и его использование в VSCode

Разработка веб-сайтов *HTML *
Туториал

Emmet - это утилита для текстовых редакторов, которая упрощает и повышают скорость написания кода. Первоначально слово "Emmet" означало муравей - маленькое насекомое, которое может нести в 50 раз больше своего веса.

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 41K
Комментарии 23

Опыт работы с Emmet: ускоряем вёрстку в разы

Блог компании Skillbox Разработка веб-сайтов *HTML *

Владимир Матасов, выпускник курса Skillbox по веб-вёрстке, рассказал о своём опыте работы с плагином Emmet. Также подготовил инструкции по основным возможностям и командам для начинающих верстальщиков.

Читать далее
Всего голосов 14: ↑12 и ↓2 +10
Просмотры 7.1K
Комментарии 3

Как плагин Emmet помогает ускорить работу с программным кодом

CSS *HTML *

Frontend-разработчик нашей команды Евгений Самойлов рассказывает, как сократить время написания рутинной разметки за счет преобразования простых аббревиатур в полноценные блоки кода.

Читать далее
Всего голосов 6: ↑5 и ↓1 +4
Просмотры 5K
Комментарии 0