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

#CSS

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

#HTML

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

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

#JavaScript

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

#CSS

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

#HTML

Метод replace() используется для замены части строки другой строкой. Этот метод чувствителен к регистру.

#JavaScript

В примере слева, когда отображаются сообщения об ошибках, расстояние между блоками делает все поля смешанными в один большой столбец.

Добавьте больше места для разделения полей и создайте более точную компоновку!

#UX_UI

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

#CSS

Тег optgroup позволяет группировать опции внутри элемента select. Внутри тега optgroup стандартно используется один или несколько тегов option. Нельзя вкладывать один optgroup в другой.

Возможные атрибуты:
✓ disabled — находящиеся внутри группы опции станут недоступны для выбора.
✓ label — обязательный атрибут. Имя группы будет отображено в выпадающем списке. Теоретически мы можем оставить атрибут пустым или не использовать его вообще, но в таком случае над списком будет пустое пространство.

#HTML

API производительности браузера предоставляет способ генерировать точные показатели производительности. 

Метод now() возвращает метку времени высокой точности, которая равна только времени с момента создания страницы.

#JavaScript

Псевдоклассы -of-type позволяют выбирать из группы элементы одного уровня вложенности на основании их порядка:
✓ :first-of-type  — первый;
✓ :nth-of-type(n- число) — каждый n-й элемент;
✓ :last-of-type — последний;
✓ :nth-last-of-type(n- число) — каждый n-й элемент с отсчётом «с конца».

#CSS

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

#UX_UI

В CSS можно легко стилизовать псевдоэлементы в поле ввода.

#CSS

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

#JavaScript

HTML позволяет создать поле выбора даты. Для этого достаточно использовать input с типом "date".

#HTML

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

Чтобы достичь правильной иерархии, можно воспользоваться этими советами:
1. Настроить выравнивание по левому краю – это повысит читабельность.
2. Использовать контрастный шрифт и цвет для заголовка.
3. Убавить контраст у второстепенного текста.

#UX_UI

JavaScript имеет много различных методов. Вот упрощенная версия пяти наиболее распространенных методов, которые часто используются!

#JavaScript

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

#HTML

CSS позволяет стилизовать input. Все, что нужно сделать, это добавить атрибут required и затем стилизовать input с псевдо-селектором ::required.

#CSS

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

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

#UX_UI

Метод has() проверяет, содержится ли значение в коллекции Set. Если значение есть в коллекции, метод вернёт true, в противном случае — false.

Метод принимает один аргумент — значение, которое нужно проверить.
Возвращает булево значение:
✓ true если коллекция содержит искомое значение;
✓ false если значения в коллекции нет.

#JavaScript