В канале вы найдёте подсказки для frontend разработчиков
✓ #HTML
✓ #CSS
✓ #JavaScript
✓ #UX_UI

Предложение в ES12 "Numeric Separators" позволяет добавить разделители между числовыми знаками.

С цифровыми разделителями проще использовать большие числа.

#JavaScript

Тег привязки может использоваться по-разному.

Он позволяет открыть почтовый ящик и заполнить адрес электронной почты, позвонить на номер или даже создать текстовое сообщение на определенный номер!

#HTML

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

#CSS

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

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

#UX_UI

В CSS можно заменять большое количество строк кода с помощью сокращений!

#CSS

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

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

#UX_UI

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

Наиболее важной кнопкой является та, которая призывает к действию. Именно она должна быть более заметной.

#UX_UI

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

#JavaScript

В CSS можно воспользоваться селекторами для окрашивания различных якорей другим цветом.

#CSS

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

#HTML

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

#CSS

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

#HTML

Селектор ::first-line найдет первую строку в HTML-элементе и изменит ее стиль. Для этого не нужно использовать какую-либо магию JavaScript.

#CSS

HTML позволяет выбрать цвет input. Для этого нужно использовать input с типом "color".

#HTML

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

#CSS

Используйте селектор ::selection для изменения стиля выделенного текста. С его помощью можно изменять следующие CSS свойства:

✓ color
✓ background-color
✓ text-decoration
✓ text-shadow
✓ stroke-color
✓ fill-color 
✓ stroke-width

Придайте стиль вашему ::selection, чтобы он соответствовал дизайну вашего сайта!

#CSS

Используйте градиент текста для более интересного эффекта.

Свойство -webkit-background-clip: text; обрезает любой фон по границе текста. Используется в сочетании с css-свойством -webkit-text-fill-color: transparent;, которое обеспечивает прозрачность букв текста, за счет чего фон проглядывает через него.

#CSS

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

#JavaScript

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

Допустимо использовать угловые типы данных в качестве значений такие как: deg, rad, grad и turn.

#CSS