Вайб-кодинг – Telegram
Вайб-кодинг
26K subscribers
1.51K photos
518 videos
30 files
708 links
Авторский канал по ВАЙБ КОДИНГУ

Ссылка для друзей: https://news.1rj.ru/str/+ll3pbl442dNkZmYy

Связь: @devmangx
По контенту: @codingpepe

РКН: https://clck.ru/3RRVfk
Download Telegram
В 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
Способ сокращения записи кода для определения линии оформления текста, стиля и цвета.

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

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

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

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

#UX_UI
Возвращает итератор для обхода значений коллекции Set в порядке добавления значений в коллекцию.

Метод values() вызывается без аргументов. Вызов метода возвращает итератор, который содержит значения коллекции в порядке их добавления от старых к новым.

✓ Итератор можно обойти с помощью for...of
✓ Итератор можно превратить в массив с помощью спред-синтаксиса

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

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

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

#CSS
Тег small используется для вывода текста мелким шрифтом. Обычно его используют для пояснений или небольших комментариев.

По умолчанию браузеры задают размеру текста в теге small значение smaller.

#HTML
Возвращает итератор, который обходит массив пар [значение, значение] коллекции Set в порядке добавления этих значений в коллекцию.

Обычно метод entries() возвращает итератор с парой [ключ, значение] коллекции, но так как коллекции Set не имеют ключей, то для поддержки универсального интерфейса итератор возвращает пару из одного и того же значения.

Метод используется редко.

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

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

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

#CSS
Тег s обозначает содержимое, которое уже не корректно или потеряло актуальность.

Тег s стоит использовать только для незначительных правок, таких как обновление цены. Для обозначения значимых правок в тексте, которые важно зафиксировать, используются теги del и ins.

#HTML
Для записи в ячейку массива используйте комбинацию чтения и оператора присваивания.

#JavaScript
Для улучшения пользовательского интерфейса нужно добавить цветовое различие, чтобы выделить важные классификации.

#UX_UI