dr.Brain

doctor Brain

мир глазами веб-разработчика

html

Сброс формы

Как сбросить значения формы до исходного состояния

dr.Brain

время чтения 1 мин.

Photo by Alexey Ruban on Unsplash

Сброс параметров формы до исходного состояния - рутинная задача. Совсем недавно почти все формы имели кнопку “Сброс” (“Reset”). Но следует признать, что такой подход в настоящее время используется все реже и реже.

HTML: ленивая загрузка изображений

Простая реализация ленивой загрузки изображений с помощью HTML-атрибута loading

dr.Brain

время чтения 1 мин.

Photo by Peter Broomfield on Unsplash

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

Язык сайта и местоположение

не устанавливайте язык сайта, опираясь на данные о географическом положении пользователя

dr.Brain

время чтения 1 мин.

Photo by Raphael Schaller on Unsplash

Пожалуйста, не устанавливайте язык сайта, полагаясь на данные о фактическом местоположении пользователя. Такое решение практически всегда является неудачным, потому что люди перемещаются: они путешествуют или отправляются в командировки, и далеко не всегда говорят на языке той страны или того места, в котором находятся.

Чем опасен target=_blank

неочевидный вред использования значения _blank для атрибута target

dr.Brain

время чтения 2 мин.

Photo by Niklas Tidbury on Unsplash

HTML-ссылки являются инструментом объединяющим веб-страницы в сайты. Сегодня мы поговорим о том, как такой важный и замечательный инструмент может быть использован для нанесения вреда не только Вашему веб-ресурсу, но, возможно, и пользователям. К сожалению, многие веб-разработчики часто забывают об этой довольно старой и распространенной угрозе.

Адаптируем картинки для dark mode

меняем url изображения HTML-документа для dark mode

dr.Brain

время чтения 1 мин.

Photo by Federico Respini on Unsplash

Изменить CSS-свойства различных элементов при переходе в темный режим (dark mode) несложно - достаточно использовать медиа функцию prefers-color-scheme. Но, что делать, если появляется другая проблема: как при смене темы браузера на dark mode изменить изображение, объявленное непосредственно в HTML-документе, когда нет возможности воспользоваться всеми преимуществами правил CSS?

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.