Каждый, кто работает с сайтами, графикой, текстом или маркетингом, знает это раздражающее чувство: тебе нужно срочно перевести картинку из PNG в WebP, склеить два PDF-файла или быстро обрезать видео. Ты открываешь первый попавшийся сервис из поисковика и начинается: — «Вы исчерпали бесплатный лимит — 3 файла в сутки» — «Размер файла превышает 5 МБ, купите PRO-аккаунт за $9.99» — «Чтобы скачать файл, зарегистрируйтесь через почту» — Тонны мигающих баннеров, всплывающих окон и подозрительная отправка твоих конфиденциальных документов на чужой удалённый сервер...
СтильДа
Анимированный градиентный текст в Zero Block
Эффектное решение для Zero Block: текстовый элемент приобретает плавную переливающуюся градиентную заливку. Работает на чистом CSS без использования JavaScript, не нагружает страницу и легко кастомизируется под фирменные цвета бренда с помощью CSS-переменных. Полностью код, пошаговая инструкция и пример...
Автообновление года в копирайте: готовое решение для Tilda
По умолчанию владельцы сайтов забывают менять год в нижней строке (футере). Это создает впечатление заброшенного ресурса, снижает доверие посетителей и поисковых систем. Скрипт размещается один раз в блоке T123 («HTML-код») внутри подвалов всех страниц сайта или через общие настройки Site Settings → More → Head. После этого он будет работать автоматически на всем проекте.Пользовательский опыт: Актуальный диапазон лет показывает, что проект живет, поддерживается и обновляется. SEO-сигналы: Поисковые роботы обращают внимание на актуальность контента...
Эффект обводки текста в Тильда
Решение Эффект обводки текста реализуется через свойства -webkit-text-stroke и text-stroke. Решение адаптировано под работу в Zero Block стили применяются к текстовому элементу с классом .sd-outline. В основе — предоставленный код: он задаёт обводку толщиной 1 px и цветом #ED1F7E. Зачем это нужно и где применять Логика работы Полностью код, пошаговая инструкция и пример...
Тень для PNG с прозрачным фоном
Готовое решение — это CSS‑переменная --shadow и класс .shadowpic, который применяет filter: drop-shadow(...) к картинке. В отличие от box-shadow, drop-shadow учитывает реальную форму изображения (включая прозрачные участки PNG), поэтому тень ложится ровно по контуру объекта. Это идеально для иконок, вырезов, стикеров, кастомных элементов в Zero Block и карточек товаров...
