Во время проверки быстродействия сайта в PageSpeed Insights можно увидеть такое предупреждение: Настройте показ всего текста во время загрузки веб-шрифтов. Сервис рекомендует использовать CSS-дескриптор font-display, чтобы пользователи могли видеть текст, пока загружаются веб-шрифты. Но как использовать CSS-дескриптор font-display…
Метка: HTML и CSS
О вёрстке и стилевом оформлении.
Скорость загрузки страниц сайта

Последнее обновление — 13 сентября 2023 в 16:33Это очень короткая заметка о том, как проверить скорость загрузки страниц сайта. Всё сделаем при помощи небольшого PHP-кода. Кроме того, посмотрим, как «летает» сайт, воспользовавшись услугами онлайн-сервиса. В первом случае достаточно…
Как отключить копирование текста в мобильной версии сайта

В этой короткой заметке покажу, как отключить копирование текста в мобильной версии сайта. Читатель при просмотре поста не сможет выделить текст или его часть и скопировать к себе на устройство. Есть плагины, которые прекрасно справляются с такой задачей,…
Как убрать точки у списка в CSS

Последнее обновление — 16 декабря 2024 в 02:16Для того чтобы убрать точки у списка в CSS, можно использовать свойство list-style-type и задать значение none для маркера. Например: Это уберёт маркеры для всех элементов списка внутри тега ul. Если…
Что такое псевдоселекторы

Псевдоселекторы — это элементы CSS, которые позволяют выбирать и стилизовать определенные элементы веб-страницы на основе их состояния или положения в документе. Они используются для создания более динамических и интерактивных пользовательских интерфейсов, а также для упрощения кода и повышения…
Свойство display, Display flex

Свойство display в CSS используется для определения типа отображения элемента на веб-странице. Оно позволяет контролировать, как элемент будет отображаться в зависимости от места, где он расположен на странице, и какие свойства будут применены к его содержимому. Одним из…