вёрстка

Emmet, шпаргалка сокращений. Шорткоды

Emmet — плагин, с которым быстрее писать HTML и CSS код при помощи различных команд. Здесь собраны основные сокращения и варианты их применения.

Три коротких видео, которые помогут разобраться в основных принципах работы с фотошопом для вёрстки.

Реализуйте эффект, чтобы строка таблицы изменяла форму при наведении курсора.

Гигиена кода — залог крепкой и надёжной вёрстки. Чеклист помогает не допускать банальных ошибок и освободить голову для решения сложных задач.

Инструкция по настройке существующих сниппетов под себя.

Селекторы объясняют браузеру, какие стили применить к элементу. Это основа CSS.

Box-shadow добавляет элементу одну или несколько теней

В этой задачке на прокачку нужно подсветить блоки без текста красным и добавить в них надпись.

Рассмотрим вёрстку блока с контентом на примере банки с водой: как правильно использовать отступы и не писать лишний код.