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