Hobo 
ОглавлениеБлок внимания при помощи CSSБлок внимания с иконкойИспользование шорткода для блока вниманияВ этой заметке напишем код, который позволит выводить на WordPress-сайте блоки внимания в тексте на чистом CSS. Чтобы создать такие блоки внимания, потребуется выполнить несколько шагов: Создать…
Метка: HTML и CSS
О вёрстке и стилевом оформлении.
Как создаётся адаптивная верстка
Адаптивная верстка – это подход к созданию веб-сайтов, который позволяет сайту корректно отображаться на различных устройствах и экранах. Сегодня этот подход является неотъемлемой частью веб-разработки, так как количество устройств и разрешений экранов постоянно растёт. Как создаётся адаптивная верстка?…
Уведомление об использовании Cookie на сайте
В этой заметке покажу, как сделать уведомление об использовании Cookie на сайте без использования плагинов. Такое предупреждение будет всплывать в виде плашки внизу сайта при его первом посещении. Зачем вообще нам эта штуковина? Дело в том, что уведомление…
Используйте CSS-дескриптор font-display
Во время проверки быстродействия сайта в PageSpeed Insights можно увидеть такое предупреждение: Настройте показ всего текста во время загрузки веб-шрифтов. Сервис рекомендует использовать CSS-дескриптор font-display, чтобы пользователи могли видеть текст, пока загружаются веб-шрифты. Но как использовать CSS-дескриптор font-display…
Скорость загрузки страниц сайта
Последнее обновлене — 13 сентября 2023 в 16:33Это очень короткая заметка о том, как проверить скорость загрузки страниц сайта. Всё сделаем при помощи небольшого PHP-кода. Кроме того, посмотрим, как «летает» сайт, воспользовавшись услугами онлайн-сервиса. В первом случае достаточно…
Как отключить копирование текста в мобильной версии сайта
В этой короткой заметке покажу, как отключить копирование текста в мобильной версии сайта. Читатель при просмотре поста не сможет выделить текст или его часть и скопировать к себе на устройство. Есть плагины, которые прекрасно справляются с такой задачей,…