Zen Coding

Zen Coding ,[object Object],Сергей Чикуёнок

Что такое Zen Coding ,[object Object],[object Object],[object Object],[object Object]

Разворачивание аббревиатур — ключевой компонент Zen Coding Zen Coding

Expand Abbreviation ,[object Object]

Expand Abbreviation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Синтаксис ,[object Object],[object Object],[object Object],[object Object]

Синтаксис ,[object Object],[object Object],[object Object],[object Object],<head> <link/></head> <link/></head> ,[object Object],[object Object],[object Object],[object Object],[object Object],<ul id="name"><li class="item"></li></ul> <ul id="name"><li class="item"></li></ul> <ul id="name"><li class="item"></li></ul>

Синтаксис ,[object Object],[object Object],[object Object],<p></p><p></p> <div id="name"> <p class="one"></p> <p class="two"></p></div>

Синтаксис ,[object Object],[object Object],[object Object],<p class="name-1"></p><p class="name-2"></p><p class="name-3"></p> <select> <option id="item-1"></option> <option id="item-2"></option> <option id="item-3"></option></select>

Структурные элементы ,[object Object],[object Object],[object Object]

Структура zen_settings ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Описание языка: сниппеты ,[object Object],[object Object],[object Object]

Описание языка: аббревиатуры (тэги) ,[object Object],[object Object],[object Object],[object Object]

Новое в версии 0.5 ,[object Object],[object Object],[object Object],[object Object]

Сниппеты принимают атрибуты ID и CLASS: ,[object Object],[object Object],[object Object],[object Object],{% block content %} <div class="page"></div>{% endblock %}

Профили форматирования ,[object Object]

Профили форматирования ,[object Object],[object Object]

Профили форматирования ,[object Object],[object Object],[object Object],[object Object],[object Object]

Поиск пар тэгов ,[object Object],[object Object]

Поиск пар тэгов ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Wrap with abbreviation ,[object Object],[object Object],[object Object],[object Object],[object Object]

Wrap with abbreviation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Wrap with abbreviation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Онлайн демонстрация ,[object Object],[object Object]

Как работает Zen Coding Zen Coding

Архитектура Редактор Прослойка Zen Coding HTML Pair Matcher API текст текст текст

Парсинг аббревиатур ,[object Object],[object Object],[object Object],[object Object]

Поиск аббревиатуры ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],перебор символов

Поиск аббревиатуры ,[object Object],[object Object],[object Object]

Валидация аббревиатуры ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Разбор в дерево ,[object Object],[object Object],root div ul (id=”nav”) li (×3) a ( href=”” )

Форматирование и вывод и вывод ,[object Object],[object Object]

Поиск HTML-пар ,[object Object],[object Object],[object Object],[object Object],<p> Lorem <span> ipsum </span> dolor <span> sit </span> amet. </p>

Поиск HTML-пар ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Поддержка редакторов ,[object Object],[object Object],[object Object]

EclipseMonkey ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Вопросы? [email_address] http://chikuyonok.ru http://chikuyonok.ru http://chikuyonok.ru

Zen Coding

Recommandé

Recommandé

Contenu connexe

Tendances

Tendances (7)

En vedette

En vedette (19)

Similaire à Zen Coding

Similaire à Zen Coding (20)

Plus de 404fest

Plus de 404fest (20)

Zen Coding