Свойство 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

Одним из главных элементов на странице является аватар, поэтому его необходимо выделять - ставить на передний план.

#UX_UI

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

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

#CSS

Тег cite в HTML используется для указания источников цитат, названий художественных произведений или объектов искусства.

#HTML

Метод массива forEach() позволяет применить колбэк-функцию ко всем элементам массива. Можно использовать вместо классического цикла for. В отличие от него forEach() выглядит более читабельным и понятным.

#JavaScript

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

Чтобы достичь правильной иерархии, можно воспользоваться этими советами:
1. Настроить выравнивание по левому краю – это повысит читабельность.
2. Использовать контрастный шрифт и цвет для заголовка.
3. Убавить контраст у второстепенного текста.

#UX_UI

Атрибут pattern говорит браузеру, каким должно быть значение полей формы.

Его можно применить только к тегам input и только со следующими значениями атрибута type:
✓ text;
✓ tel;
✓ email;
✓ url;
✓ password;
✓ search.

#HTML

Метод includes() проверяет, есть ли элемент в массиве или подстрока в строке.

#JavaScript