Поздравляем Кирилла Жаркого @webdesignerZharkiy с победой на 2 hours design battle 💥

Суть Баттла — с нуля, за 2 часа сделать сайт на заданную тему. Все действие происходит в компании других дизайнеров и с публикой, заглядывающеый через плечо в монитор.

Работа Кирилла, которая принесла ему победу http://2hdb-zharkiy.tilda.ws/

Новая модификация: прилипание блока

С помощью модификации вы сможете зафиксировать блок сверху или снизу экрана при скролле и заставить отлипнуть в нужном месте. Работает как с блоками из библиотеки, так и с Zero Block. Можно использовать для фиксации кастомного меню или контактной формы.

👉https://tildoshnaya.com/modification/sticky

Сделали 3 варианта кода для разных сценариев:
— фиксация блока сверху без отлипания
— фиксация блока сверху с отлипанием
— фиксация блока снизу с отлипанием

Еще одна модификация этой недели — двойной блок

Дает возможность разместить по горизонтали на одном экране от 2 до 4 разных блоков.

👉https://tildoshnaya.com/modification/doubleblock

Как работает модификация:
1. Создайте отдельные страницы под каждый блок из ряда.
2. Добавьте на основную страницу код, который отвечает за отображение блоков из созданных страниц в один ряд.
3. Настройте ширину каждого блока в ряду и отображение на мобильных устройствах.

Хотим напомнить, что на Tildoshnaya.com есть чек-листы по дизайну, верстке и анимации.

Простую и банальную ошибку легко не заметить, когда долго работаешь над проектом. Обратить внимание на важные детали помогут чек-листы. Пройдитесь по всем пунктам перед финальной публикацией или сдачей сайта заказчику.

• Чек-лист по Дизайну — https://tildoshnaya.com/designchecklist
• Чек-лист по Верстке — https://tildoshnaya.com/verstkachecklist
• Чек-лист по Анимации — https://tildoshnaya.com/animationchecklist

🔥 Новый сайт на Тильде номинирован на Awwwards и вы можете поддержать его голосами  

https://tildoshnaya.com/tpost/cojb907bia-novii-nominant-na-awwwards

🔢 Анимация чисел в Zero Block — новая модификация Тильдошной

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

👉 https://tildoshnaya.com/modification/counter

В инструкции к модификации есть генератор, где можно настроить скорость и плавность анимации, начальное и конечное значение, отображение порядков и дробей, текст до и после числа. Просто впишите нужные значения и вставьте полученный код в блок Т123.

Уже полгода мы делаем модификации для Тильды — функции, которые можно добавить с помощью простого кода или расширения для браузера. Мы решили напомнить о всех модификациях. Используйте их, чтобы еще больше расширить возможности Тильды.


Расширения для браузера

Расширение для Zero Block
→ https://tildoshnaya.com/modification/zero
Добавляет новые функции: продвинутое выравнивание, групповое редактирование, копирование анимации, удаление адаптива.

Расширение для копирования классов элементов
→ https://tildoshnaya.com/modification/classcopy
Помогает быстро скопировать класс элемента в Zero, чтобы повысить скорость работы с модификациями.


Топ модификации

Анимация на мобильных устройствах
→  https://tildoshnaya.com/mobileanimation
Включает step-by-step анимацию на планшетах и смартфонах.

Зависимая анимация
→  https://tildoshnaya.com/modification/dependentanimation
Запустите анимацию элементов при наведении или нажатии элемента-триггера.

Поэкранный скролл
→  https://tildoshnaya.com/scrolls
Сделайте поэкранный вертикальный, горизонтальный или смешанный скролл.


Функциональные модификации

Формы в 2 или 3 колонки
→ https://tildoshnaya.com/modification/form2col

Слайдер в Zero Block
→ https://tildoshnaya.com/modification/slider

Кастомизация корзины
→ https://tildoshnaya.com/modification/cart

Всплывающие изображения при наведении в Zero
→ https://tildoshnaya.com/modification/hoverimage

Popup-меню со своим дизайном
→https://tildoshnaya.com/modification/popup

Блоки в 2-4 колонки
→ https://tildoshnaya.com/modification/doubleblock

Прилипание блока
→ https://tildoshnaya.com/modification/sticky


Визуальные эффекты

Паттерн на весь экран
→ https://tildoshnaya.com/modification/pattern

CSS-фильтры для элементов
→ https://tildoshnaya.com/filters_css

Цвет выделения текста
→ https://tildoshnaya.com/text-selection-color

Эффект размытия
→ https://tildoshnaya.com/modification/blur

Эффекты наведения для карточек в Zero Block
→ https://tildoshnaya.com/modification/hover_card

Эффект загрузки страницы — шторка
→ https://tildoshnaya.com/modification/preloader

Эффект цветного дыма
→ https://tildoshnaya.com/modification/colorsmoke

Анимация чисел в Zero Block
→ https://tildoshnaya.com/modification/counter


Если у вас есть друзья, которые делают сайты на Тильде, поделитесь ссылкой на наш портал tildoshnaya.com ❤️

⚡️Полезные плагины для Figma

Figma плотно вошла в среду создания сайтов на Тильде как предварительный этап, где можно создавать дизайн, готовить графику и экспериментировать. Делимся подборкой наших любимых плагинов.

👉 https://tildoshnaya.com/tpost/cd7sn6daim-poleznie-figma-plagini

👨‍💻Видео по модификациям Тильдошной
Frontend-разработчик и автор модификаций Андрей Балыбердин вместе с Витасом Грефом рассказывают, как работать с самыми популярными модификациями.
👉 https://youtu.be/7xmRIJ8G3RI

🎯 Интенсив по маркетингу возвращается 13 ноября

За 4 дня вы научитесь самостоятельно делать внутреннюю SEO-оптимизацию, настраивать полезную аналитику, возвращать посетителей с помощью ретаргетинга. В конце дадим практические советы, как повысить конверсию.

🤘Записывайтесь: https://tildoshnaya.pro/marketing

Вас ждет 4 насыщенных вечерних прямых эфира, чек-листы по SEO и аналитике и одно большое домашнее задание, где нужно будет все настроить своими руками. После интенсива вы сможете самостоятельно делать большую часть работы маркетолога по подготовке сайта к продвижению.

Запись второго стрима по модификациям Тильдошной
https://youtu.be/pncpG4NrGb8

Новая модификация: искажение текста в Zero Block

Добавьте для заголовка анимацию плавного искажения. Настройте размер и насыщенность текстового элемента, скорость и размах искажения. Анимация может работать постоянно или при движении курсора.

👉 https://tildoshnaya.com/modification/textdistortion

Гидрант возвращается в новом формате 🔥

Теперь каждую неделю в прямом эфире Максим Ширко будет разбирать интересные, самобытные сайты, чтобы прокачать ваш вкус и визуальную насмотренность в вебе. Избавьтесь от ограничений, найдите нестандартные идеи для ваших проектов, познакомьтесь с новыми приемами веб-дизайна — все это вас ждет на Гидранте.

Первый эфир Гидрант Weekly #1 уже в понедельник, 25 ноября в 10:00 (GMT+3)
👉 https://youtu.be/xtsitcKoHGo

Подпишитесь на youtube канал Максима, чтобы не пропускать новые выпуски.

🔥 Сегодня вечером пройдет открытый урок курса Tilda Basic перед стартом последнего потока в этом году.

Максим Ширко расскажет подробно о программе курса, формате обучения, расписании и домашних заданиях. А также ответит на ваши вопросы по курсу.

Начало в 18:00 Киев / 19:00 Москва. Оставьте email, мы пришлем ссылку на трансляцию за час до начала.
👉 https://tildoshnaya.pro/basic#openlesson

⚡️️Новый поток интенсива по верстке в Zero Block пройдет 2-4 декабря.

За 3 дня Максим Ширко объяснит принципы продвинутой верстки на Тильде, которые используют профессиональные дизайнеры.

Вы научитесь позиционировать элементы так, чтобы сайт отлично смотрелся на любом экране — от 11-дюймового ноутбука до 4K монитора. Узнаете, как сделать свою «резиновую» сетку и выровнять по ней контент. Разберетесь, как правильно адаптировать страницу для телефонов и планшетов.

Запись на интетенсив: https://tildoshnaya.pro/intensiv-po-verstke

👋 Привет, на связи Максим Ширко

На этой неделе мне написал Владимир. Он планирует с командой запустить дизайн-студию и задал очень хорошие вопросы. Мы решили сделать эфир сегодня вечером и ответить на вопросы Владимира вместе с основателем студии DEPO Денисом Потаповым. К слову, подписывайтесь на его телеграм-канал @depoblog

Присоединяйтесь. Будет полезно всем, кто думает о том, чтобы отойти от работы дизайнером в штате или одиночного фриланса. Поговорим о страхах на старте, наработке портфолио, какие ставить цены и как искать клиентов. А также ответим на ваши вопросы из чата.

👉 https://youtu.be/0LXvlwAKdWI
начало сегодня в 20:00 по Москве / 19:00 по Киеву

Нажмите 🔔 Напомнить на странице трансляции, чтобы не пропустить начало стрима.

☕️ Как правильно начать новую неделю? Приходите в понедельник на утренний Гидрант Weekly #2 с Максимом Ширко. Вас ждет заряд бодрости, новости дизайна, обзор крутых сайтов для вдохновения и прокачки насмотренности.

Начало в 10:00 мск / 9:00 киев: https://youtu.be/qoPG-BgUyVo

Нажмите «Напомнить» на youtube, чтобы проснуться пораньше и не пропустить эфир.

⚡️️Через час начнется стрим «Обзор крутых сайтов, сверстанных при помощи Zero Block»

Сегодня на Тильде можно сделать практически любой дизайн сайта. В прямом эфире Максим Ширко разберет интересные проекты, которые докажут, что возможности платформы ограничены только воображением.

🕗 Начало в 20:00 по Москве / 19:00 по Киеву
Присоединяйтесь: https://tildoshnaya.pro/hellozeroblock

Доброе утро! Через час начнется Гидрант Weekly #2. Просыпайтесь и присоединяйтесь.

👋 https://youtu.be/qoPG-BgUyVo

Еще один сайт на Тильде, проект студии Ruformat "Love, Death & Robots" удостоился высокой мировой оценки и стал сайтом дня на CSSDesignAwards https://www.cssdesignawards.com/sites/love-death-robots/36104/