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

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

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

РКН: https://clck.ru/3RRVfk
Download Telegram
Знаете ли вы, что ULR (Uniform Resource Locator) имеет свою собственную схему?

Части URL:
✓ Протокол
✓ Домен
✓ Путь
✓ Строка запроса
✓ Фрагмент

#OTHER
CSS позволяет центрировать элементы на странице без необходимости использовать абсолютные позиции.

Для этого необходимо использовать только 3 свойства CSS-сетки:
display: grid;
place-items: center;
grid-area: 1 / 1;

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

#JavaScript
Свойство калибровки бокса в CSS используется для определения размера набивки и границ, когда задана ширина и высота элементов.

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

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

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

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

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

#HTML
В CSS свойство box-shadow позволяет создавать прямоугольную тень независимо от того, есть ли на изображении тень или нет.

Фильтр drop-shadow позволяет добавить тень в соответствии с изображением.

#CSS
Тег sup отображает текст в виде верхнего индекса, а тег sub в виде нижнего индекса. Эти теги чаще используются для выделения отдельных символов, а не слов.

#HTML
Различные свойства в CSS позволяют создавать фигуры и рисунки. В этом случае создана форма кнопки воспроизведения.

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

#UX_UI
Вместо использования свойств min / max-width можно использовать функции min() и max() для достижения того же эффекта, сохраняя краткость.

#CSS
Функция conic-gradient() используется в CSS для задания фона в виде конического градиента.

С помощью этой функции также можно создать фон в виде шахматной доски.

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

#UX_UI
В CSS есть функция repeating-linear-gradient(), которая позволяет создавать фон в виде полос из повторяющегося линейного градиента.

#CSS
Ключевое слово currentColor можно использовать в качестве значения для CSS-свойства, принимающего цвет. currentColor - удобный способ унаследовать цвет текста родительского элемента.

Если переопределить color, то ко всем свойствам применится последний указанный цвет.

#CSS
Тег mark выделяет или подсвечивает важный фрагмент текста. По умолчанию браузеры добавляют mark жёлтый фоновый цвет #ffff00 (yellow), похожий на выделение канцелярским маркером.

#HTML
В HTML атрибут aria-describedby позволяет добавить краткое описание к элементу. Описание из этого атрибута визуально видно на странице и доступно для всех пользователей.

#HTML
Свойство inset заменяет собой сразу четыре свойства - top, right, left и bottom. Оно позволяет указать смещение позиционированного элемента сразу со всех четырёх сторон.

#CSS
В JavaScript метод freeze() замораживает объект.

Он предотвращает:
- добавление новых свойств к объекту;
- удаление старых свойств из объекта;
- изменение существующих свойств или значения их атрибутов.

#JavaScript
CSS позволяет накладывать поверх картинок или фонов различные фильтры. Функции используются в качестве значений для свойств filter и backdrop-filter.

Функция blur() примеряет размытие Гаусса к изображению. Значение в скобках указывает, сколько пикселей сливаются друг с другом. Чем больше значение, тем больше размытие.

Можно указать положительное значение в любых единицах измерения, кроме процентов.

#CSS