dr.Brain

doctor Brain

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

html

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

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

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?

Плавающий label

создаем плавающий label для поля ввода с помощью CSS и HTML

dr.Brain

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

Photo by Kiril Aglichev on Unsplash

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

SVG favicon

Вы все еще не используете svg для favicon? Самое время исправить эту ошибку

dr.Brain

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

Photo by Andrian Valeanu on Unsplash

В настоящее время просто необходимо использовать svg для favicon. Этот формат поддерживается всеми современными браузерами.

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

Далее

Категории

О нас

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