Блог
Заметки, статьи, инструкции
Страница 1
Анимация псевдоэлемента при помощи JavaScript-библиотеки Anime.js
14 марта 2025 г.
Каждый, кто хоть раз пытался применить анимацию к псевдоэлементу при помощи JavaScript, сталкивался с этой проблемой. Вот что об этом говорится в документации одной из популярных JavaScript-библиотек для анимации – «Pseudo elements can’t be targeted using JavaScript». Можно было бы на этом поставить точку и пройти мимо, но мы же не привыкли так быстро отступать...
Развёртывание сайта на хостинге в один клик
6 июля 2024 г.
Такие хостинговые площадки, как Vercel, Netlify и т.п., предлагают готовые CLI-решения для Node.js, позволяющие автоматизировать развёртывание сайта из командной строки. Но что делать, если сайт размещён на обычном (бюджетном) виртуальном хостинге? Ведь не очень удобно для каждой новой сборки сайта открывать FTP-клиент и загружать сайт на хостинг практически вручную...
Скроллинг «липкого» элемента, превышающего высоту экрана, с помощью Svelte
9 июня 2024 г.
Если высота "липкого" элемента больше высоты экрана, то нижняя его часть будет скрыта пока пользователь не прокрутит страницу до конца родительского элемента. При этом, высота родительского элемента может быть достаточно большой, например, если "липкая" боковая панель находится рядом с длинным текстом или списком товаров. В таком случае, чтобы добраться до нижней части "липкого" элемента, превышающего высоту экрана, придётся пролистать вниз всю страницу...
Подключение сервиса обработки форм FormBold с помощью фреймворка Alpine.js
22 января 2024 г.
В настоящее время есть множество сервисов обработки форм, предлагающих, в том числе, бесплатный тариф с ограниченным функционалом. Сервис FormBold выделяется, среди конкурентов, довольно щедрым бесплатным тарифом – 5 форм, 100 сообщений в месяц, 2 целевых Email-адреса, на которые будут направляться сообщения из форм...
Подключение счётчика Яндекс Метрики к проекту Next.js
25 ноября 2023 г.
Пример правильного подключения счётчика Яндекс Метрики к проекту Next.js (App Router). Решение основано на официальной документации Яндекс...