Новости короткой строкой — у нас новый енот, новый перевод, ё-моё и открытый вебинар, который прошёл 16 декабря.

А ещё мы выложили обновлённую страницу интенсива «Базовый HTML и CSS». Она выглядит свежо, адаптивно, мобильно и просто вкусно. Самые наблюдательные уже заметили, что на следующих потоках будет новый макет — Глейси.

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

Why I’m excited about native CSS variables
Многие скептически относятся к использованию нативных CSS-переменных, ведь есть препроцессоры со своими переменными. Автор же рассказывает, почему ему так нравятся именно CSS-переменные и каковы их возможности.

CSS as readable by humans
А если взглянуть на CSS-код как на то, что будут читать люди? Насколько читабелен ваш код? Поймут ли его другие разработчики? Ещё один взгляд на гайды.

Шрифты в вебе: переносы, рендеринг и дополнительные настройки
Из названия статьи уже становится ясно, что разговор пойдёт об использовании шрифтов на сайтах. Все те чудеса типографики, которые мы можем использовать у себя.

Seriously, don’t use icon fonts
Нет, серьёзно, не стоит использовать иконочные шрифты! Чем же они так плохи и на что их можно заменить?

The vertical-align property
А вы уверены, что хорошо знаете, как работает свойство vertical-align? И, может, даже легко назовёте все возможные значения, которые оно может принимать, и как поведут себя в каждом случае элементы? Вот вам на всякий случай небольшая шпаргалка.

Ускоряем загрузку ресурсов для сайта: preconnect, prefetch, prerender, preloading
Разберёмся, как сделать загрузку ресурсов быстрее, как управлять этой загрузкой и как расставлять приоритеты.

How to animate «box-shadow» with silky smooth performance
Анимациями на CSS уже никого не удивишь. В этой статье автор разбирает, как сделать анимацию box-shadow более гладкой.

CSS and the path of least resistance
По мнению автора есть всего три правила, следование которым поможет избежать большинства проблем, возникающих с вёрсткой.

Викторина из 15 вопросов: хорошо ли вы знаете CSS
Ну и напоследок, небольшой тест для знатоков CSS. Сколько у вас правильных ответов?