API производительности браузера предоставляет способ генерировать точные показатели производительности.

Метод now возвращает метку времени высокой точности, которая равна только времени с момента создания страницы.

#JavaScript

В HTML есть элемент optgroup, который можно использовать внутри select для группировки одного или нескольких параметров внутри элемента выбора.

#HTML

В CSS свойство box-shadow позволяет создавать прямоугольную тень независимо от того, есть ли на изображении тень или нет.

Фильтр drop-shadow позволяет добавить тень в соответствии с изображением.

#CSS

Тег sup отображает текст в виде верхнего индекса, а тег sub в виде нижнего индекса. Эти теги чаще используются для выделения отдельных символов, а не слов.

#HTML

Различные свойства в CSS позволяют создавать фигуры и рисунки. В этом случае создана форма кнопки воспроизведения.

#CSS

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

#UX_UI

Вместо использования свойств min / max-width можно использовать функции min() и max() для достижения того же эффекта, сохраняя краткость.

#CSS

Функция conic-gradient() используется в CSS для задания фона в виде конического градиента.

С помощью этой функции также можно создать фон в виде шахматной доски.

#CSS

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

#UX_UI

В CSS есть функция repeating-linear-gradient(), которая позволяет создавать фон в виде полос из повторяющегося линейного градиента.

#CSS

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

Если переопределить color, то ко всем свойствам применится последний указанный цвет.

#CSS

Тег mark выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют mark жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

#HTML

В HTML атрибут aria-describedby позволяет добавить краткое описание к элементу. Описание из этого атрибута визуально видно на странице и доступно для всех пользователей.

#HTML

Свойство inset заменяет собой сразу четыре свойства - top, right, left и bottom. Оно позволяет указать смещение позиционированного элемента сразу со всех четырёх сторон.

#CSS

В JavaScript метод freeze() замораживает объект.

Он предотвращает:
- добавление новых свойств к объекту;
- удаление старых свойств из объекта;
- изменение существующих свойств или значения их атрибутов.

#JavaScript

CSS позволяет накладывать поверх картинок или фонов различные фильтры. Функции используются в качестве значений для свойств filter и backdrop-filter.

Функция blur() примеряет размытие Гаусса к изображению. Значение в скобках указывает, сколько пикселей сливаются друг с другом. Чем больше значение, тем больше размытие.

Можно указать положительное значение в любых единицах измерения, кроме процентов.

#CSS

Тег samp используется для оформления вывода данных, которые показываются пользователю в результате выполнения программы.

Содержимое этого элемента воспринимается устройствами как простой текст.

#HTML

Функция hue-rotate() меняет цвета изображения за счёт поворота цветового круга. Угол поворота указывается в скобках функции.

Можно указывать угол в градусах deg или в поворотах turn.

#CSS

Метод reverse() меняет порядок элементов в массиве на обратный.

#JavaScript

В HTML с помощью тега link можно быстро и просто добавить фавиконку на вкладке, прописав в атрибуте href путь к изображению.

#HTML

В дизайне необходимо использовать простые шрифты. Текст должен быть разборчивым.

Шрифт не должен являться основным фокусом пользователя.

#UX_UI