Совет по Javascript 💡 Вы можете не знать об этом сокращенном синтаксисе для объявления метода в object literal 👉 @frontend_1

Вы можете использовать CSS-анимацию с прокруткой, например, IntersectionObserver от JavaScript 🤙 img { animation: reveal; animation-timeline: view(); animation-range: entry 0% entry 150%; } @​keyfra…

Обзор методов JavaScript DOM 👨‍💻 👉 @frontend_1

Загрузка файла с помощью server action в Next.js 👉 @frontend_1

Трюк по CSS ⭐ Вы можете создать этот сверкающий фон с помощью одного элемента, используя mask-composite, при этом анимируя mask-position. .canvas { background: var(--gradient); mask: var(--dots…

Узнайте о позиционировании CSS с помощью следующей шпаргалки 🚀 👉 @frontend_1

Совет по HTML 💡 Легко создайте красивый индикатор выполнения, используя элемент <progress> 👉 @frontend_1

Совет по использованию инструментов Chrome Dev Tools 💡 Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих собы…

Визуализация методов массивов JavaScript 🚀 👉 @frontend_1

CSS трюк для раскрытия текста при прокрутке? ✨ Объедините position: sticky с анимацией прокрутки. Разделите текст на слова. Используйте значение «Pixel per character» для расчета начальной и конечно…