Тег 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

Функция grayscale() дает возможность сделать картинку черно-белой.

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

#CSS

При работе с иконками в быстром меню необходимо помнить: пользователь довольно индивидуальная личность с огромным багажем опыта и может интерпретировать иконки опираясь на него.

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

#UX_UI

Тег fieldset группирует элементы формы в блок с характерным выделением границ.

Опционально с помощью тега legend внутри fieldset можно задать заголовок для создаваемой группы (он может быть только один и обязательно должен идти первым вложенным элементом).

#HTML