Недавно завершила первый проект из курса «Верстальщик». Для ускорения верстки использовала бесплатный плагин для Sublime Text 3 Emmet. Сэкономила много времени благодаря этому инструменту. Работать с Emmet очень просто. Достаточно написать сокращение и нажать на кнопку Tab на клавиатуре.
Например, чтобы получить базовую разметку страницы HTML5, достаточно набрать «!» и нажать TAB. Вот такой результат вы получите:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
</html>
Согласитесь, удобно!
С помощью Emmet можно легко добавлять классы и идентификаторы элементам, делать элементы вложенными друг в друга и группировать их, проставлять автоматическую нумерацию, делать приставки для браузеров или работать с градиентами.
Также я бы хотела поделиться тренажером Emmet. С его помощью можно попрактиковаться и узнать подробнее о работе плагина.