Псевдокласс :focus-within применяется к элементам, которые либо сами находятся в фокусе, либо имеют дочерние элементы в фокусе.

#CSS

Подсказка — это компонент, который предоставляет пользователю дополнительную информацию. Целью всплывающих подсказок является предоставление пользователям некритической или дополнительной информации.

Такая подсказка объясняет пользователю функцию кнопки с иконкой. Также она может содержать сочетание клавиш функции.

#UX_UI

Тег meter используется для визуального отображения числового значения в заданном диапазоне. Браузеры, поддерживающие этот тег, отрисовывают его в виде прогресс-бара, заполненного в зависимости от значения атрибута value и раскрашенного в системные цвета.

#HTML

Функции — это объект первого класса. Это означает, что функцию можно использовать так же, как и другие типы данных: сохранять в переменную, передавать аргументом и возвращать из функции.

Технически, функция — это объект JavaScript, у которого есть внутренний метод Call(), который добавляет возможность вызова функции.

#JavaScript

Псевдоэлемент ::first-line позволяет задать стили для первой строки текста, расположенного внутри блочного элемента. Текст, попадающий под действие этого псевдоэлемента, вычисляется динамически при изменении ширины блока.

#CSS

Необходимо выделять формат ввода с помощью placeholder.

#UX_UI

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

#HTML

Спред-синтаксис (spread) ... позволяет передавать итерируемые коллекции (например, массивы или строки) как список аргументов функции или добавлять содержащиеся в них элементы в новый массив.

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

#JavaScript

Псевдоэлемент ::first-leter позволяет задать стили для первой буквы первой строки блочного элемента, если перед текстом нет другого содержимого.

#CSS

Существует категория HTML-атрибутов, которые можно применить к любому или почти любому HTML-тегу.

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

#HTML

Псевдоэлемент ::selection позволяет применить стили к пользовательскому выделению (например, к выделенному с помощью мыши тексту) и изменить его вид. Это полезно, если необходимо оформить выделение текста в соответствии с конкретным дизайном.

#CSS

Для улучшения пользовательского интерфейса, используйте регистр заголовка вместо верхнего регистра.

#UX_UI

Тернарный оператор работает с тремя операндами: одним условием и двумя выражениями. Возвращает первое выражение, если условие истинно и второе, если условие ложно.

Используется как компактная замена условного оператора if...else.

#JavaScript

Тег dialog создаёт всплывающее окно или диалог. По умолчанию не показывается на странице.

Может открываться в двух режимах:
всплывающее окно — не блокирует взаимодействие со страницей;
модальное окно — откроется поверх страницы, имеет фоновое затемнение, остальной контент не доступен для взаимодействия.

#HTML

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

#CSS

Спред на объектах используют в библиотеке React. Программист может передать в функцию объект с произвольными свойствами, но мы хотим запретить устанавливать некоторые из них. В этом случае создаётся новый объект, в который сначала копируются присланные значения, а потом значения «запрещённых» свойств. В этом случае даже если запрещённое свойство было передано, оно будет перезаписано.

#JavaScript

Не используйте модальные окна для рейтинга в отзывах. Это усложняет их функционал.

#UX_UI

С помощью атрибута aria-labelledby можно добавить подпись к элементу. Это свойство связи для одного или нескольких элементов c видимым именем (подписью) для другого.

#HTML

В новом коде используйте только let или const. Используйте let в тех случаях, когда значение переменной меняется. Во всех остальных используйте const. Проще всего всегда по умолчанию использовать ключевое слово const и исправлять объявление переменной на let, если появляется нужда изменить её значение далее в коде.

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

#JavaScript

Свойство text-decoration-line создаёт декоративные линии в тексте. Заодно их можно разукрасить при помощи свойства text-decoration-color и стилизовать с помощью text-decoration-style.

#CSS

Как сделать элемент тултипом? Тултипом называют небольшую подсказку к элементу, которая появляется при наведении курсора, фокусе с клавиатуры и тапе на мобильном устройстве.

#HTML