Вместо использования свойств 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

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

Для вывода сложных комбинаций клавиш, каждая отдельная клавиша оборачивается в свой тег kbd. При желании, всю комбинацию можно обернуть в ещё один kbd для группировки.

#HTML

Функция brightness() меняет яркость изображения. В скобках можно указать любое значение от 0% и выше.

Значение 0% сделает изображение полностью чёрным. Значение 100% вернёт изображению исходную яркость. Значением может быть целое или дробное число без единиц измерения.

#CSS

Для объединения двух или более строк, можно воспользоваться методом concat().

#JavaScript

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

Оно принимает следующие значения:
✓ none - значение по умолчанию, стили анимации не применяются до и после проигрывания анимации.
✓ forwards - после окончания анимации элемент сохранит стили последнего ключевого кадра.
✓ backwards - после окончания анимации к элементу будут применены стили первого ключевого кадра.
✓ both - до начала анимации к элементу применяется первый ключевой кадр, а после окончания анимации элемент останется в состоянии последнего ключевого кадра.

#CSS

Элемент figure используется для вёрстки иллюстраций, изображений или другого автономного содержимого, которое может иметь поясняющую подпись в виде тега figcaption.

#HTML

Метод replace() используется для замены части строки другой строкой. Этот метод чувствителен к регистру.

#JavaScript