dr.Brain

doctor Brain

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

frontend

Адаптируем картинки для 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?

Сокращаем код

некоторые приемы для сокращения кода в JavaScript

dr.Brain

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

Photo by Markus Spiske on Unsplash

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

spread vs rest

чем отличаются операторы spread и rest в JavaScript

dr.Brain

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

Photo by Janice Gill on Unsplash

Итак, после представления в спецификации ES6, оператор ... (dot, dot, dot) занял свое место и часто используется JavaScript-разработчиками для управления массивами и другими итерируемыми сущностями.

Плавающий label

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

dr.Brain

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

Photo by Kiril Aglichev on Unsplash

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

Как добавить контент

почему полезен метод insertAdjacentHTML

dr.Brain

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

Photo by Jordane Mathieu on Unsplash

В этой небольшой статье мы поговорим об очень полезном JavaScript-методе, который можно применить к любому элементу для того, чтобы добавить новый HTML-контент. Это insertAdjacentHTML - стандартный метод интерфейса Element, который анализирует HTML-документ и вставляет полученные узлы в нужную позицию.

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

Далее

Категории

О нас

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