Блог

Заметки, статьи, инструкции
Страница 1

Развёртывание сайта на хостинге в один клик

Деплой сайта на хостинг через SFTP
Такие хостинговые площадки, как Vercel, Netlify и т.п., предлагают готовые CLI-решения для Node.js, позволяющие автоматизировать развёртывание сайта из командной строки. Но что делать, если сайт размещён на обычном (бюджетном) виртуальном хостинге? Ведь не очень удобно для каждой новой сборки сайта открывать FTP-клиент и загружать сайт на хостинг практически вручную...

Скроллинг «липкого» элемента, превышающего высоту экрана, с помощью Svelte

Липкий элемент с возможностью скроллинга
Если высота "липкого" элемента больше высоты экрана, то нижняя его часть будет скрыта пока пользователь не прокрутит страницу до конца родительского элемента. При этом, высота родительского элемента может быть достаточно большой, например, если "липкая" боковая панель находится рядом с длинным текстом или списком товаров. В таком случае, чтобы добраться до нижней части "липкого" элемента, превышающего высоту экрана, придётся пролистать вниз всю страницу...

Подключение сервиса обработки форм FormBold с помощью фреймворка Alpine.js

Подключение FormBold с помощью Alpine.js
В настоящее время есть множество сервисов обработки форм, предлагающих, в том числе, бесплатный тариф с ограниченным функционалом. Сервис FormBold выделяется, среди конкурентов, довольно щедрым бесплатным тарифом – 5 форм, 100 сообщений в месяц, 2 целевых Email-адреса, на которые будут направляться сообщения из форм...

Подключение счётчика Яндекс Метрики к проекту Next.js

Яндекс Метрика для Next.js
Пример правильного подключения счётчика Яндекс Метрики к проекту Next.js (App Router). Решение основано на официальной документации Яндекс...

Создание адаптивных изображений в Astro 3

Адаптивные изображения в Astro 3
В Astro до версии 3 можно было подключить официальный плагин, который позволял создавать адаптивные изображения «из коробки». Но, начиная с версии Astro 3, этот плагин считается устаревшим, а интеграция с ним невозможна. Компоненты и функции для работы с изображениями теперь включены непосредственно в ядро Astro, но создание адаптивных изображений пока не поддерживается...
1
AG & Dev © 2020 Moscow