Найти в Дзене
Покупайте СтеллыИ дарите их за контент
1 неделя назад
 • Вы подписаны

Мы устали от рекламы, VPN и лимитов и написали 21 бесплатных веб-сервиса для дизайнеров, маркетологов и верстальщиков

Каждый, кто работает с сайтами, графикой, текстом или маркетингом, знает это раздражающее чувство: тебе нужно срочно перевести картинку из PNG в WebP, склеить два PDF-файла или быстро обрезать видео. Ты открываешь первый попавшийся сервис из поисковика и начинается: — «Вы исчерпали бесплатный лимит — 3 файла в сутки» — «Размер файла превышает 5 МБ, купите PRO-аккаунт за $9.99» — «Чтобы скачать файл, зарегистрируйтесь через почту» — Тонны мигающих баннеров, всплывающих окон и подозрительная отправка твоих конфиденциальных документов на чужой удалённый сервер...

2 недели назад
 • Вы подписаны

Анимированный градиентный текст в Zero Block

Эффектное решение для Zero Block: текстовый элемент приобретает плавную переливающуюся градиентную заливку. Работает на чистом CSS без использования JavaScript, не нагружает страницу и легко кастомизируется под фирменные цвета бренда с помощью CSS-переменных. Полностью код, пошаговая инструкция и пример...

2 недели назад
 • Вы подписаны

Автообновление года в копирайте: готовое решение для Tilda

По умолчанию владельцы сайтов забывают менять год в нижней строке (футере). Это создает впечатление заброшенного ресурса, снижает доверие посетителей и поисковых систем. Скрипт размещается один раз в блоке T123 («HTML-код») внутри подвалов всех страниц сайта или через общие настройки Site Settings → More → Head. После этого он будет работать автоматически на всем проекте.Пользовательский опыт: Актуальный диапазон лет показывает, что проект живет, поддерживается и обновляется. SEO-сигналы: Поисковые роботы обращают внимание на актуальность контента...

2 недели назад
 • Вы подписаны

Эффект обводки текста в Тильда

Решение Эффект обводки текста реализуется через свойства -webkit-text-stroke и text-stroke. Решение адаптировано под работу в Zero Block стили применяются к текстовому элементу с классом .sd-outline. В основе — предоставленный код: он задаёт обводку толщиной 1 px и цветом #ED1F7E. Зачем это нужно и где применять Логика работы Полностью код, пошаговая инструкция и пример...

3 недели назад
 • Вы подписаны

Тень для PNG с прозрачным фоном

Готовое решение — это CSS‑переменная --shadow и класс .shadowpic, который применяет filter: drop-shadow(...) к картинке. В отличие от box-shadow, drop-shadow учитывает реальную форму изображения (включая прозрачные участки PNG), поэтому тень ложится ровно по контуру объекта. Это идеально для иконок, вырезов, стикеров, кастомных элементов в Zero Block и карточек товаров...