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

Notepad++ для верстки HTML/CSS

Разработка веб-сайтов *
Приветствую, коллеги!

Топик «Ускорение верстки — да поможет Notepad++» и статья Вадима Макеева «Zen Coding 2.0. Концепт» подтолкнули меня к давно родившейся в моей голове идее расширения функционала редактора Notepad++, необходимого html/css-верстальщику.

По сути хочется реализовать концепцию «Zen Coding» в данном редакторе, а также еще пару вещей. И все это выпустить отдельной редакцией NP++ с предустановленными плагинами и функционалом, необходимым именно верстальщику, под GPL лизензией.

По пунктам:
  1. внедрить Zen HTML;
  2. внедрить Zen CSS
  3. написать плагин для управления проектом;
  4. написать аналог Function List для упрощения работы с группами классов, идентификаторов, блоков правил;
  5. отключить весь ненужный для верстки функционал.

Есть ли среди вас желающие помочь в написании плагина (возможно C++) для этого редактора?

Если у кого-то есть желание поучаствовать в этом благом деле пишите мне в личку.

Комментарии и коллективные обсуждения всесторонне приветствуются, ведь суть проекта сводится не просто к переносу Zen Coding на NP++, а и тонкая настройка функционала редактора.
Всего голосов 52: ↑44 и ↓8 +36
Просмотры 32K
Комментарии 64

Zen coding — пишем HTML/CSS быстрее

Разработка веб-сайтов *
Добрый день смотрим сразу как это работает:



Zen Coding
chikuyonok — Сергей Чикуёнок
pepelsbey — Вадим Макеев

Этот способ ускоренного написания HTML и CSS кода разрабатывается Сергеем Чикуёнком, который «знает толк в извращениях».

HTML код пишется на CSS манеру:
div#content>h1+p

Нажимаем нехитрое комбо на клавиатуре (Ctrl+,) и получаем результат:
<div id="content">
    <h1></h1>
    <p></p>
</div>
Читать дальше →
Всего голосов 143: ↑131 и ↓12 +119
Просмотры 51K
Комментарии 175

Zen coding 0.6

Разработка веб-сайтов *
Поздравляю всех с выходом новой версии, мольбы были услышаны, теперь zen-coding умеет:
  • прописывать кастомные атрибуты у тегов (td[colspan=2])
  • разворачивать вложенные аббревиатуры: теперь можно буквально одной строкой написать весь документ (div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer)
  • если аббревиатура для div начинается с класса или айди, необязательно писать сам тег, #content>.section тоже сработает
  • инлайновые элементы, если их больше трех, теперь автоматически будут перенесены на новую строку
  • теперь у нас есть фильтры (можно, например, экранировать небезопасные символы добавив |e в конец аббревиатуры)
  • если указывать несколько $-символов, это сработает как предварение нулем (li.item$$$li.item001)
Кроме того добавилась поддержка PSPad, Komodo Edit, добавлены действия Toggle comment, Split/Join tag, Remove tag, пофиксены ошибки, улучшен API для редакторов, а сам проект переместился на GitHub.

Если «новая версия zen-coding» для вас — пустой звук, настоятельно рекомендую ознакомиться с этим топиком.

Обновляемся, обновляемся!
Всего голосов 52: ↑49 и ↓3 +46
Просмотры 1.5K
Комментарии 45

CSS-макросы для NetBeans

Разработка веб-сайтов *
На хабре несколько раз публиковалась информация о Zen Coding, который может подключаться ко многим редакторам кода с целью ускорения верстки HTML и CSS кода. Одним из таких редакторов является NetBeans, который, правда, не работает с ZEN CSS.

Не желая мириться с таким положением дел, я, как и в случае с Notepad++, написал макросы для самых частоупотребляемых записей, дабы сэкономить драгоценные секунды (да и лень честно говоря писать свойства целиком).
Читать дальше →
Всего голосов 28: ↑27 и ↓1 +26
Просмотры 14K
Комментарии 24

«Сделайте мне красиво!» Выпуск №26

Чулан
Вашему вниманию очередной выпуск подкаста о веб-разработке «Сделайте мне красиво!»

Show notes:


Наши ссылки: RSS и лента на rpod.ru
Всего голосов 4: ↑3 и ↓1 +2
Просмотры 479
Комментарии 0

Расширение Web Essentials для Visual Studio: LESS, Zen Coding, CoffeeScript и многое другое

Блог компании Microsoft Разработка веб-сайтов *Visual Studio *TypeScript *


Visual Studio – поистине потрясающий инструмент для разработки приложений вообще (чувствуете всю маркетинговую мощь этой фразы?) и web-разработки в частности. Но сила Visual Studio не только в возможностях, которые в ней есть «из коробки», но и в наличии тысяч полезных расширений. Одним из моих любимых расширений, которое добавляет поддержку LESS, Zen Coding и CoffeeScript, а также содержит множество других возможностей, является расширение Web Essentials 2012 (скачать), о котором мы и поговорим в данной статье.

Не смотря на то, что цикл выпуска обновлений для Visual Studio 2012 короче, чем для предыдущих версий, а первое крупное обновление уже доступно, нам, как разработчикам, обычно, хочется получать новые полезные возможности как можно раньше. И расширение Web Essentials позволяет это делать.
Читать дальше →
Всего голосов 47: ↑36 и ↓11 +25
Просмотры 25K
Комментарии 11

Вышел 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

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

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

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

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

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

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

Обработка аннотаций в процессе компиляции

Блог компании e-legion Java *Разработка мобильных приложений *Разработка под Android *
magicМетапрограммирование — вид программирования, связанный с созданием программ, которые порождают другие программы как результат своей работы (в частности, на стадии компиляции их исходного кода), либо программ, которые меняют себя во время выполнения.

Аннотации, как инструмент метапрограммирования появились вместе с релизом Java 5 в далеком 2004 году. Вместе с ними появился инструментарий Annotation Processing Tool, на смену которому пришла спецификация JSR 269 или Pluggable Annotation Processing API. Что интересно, этой спецификации без малого 10 лет, но свою популярность в Android разработке она начала обретать только сейчас.

О возможностях, которые открывает эта спецификация мы поговорим чуть позже (будет мнооого кода), а сперва, не хотите ли поговорить о компиляции Java кода?
Читать дальше →
Всего голосов 18: ↑17 и ↓1 +16
Просмотры 31K
Комментарии 17