​​Лучшие стратегии загрузки шрифтов и способы их реализации

Каким образом загружают шрифты в современном вебе, разбор и сравнение наиболее распространенных методов.

Читать статью

​​5 плохих CSS практик

Подборка решений в стилизации, которых стоит избегать, либо реализовывать иначе.

Читать статью

Рубрика "Вредные советы от Кота"

​​React Server-Side Rendering (SSR) — руководство новичка

Подробное руководство по рендерингу на стороне сервера на React для начинающих.

Читать статью

​​Используй console.log () как про

Методы, с помощью которых можно более гибко выводить в консоль браузера информацию, чем просто текстом.

Читать статью

​​Полное руководство по CSS Flex + опыт использования

Подробное руководство по Flexbox с наглядными диаграммами. Опыт внедрения flexbox на веб-сайте с наглядными примерами и преимуществами.

Читать статью

​​Обработка текста поверх изображений в CSS

Несколько способов, как сделать текст поверх изображений более читабельным (с примерами кода).

Читать статью

Ах если бы...

​​Что лучше использовать: ссылки или кнопки

Понятное объяснение, какие элементы стоит верстать как кнопки, а какие - как ссылки, с наглядными примерами.

Читать статью

​​Как я поступаю с размером шрифта

Разбор одного из подходов к гибкому указанию размеров шрифта для разных устройств.

Читать статью

​​Три важных вещи, которые вы должны знать о CSS

Важные подробности того, как на данный момент в браузерах работает псевдокласс :is().

Читать статью

Магия CSS

​​Контейнерные запросы в CSS

Контейнерные запросы - это запросы на подобии медиазапросов, только отталкивающиеся от размеров родительского элемента, а не устройства. В статье содержится объяснение, какие задачи они позволяют решать, как облегчают верстку, а также примеры использования.

Читать статью

​​Примеры применения переменных CSS на практике

Отличная подборка способов использовать нативные CSS-переменные на наглядных примерах. Что упускают те, кто используют их как переменные препроцессоров.

Читать статью

​​HTML-теги и атрибуты, о которых вы, возможно, не знали

Шпаргалка по не самым распространенным HTML-тегам, которые стоит знать.

Читать статью

​​Полное руководство по электронным письмам в формате HTML

Шаблоны и инструменты для создания и разработки электронных писем на HTML.

Читать статью

Вечная проблема взаимоотношений верстальщиков и заказчиков

​​Базовая структура HTML-документа с объяснением каждой строчки

Пример пустого шаблона для верстальщиков, на основе которого можно удобно разрабатывать веб-страницы. Статья содержит подробное объяснение, зачем та или иная часть кода нужна.

Читать статью

​​Валидация форм с использованием HTML5 и Regex

Использование встроенных функций HTML5 для проверки данных различных типов полей ввода, не полагаясь на какие-либо внешние библиотеки.

Читать статью

​​Почему стоит использовать тег <picture> вместо <img>

Различия между тегами picture и img, почему тег picture более совершенен, чем img.

Читать статью