Инструменты и ссылки для наставников

Инструменты

• CSS syntax validator — валидация CSS
• Генератор HTML-дерева — строит структуру документа, подсвечивает ошибки БЭМ-разметки, показывает дерево заголовков
• Pixel Glass — инструмент для проверки разметки на соответствие макетам в любых браузерах
• Zeplin — инструмент позволяет просматривать (предварительно загруженные) PSD-макеты не открывая фотошоп; также можно вынести макет в отдельное полупрозрачное окно, чтобы накладывать его поверх окна браузера (любого браузера)
• HTMLA project checker extension — плагин для подсветки чеклиста финальной проверки проекта
• Video Speed Controller — плагин для управления скоростью воспроизведения видео

Материалы

• Дополнительные материалы для интенсивов от tsergeytovarov

• Видео-уроки от tsergeytovarov

• Статьи от isqua

• Как работать с CSS-препроцессорами и БЭМ от nicothin

• Шпаргалка по консольным командам Git от nicothin

• Слова, часто используемые в CSS-классах от yoksel

• Простые правила разметки от yoksel