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

#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

Универсальный селектор * соответствует абсолютно любому тегу, но не включает псевдоэлементы. Он очень удобен, если какие-то свойства нужно применить ко всем элементам на сайте.

#CSS

Используя инструкцию for или while можно зациклить какое-то действие.

#JavaScript

Функция-псевдокласс :is() принимает один или несколько селекторов в качестве аргумента. Браузер при чтении применяет стили к любому из селекторов-аргументов.

Применяем стили по наведению курсора на абзацы, вложенные в header, main или footer.

#CSS

Элемент time служит для разметки дат, времени или периода времени: в содержимое тега идёт формат для человека, а в атрибут datetime версия для машин — поисковому роботу точно понравится 🙂

#HTML

Метод flatMap() позволяет сформировать массив, применяя функцию к каждому элементу, затем уменьшает вложенность, делая этот массив плоским, и возвращает его.

Был добавлен в стандарте ES2019.

#JavaScript

Директива @supports позволяет проверить, поддерживает ли браузер свойство, правило или CSS-селектор. Если условие срабатывает, то будет выполнен CSS-код, написанный внутри фигурных скобок. Такие проверки называют feature queries.

#CSS

Тег canvas добавляет растровый холст на страницу. Этот холст можно использовать для отрисовки 2D- или 3D-графики, анимаций, видео.

#HTML

Метод массива .every() позволяет узнать, удовлетворяют ли все элементы в массиве условию в функции-колбэке. Результатом вызова метода .every() будет boolean-значение true или false. Если хотя бы один элемент не будет удовлетворять условию, то результат будет false.

#JavaScript

Функция translate() свойства transform позволяет трансформировать элемент, не затрагивая остальные элементы страницы.

#CSS

Тег link позволяет загружать на страницу содержимое из внешнего файла.

#HTML

Этот метод определён у массивов и строк.
Для массивов: проверяет, есть ли искомый элемент в массиве.
Для строк: проверяет, есть ли искомая подстрока в строке.

Возвращает true, если искомый элемент нашёлся и false — если нет 😎

#JavaScript

При помощи свойства animation-iteration-count можно указать, сколько раз будет проигрываться CSS-анимация. В качестве значения указывается число, означающее количество повторений, или ключевое слово infinite. Если указано infinite, то анимация будет повторяться бесконечно. Это значение встречается чаще всего!

#CSS

Обычно браузеры загружают noscript синхронно, во время разбора документа. Поэтому принято добавлять скрипты в конец документа, перед body, чтобы они не тормозили загрузку страницы. Но при помощи атрибутов defer и async можно явно управлять порядком загрузки и выполнения скриптов.

#HTML