Мы все знаем о преимуществах использования фрагментов и пакетов для ускорения нашего кодирования, но что если мы могли бы пойти дальше и превратить сложную HTML-структуру во что-то столь же простое, как селектор CSS? Что ж, благодаря новому проекту под названием Zen-Coding мы можем сделать именно это!
В этом четырехминутном видеоролике я покажу как
Скачать Zen-Coding
Другие параметры просмотра
Обновить
В комментариях ниже я высказал предположение, что было бы неплохо, если бы мы также могли вставить общий текст «lorem», например:
|
1
|
div#header>p>lorem
|
Это сгенерирует что-то вроде этого:
|
1
2
3
4
5
|
<div id=»header»>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
|
К сожалению, я не знал, как это сделать. Но, к счастью, автор Zen-Coding Сергей помог мне. Я записал шестьдесят второй скринкаст, показывающий, как это можно сделать. Вы можете посмотреть это здесь.
Дополнительные ресурсы
- Подпишитесь на нас в Твиттере или подпишитесь на ленту Nettuts + RSS для получения лучших учебных материалов по веб-разработке.
Написать Плюс Учебник
Знаете ли вы, что вы можете заработать до 600 долларов за написание учебника PLUS и / или скринкаст для нас? Мы ищем подробные и хорошо написанные учебники по HTML, CSS, PHP и JavaScript. Если у вас есть такая возможность, пожалуйста, свяжитесь с Джеффри по адресу [email protected].
Обратите внимание, что фактическая компенсация будет зависеть от качества окончательного урока и скринкаста.
