Спред на объектах используют в библиотеке 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

Для имени переменной можно использовать следующие символы:
✓ буквы латинского алфавита;
✓ цифры;
✓ символы $ и _.

Первый символ не должен быть цифрой. В качестве названий переменных нельзя использовать зарезервированные языком слова. 

#JavaScript

Псевдокласс :indeterminate
используется для стилизации трёх элементов: чекбоксов, радиокнопок и прогресс-баров.

Пригодится в двух случаях. Во-первых, для стилизации элементов в их исходном состоянии — при открытии формы или начале загрузки. Во-вторых, для показа пользователю незавершённости процесса выбора или загрузки.
Для чекбоксов и радиокнопок состояние indeterminate не получится присвоить напрямую в HTML, его можно задать только через JavaScript.
Прогресс-бару браузер присваивает indeterminate автоматически, если не определён атрибут value — процент загрузки.

#CSS

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

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

#HTML

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

✓ Первый способ — просто объявить функцию в коде (по-английски Function Declaration).

✓ Второй — создать функциональное выражение (Function Expression). Это похоже на первый способ, но здесь функция становится значением переменной.

#JavaScript

Для удобства пользователя, на странице лучше не использовать насыщенные цвета.

#UX_UI

Свойство clip-path задаёт видимую область изображения. Всё, что выходит за пределы указанной области скрывается. Пригодится, например, если нужно сделать наклонный участок.

#CSS

Атрибут capture указывает на запись нового файла (по кнопке выбора файла) и определяет устройство, которое используется для захвата контента. Тип контента определён атрибутом accept. Значение user означает обращённую к пользователю камеру и/или микрофон, а значение environment — фронтальную.

#HTML

Делайте текст легко просматриваемым.

#UX_UI

for...in позволяет пройти в цикле по перечисляемым свойствам объекта, в том числе по свойствам из прототипа. Перечисляемые свойства – это свойства, которые разработчик добавляет объекту. Встроенные свойства, например lenght у массива, не обходятся в цикле for...in.

Для цикла необходимо объявить название переменной и указать сам объект, свойства которого нужно обойти. В объявленной переменной будет храниться имя свойства во время итерации.

#JavaScript

Свойство column-rule-style отвечает за стиль линии между колонками в многоколоночной вёрстке.

Стиль межколоночной линии задаётся при помощи ключевых слов. Более подробно можно прочесть в описании border-style, стиль межколоночной линии задаётся так же, как и стиль рамки.

#CSS

Атрибут readonly добавляется полям формы, которые пользователь не сможет редактировать. Они будут доступны только для чтения.

#HTML

Призывы к действию должны быть четкими.

#UX_UI

Метод массива some() позволяет узнать, есть ли в массиве хотя бы один элемент, удовлетворяющий условию в функции-колбэке. Колбэк-функция будет вызываться для каждого элемента массива до тех пор, пока не вернётся true, либо пока не закончатся элементы массива. Если ни один элемент в массиве не удовлетворит условию, то результат будет false.

#JavaScript

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

#CSS

Тег nonoscript используется для показа пользователю контента, когда отключена поддержка JavaScript.

#HTML