Header Image

Метка: HTML и CSS

О вёрстке и стилевом оформлении.

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Фоновая музыка на сайте

В некоторых ситуациях не помешает фоновая музыка на сайте. Сейчас посмотрим, как можно реализовать возможность проигрывания приятной музыки для посетителя сайта. В правом нижнем углу сайта должна быть иконка в виде перечеркнутого динамика — музыку не слышно, а…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как убрать маркеры списка ul

Чтобы убрать маркеры (пули) списка ul в HTML, вы можете использовать CSS. Существует несколько способов сделать это. Вот основные из них: Использование свойства list-style-type Вы можете установить стиль списка на «none», чтобы убрать маркеры. Вот пример: Установка в…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Блоки внимания в тексте на CSS

В этой заметке напишем код, который позволит выводить на WordPress-сайте блоки внимания в тексте на чистом CSS. Чтобы создать такие блоки внимания, потребуется выполнить несколько шагов: Создать HTML-структуру для блоков внимания. Добавить CSS-стили для этих блоков. Вставить HTML…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Как создаётся адаптивная верстка

Адаптивная верстка – это подход к созданию веб-сайтов, который позволяет сайту корректно отображаться на различных устройствах и экранах. Сегодня этот подход является неотъемлемой частью веб-разработки, так как количество устройств и разрешений экранов постоянно растёт. Как создаётся адаптивная верстка?…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Уведомление об использовании Cookie на сайте

В этой заметке покажу, как сделать уведомление об использовании Cookie на сайте без использования плагинов. Такое предупреждение будет всплывать в виде плашки внизу сайта при его первом посещении. Зачем вообще нам эта штуковина? Дело в том, что уведомление…

пр. Мира 620000 Россия, город Екатеринбург +7999-000-00-00

Используйте CSS-дескриптор font-display

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