Функция clamp() Функция clamp() позволяет ограничивать диапазон изменения некоего значения, задавая его нижний и верхний пределы. Она принимает три параметра: минимальное значение, вычисляемое (рекомендованное) значение, максимальное значение. Если вычисляемое…

Кратко Скопировать ссылку на секцию "Кратко" Мы привыкли, что в структуре сайта CSS отвечает только за визуальное представление, а всё касающееся контента задаётся в HTML. Однако, это не совсем так. В CSS есть свойства, способные как улучшить восприятие вашего…

Кратко Скопировать ссылку на секцию "Кратко" scrollbar-gutter решает проблему с «прыгающей» шириной контента при появлении или скрытии скроллбара. Обычно эта проблема появляется при изменении высоты контента или появлении модального окна. Проблема со скр…

Кратко ARIA (Accessible Rich Internet Applications) — это набор дополнительных атрибутов, которые расширяют возможности HTML, SVG и других языков для создания более доступных интерфейсов. 💰 RIA (Rich Internet Applications, Насыщенное интернет-приложение) —…

Поисковая система просматривает весь интернет в поисках страниц для включения их в индекс. Googlebot перемещается сетью с помощью ссылок. После того, как бот попал на сайт, он изучает ресурс с помощью внутренних ссылок (например, в главном меню), чтобы сопоставить…

Валидация формы — это проверка данных, которые ввёл пользователь. Если на вашем сайте есть форма без валидации, пользователи будут заполнять её как захотят. Кто-то пропустит важное поле, кто-то неправильно введёт телефон или номер банковской карты. В результате…

Многие разработчики полюбили лаконичный синтаксис и мощь директив Vue.js настолько, что даже пытаются использовать этот фреймворк не только в одностраничных приложениях. Сложно отказаться от использования реактивности, только потому, что вдруг понадобилось…

Обычно свойство height, указанное в процентах, означает высоту относительно внешнего блока. Однако, всё не так просто. Интересно, что для произвольного блочного элемента height в процентах работать не будет! Чтобы лучше понимать ситуацию, рассмотрим пример.…