Недавно я сделал анимированную границу. Вначале границы вообще нет, затем вы видите, как она прорисовывается с одного угла. Конечно, нет простого способа анимировать всю границу.

Звучит сложно, код немного сложный, но это не так уж и сложно, если понять, как он это делает.

Серый. Кто его не любит? Когда речь идет о создании сайтов, удобно иметь в своем распоряжении несколько оттенков серого, независимо от цветовой палитры. Мы используем их для создания границ и тонких разделителей, теней, а также для обозначения изменений состояния, не перегружая пользователя цветом. Некоторые дизайнеры считают, что для передачи тонкостей на сайте необходимо использовать несколько оттенков серого. Однажды я работал над проектом, в котором было буквально 50 оттенков серого.

Слишком часто я был свидетелем того, как музыкант-импровизатор с потными руками пытался масштабировать PDF-файл формата А4 на крошечном экране мобильного телефона в разгар концерта. Нам нужен плавный и отзывчивый рендеринг музыки для Интернета!

Нотная запись должна быть такой же доступной и гибкой, как и текст в Интернете; то, что это еще не так, является чем-то вроде оскорбления для моих чувств. Давайте решим эту насущную проблему.

Вы когда-нибудь задумывались о создании куба изображений?🤭 Да, я не задумывался, пока однажды, просматривая веб-сайт, не наткнулся на это объявление:

В настоящее время привлечение внимания людей очень важно для веб-сайтов, и один из замечательных способов добиться этого — использовать фоновое видео позади некоторого контента на вашем сайте. Но сделать так, чтобы эти видео выглядели идеально на экране любого размера, может быть непросто.

К счастью, с помощью некоторых хитростей HTML и CSS вы можете создать видеофон, который отлично работает независимо от того, насколько велик или мал экран.

В этой статье я шаг за шагом объясню, как создать этот суперкрутой фоновый эффект для видео. Так оставайся со мной!

Создание 3D-эффектов в CSS — это не совсем новая концепция, но для ее реализации обычно используются дополнительные элементы в разметке и псевдоэлементы в стилях. Что делать, если у вас нет такой роскоши, как возможность изменять HTML в вашем проекте? В нашем посте вы решаете поставленную задачу, применяя 3D-эффекты и скользящие переходы к одному изображению, используя хитроумные методы CSS, которые демонстрируют передовые, современные методы стилизации.

Приложение People Counter - это веб-приложение, созданное с использованием HTML, CSS и JavaScript и предназначенное для подсчета количества людей, входящих в определенную зону, например в магазин или место проведения мероприятия. Ознакомившись с руководством по проекту приложения People Counter до конца, вы улучшите свои навыки в разработке интерфейсов.

Закругленные углы в HTML помогают смягчить общий дизайн веб-сайта, делая его более привлекательным и удобным для пользователя. В этой статье мы рассмотрим закругленные углы, созданные с помощью CSS. 

Давайте начнем с более подробного рассмотрения того, что именно представляет собой эффект отражения. Базовый эффект отражения текста можно создать с помощью CSS следующим образом:

В JavaScript вы не сможете сделать какой-нибудь селектор запросов, например:

document.querySelector("div::after");

Но с помощью переменных CSS вы можете изменять стили этих селекторов с помощью JavaScript!