WE @webdev_plus
Showing posts older than #830 · Back to latest
npm install basecoat-css
npm install gridstack
.com → коммерция, самое популярное и надёжное
.net → сети и тех-бизнес
.edu → образовательные учреждения
.org → некоммерческие организации
.mil → сайты армии
.gov → госструктуры
.info → информационные порталы
.arpa → интернет-инфраструктура
.int → международные организации
.mobi → сайты для мобилок
.travel → туризм и путешествия
.jobs → работа и карьера
.ca → Канада
.coop → кооперативы и объединения
/* Функции в CSS */
/* Возвращает полупрозрачный цвет */
@function --opacity(--color, --opacity) {
result: rgb(from var(--color) r g b / var(--opacity));
}
/* Используем нашу функцию --opacity */
div {
background: --opacity(blue, 80%);
}
/* Также можно использовать с кастомными свойствами */
.article {
border-color: --opacity(
var(--color-primary),
var(--semi-transparent)
);
}
custom propertiesiframeiframe {
width: 100%;
aspect-ratio: 16 / 9;
}iframe не меняется при изменении ширины, и видео обрезается или остаются пустые полосыaspect-ratio работает во всех современных браузерах и упрощает верстку адаптивных видео, картинок, карт и любых встраиваемых блоков.zod — валидация схем
day.js — работа с датами
tanstack-table — создание таблиц
auth.js — аутентификация пользователей
motion — анимации на JavaScript
fontsource — загрузка веб-шрифтов
chart.js — доступные HTML5-графики
zustand — глобальное управление состоянием
formkit-drag-and-drop — drag-and-drop
hotkeys-js — горячие клавиши
npm install echarts