Когда нужно сделать плавное изменение какого-то CSS-свойства, то браузеру нужно понимать, какое время займёт этот переход. Это время указывается в свойстве transition-duration.

#CSS

Используйте меньше цветов. Можно начать с разработки монохромных каркасов и применять цвет только тогда, когда это необходимо.

#UX_UI

Тег picture используется, когда для разных вариантов отображения нужны разные картинки. Внутри тега обязательно должен находиться тег img, и опционально теги source.

Браузер анализирует каждый тег source по порядку, останавливается на первом подходящем под текущие условия и отображает картинку из атрибута src. Другие теги source не анализируются. Если тег picture не поддерживается браузером или ни один из тегов source не подходит под условия, то отображается картинка из тега img.

#HTML

Функция Array.from() создаёт новый массив на основе переданного объекта. Объект должен быть либо массивоподобным (как строка или объект arguments), либо итерируемым (как Set или Map).

Функция Array.from() принимает три аргумента, последние два из которых не обязательны:
✓ Объект, на основе которого создаётся массив.
✓ Функция преобразования элемента перед его добавлением в массив. Работает как метод map().
✓ Значение, которое будет использоваться как this в функции из второго параметра.

Возвращает новый массив, составленный из элементов переданного объекта.

#JavaScript

Функция skew() свойства transform трансформирует элемент, наклоняя его в 2D-пространстве.

#CSS

Кнопка с вводящими в заблуждение надписями может стать огромным источником разочарования для пользователей. Необходимо четко обозначать, что делает каждая кнопка.

#UX_UI

Тег bdo переопределяет направление текста внутри — он отображается в другом направлении. Используется обычно для языков, где текст читается справа налево.

#HTML

Глобальная функция parseInt() принимает аргументом строку и основание системы счисления в диапазоне от 2 до 36.

Возвращает число, полученное из разобранной строки или NaN, если основание не в указанном диапазоне, либо первый символ не удалось преобразовать в число.

#JavaScript

Функция linear-gradient используется для задания фона в виде линейного градиента.

#CSS

Используйте "(Optional)" вместо " * ".

#UX_UI

Тег bdi используется, когда нужно изолировать часть текста от влияния направления текста родителя. Это полезно, когда в тексте встречается несколько языков с разным направлением чтения.

В данном примере используется тег bdo с атрибутом dir="rtl", поэтому текст в нём будет идти справа налево. Но фраза «Обычный текст» изолирована, и текст идёт слева направо.

#HTML

Глобальная функция parseFloat() принимает аргументом строку.

Возвращает число, полученное из разобранной строки или NaN, если первый символ не удалось преобразовать в число.

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

#JavaScript

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

#CSS

Необходимо различать заполняемые поля, метки и пользовательские вводимые данные.

#UX_UI

Тег ins используется для отображения добавленного контента. Например, нового пункта в списке дел или новой части кода.

#HTML

Статический метод Number.isNaN() проверяет переданное аргументом значение и возвращает true, если это значение NaN.

#JavaScript

Псевдокласс :required, дополняющий основной селектор, поможет выбрать элементы input, textarea или select, у которых задан атрибут required.

#CSS

Тег dfn используется для вывода терминов или расшифровки сокращений.

#HTML

Радиокнопки предназначены для выбора одного значения из предложенных, а чекбоксы позволяют "включать" и "выключать" значения.

#UX_UI

Кроме примитивных типов в JavaScript существуют и сложные — например, объект.

Объект (object) — это набор свойств. Каждое свойство состоит из названия и значения. Название может быть строкой или символом, а значение может быть любым.

Объекты в JavaScript используются повсюду, особенно для хранения данных. Для уверенной работы с объектами необходимо знать, как создавать объект, как его изменять и как читать значения свойств.

#JavaScript

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

#CSS