Тёмный режим на уровне ОС
:52До сих пор мы использовали кнопку для переключения между светлым и тёмным режимами, но можем просто позволить операционной системе пользователя сделать это за нас. Например, многие операционные системы позволяют пользователям выбирать между светлой и тёмной темами прямо в…
Читать далее »
Переключение темы Темный и Светлой
Типичный сценарий: у сайта уже есть светлая тема и вы хотите создать её тёмный аналог. Или, даже если вы начинаете с нуля, у вас уже есть обе темы: светлая и тёмная. Одна тема должна быть определена как тема…
Читать далее »
Как сделать кастомный скролл, который появляется только при наведении
В современных интерфейсах часто хочется, чтобы полосы прокрутки не отвлекали пользователя от контента. При этом полностью скрывать скролл — не всегда хорошая идея: пользователь может не понять, что блок можно прокручивать. Оптимальное решение — делать скролл невидимым, но…
Читать далее »
CSS Filter Generator от Bennett Feely — простой способ перекрасить изображения без Photoshop
Когда тебе нужно перекрасить иконку в определённый цвет, но у тебя только чёрно-белое PNG или SVG изображение — CSS-фильтры приходят на помощь. Но подбирать вручную нужную комбинацию filter: brightness(), sepia(), hue-rotate() и других — это как гадать по…
Читать далее »
Искусство CSS: Элегантное ограничение текста с помощью -webkit-line-clamp
В мире веб-разработки часто возникает необходимость красиво ограничить количество отображаемого текста, особенно в новостных блоках, карточках товаров или списках статей. CSS предлагает элегантное решение этой задачи с помощью свойства -webkit-line-clamp. Давайте разберёмся, как работает этот мощный инструмент. Магия многоточия…
Читать далее »
Как узнать ID чата в Telegram через API
Если у вас есть бот в Telegram и вы хотите узнать ID чата канала, который подключен к вашему боту, вы можете сделать это с помощью API Telegram. Вот пошаговая инструкция: Шаг 1: Получите токен вашего бота Сохраните этот…
Читать далее »
Как скачать видео с YouTube на любое устройство в 2025 году
За последний год количество способов скачивания роликов с YouTube сильно уменьшилось. Популярных когда-то расширений и специальных загрузчиков в списке рабочих вариантов уже нет — что-то блокирует сама Google, а что-то перестаёт действовать из-за изменившихся механизмов работы сервиса или…
Читать далее »
Villa Agency
Villa Agency — это профессиональный HTML-шаблон CSS с адаптивной платформой Bootstrap v5.3.0. Есть страница со списком недвижимости и страница с описанием недвижимости. В списке недвижимости различные объекты недвижимости классифицируются по квартирам, виллам и пентхаусам. Страница контактов включает простую…
Читать далее »
Topic Listing Template
Список тем включает в себя 4 HTML-страницы для дома, списка, подробностей и контактов. На домашней странице есть множество разделов, таких как панель поиска, вкладки контента, временная шкала, аккордеон и т. д. В этом макете использованы цветовые градиенты бирюзового…
Читать далее »