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

Спецификация нативной поддержки веб-браузера для лениво загружаемых изображений в HTML Living Standard, эта новая функция позволяет веб-разработчикам указывать браузеру откладывать загрузку изображения до тех пор, пока оно не будет показано для просмотра или пока оно не будет.

Ранее в этом году я наткнулся на демо от Florin Pop, которое заставляет строку проходить либо над, либо под буквами заголовка одной строки. Я думал, что это крутая идея, но в реализации было несколько мелочей, которые я мог бы упростить и улучшить одновременно.

Элементы HTML могут иметь атрибуты, которые используются для чего угодно, от информации о доступности до стилистического контроля.

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

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

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

Ленивая загрузка изображений - это практика, которая популярна в течение десятилетия, и на то есть веская причина: изображения, как правило, загружаются чаще всего на всей веб-странице, а избегание выгрузки изображений, которые никогда не были видны, экономит трафик пользователя. Есть плагины для отложенной загрузки изображений в каждой среде JavaScript, или вы можете использовать Intersection Observer API , но это стало настолько распространенной практикой, что, вероятно, должен быть браузерный API, чтобы приспособиться к нему... и Chrome реализует именно это. Давайте посмотрим, как будет работать нативный API для отложенной загрузки!

При создании сайта вы пытаетесь решить некоторые реальные проблемы. Люди не приходят на ваш сайт, чтобы посмотреть на сайт. На сайте может быть интересный контент или важная информация, которая им нужна. Часто нужная им информация копируется в какое-то другое приложение.