У нас снова пополнение: Евгений, Сергей и канал в Телеграме для новостей.

Мы обновили страницы профиля и написали об этом в блоге. А ещё мы объединили все страницы о наставниках и рассказали о том, каких наставников мы ищем.

В рассылку попали статьи про адаптивную графику, адаптивные сетки и проблемы с вёрсткой писем.

Инструменты и статьи

Let’s write beautiful CSS сomments
Уже столько раз говорили о необходимости комментариев в коде. Вот вам свежий взгляд на то, почему комментарии не только являются обязательными, но и должны быть красивыми.

If CSS is so easy why does everyone suck?
Заголовок статьи очень дерзкий. Действительно, если CSS — это просто, то почему до сих пор не все используют его нормально?

Dot Leaders» или «Точки между словами» на CSS
Верстаем типографский список с точками. Не такой частый кейс, да и решение больше похоже на хак, но почему нет?

Carousels don’t have to be complicated
Не усложняй! Всем нам знакомый, кем-то нелюбимый, но так часто используемый слайдер-карусель. Как сделать его простым, рабочим и без тонны кода.

Improving perceived performance with multiple background images
Все мы умеем подкладывать фоновый цвет под изображение на тот случай, если оно не загрузится. Улучшим эту технику с помощью CSS-градиентов.

Designing grids
Сетка — важная часть сайта. Неважно, что вы используете: Бутстрап или что-то своё. Поговорим о том, на что обращать внимание, проектируя сетку.

How to build a responsive grid system
Продолжаем тему сеток. Восемь шагов для создания собственной адаптивной сетки.

Which doctype should you use in HTML emails?
Из-за обилия почтовых клиентов вёрстка писем превращается в танцы с бубном. А что же писать в DOCTYPE в этом случае? И как почтовые клиенты на него реагируют?

Responsive images 201: client hints
Адаптивная графика, куда же без неё? Как, с помощью HTTP-заголовков, улучшить поведение адаптивных изображений.