АХ дизайн

✨ SBS-анимация фоновых картинок Для оживления любого блока можно поставить на фон видео или написать код для эффектного слайдера, а можно воспользоваться тем, что дает нам сама Тильда и собрать вручную зацикленную пошаговую анимацию с плавной сменой фоновых картинок. Делюсь с вами готовым шаблоном с анимацией для бесконечного слайдера из семи изображений, которые медленно увеличиваются и плавно сменяют друг друга через прозрачность — Template id: 148628486 ✨ Примечания: 🧡 Если вам надо уменьшить или увеличить количество картинок, соответственно отнимайте или добавляйте ко времени ожидания (delay) 6 секунд за каждое убранное или добавленное изображение. ❤️ Сами картинки удаляйте, начиная с предпоследней (или добавляя после предпоследней), первую и последнюю не удаляйте, только меняйте время. 💜 Если вместо эффекта увеличения нужен другой, например, сдвиг вверх или вниз, то напишите мне, я помогу объяснить какие настройки требуются, тут не все так просто 😅 ❤️ Любые вопросы по анимации можете задать в комментариях к посту #тильда #верстка

🔡🔡 Сервис для «кражи» шрифтов с сайта Font Stealer точно определяет все шрифты на сайте и сам находит, где можно скачать его бесплатную версию. Если шрифт платный — находит бесплатную альтернативу (правда часто промахивается в плане похожести начертания 😅, но все равно в подборке есть реально годные альтернативы) Работает бесплатно и без впн, пользуйтесь на здоровье 💕 #сервисы #шрифты

❄️ Новый кейс: одностраничный сайт для компании по производству натуральных продуктов из Сибири «Дары Севера» Сегодня данная работа попала в МОТ 🏆 💕 Сайт я делала немного не в своей привычной стилистике, т.к. хотелось передать определенную атмосферу — эстетику натуральности, экологичности и духа дикой природы 🌱 Верстку я выбрала Автоскейл, т.к. по дизайну на сайте много квадратных форм, и мне важно было, чтобы они адаптировались под размеры экранов устройств пропорционально, поэтому резина здесь не подошла. Верстала для десктопов под БП 1200рх и 1600рх — на каждом из них есть изменения не только масштаба, но и дизайна местами. Такой подход при верстке в скейле более трудозатратный, но более отзывчивый под широкие экраны. 💕 Помощь в проекте мне оказали: Анджела (дизайн) и Артём (фотографии природы) ❤️ Любые вопросы по проекту вы можете задать в комментариях 😊 #кейс #портфолио

💎 Разбор дизайн макетов участников апрельской Дизайн-игры от Юли Подойницыной Я проверила работы всех шести участников, разобрала моменты, которые мне показались наиболее спорными, и которые на мой взгляд можно улучшить. Также я поделилась общей теорией по веб-дизайну, поэтому разбор будет полезно глянуть всем дизайнерам без исключения ✨ Посмотреть разбор можно здесь: 💻 : VK Видео 💻 : RuTube 💻 : YouTube Спасибо всем, кто прислал макеты на проверку — вы все большие молодцы, потому что нашли время, силы и вдохновение сделать эту работу 🤗✨ ❤️ По всем вопросам добро пожаловать в комментарии #дизайн #видео

⌛ Прелоадер для Тильды с прогрессом загрузки 👋 Всем привет, возвращаюсь в канал после небольшого перерыва с новой модификацией ) Сделала для себя вот такой простенький прелоадер для Тильды с помощью ChatGPT (в демонстрации мой ученический проект с курса Тильды Про, кстати 🤭) Фишка данного прогресс бара в том, что он имитирует реальную загрузку страницы, а не просто делает определенную паузу на экране загрузки. Сделать прямо таки настоящий прогресс бар загрузки для Тильды нельзя по утверждению нейронки, поэтому она сделала имитацию, очень близкую к реальному процессу загрузки сайта. По моим тестам все очень даже правдоподобно выглядит и совпадает с реальным временем загрузки. ⭐️ Код прелоадера в файле в комментариях к посту. ✨ В начале кода вынесены все основные настройки, которые вам могут понадобится для стилизации под дизайн вашего сайта (обратите внимание, что есть ряд настроек отдельно и для мобильной версии) — все подписано комментариями. ❤️ Если у вас есть вопросы по редактированию кода — дайте знать в комментариях 😊 #тильда #модификации #прелоадер

💎 Запись мастер-класса «Верстка на Тильде первого блока с применением Автолейаутов по Window контейнеру». Посмотреть можно здесь: 💻 : VK Видео 💻 : RuTube 💻 : YouTube Благодарю всех, кто приходил посмотреть МК, задавал вопросы и поделился впечатлениями об эфире 🤗✨ Материалы из МК: ⭐️ Дизайн-макет в Фигме ⭐️ Ссылка на сверстанную страничку в Тильде ⭐️ Код шаблона странички на Тильде: 137022776 ❤️ Если у вас есть вопросы по материалу из мастер-класса или предложение по темам будущих эфиров — поделитесь в комментариях #верстка #тильда #видео

⭐️ Новый кейс: браузерная игра В этот понедельник состоялся релиз проекта, разработка которого была для меня моим самым необычным опытом — это браузерная игра «Как стать светским человеком» по заказу тгк «Антиглянец». Механика игры очень проста: вам выдается один из трех случайных персонажей со своими стартовыми характеристиками, и вы отвечаете «Да» и «Нет» на 36 вопросов подряд. Ушли в минус — проиграли, ответили на все вопросы — выиграли. Игра определяет, сможешь ли ты выжить в светском обществе Москвы, и если да, то какой ценой? Остроумные, саркастичные и довольно точные вопросы составлены людьми, которые как рыбы в воде плавают в водах светских тусовок столицы. Игру уже успело оценить более 40 тысяч пользователей, среди которых есть даже такие знаменитости, как Ксения Собчак, Андрей Малахов и Ляйсан Утяшева ✨ ☕️ Разработкой кода игры занимался Владимир, я была в роли ПМа, проектировщика и дизайнера. ❤️ По любым вопросам пишите в комментариях #кейс #портфолио

🎙 Мастер класс по верстке на Тильде 24 апреля в 13:00 (мск) я проведу открытый бесплатный мастер-класс для сообщества Web-коворкинг на тему: «Верстка на Тильде первого экрана по Window контейнеру с помощью Автолейаутов». Ссылка на трансляцию будет опубликована только в чате сообщества. Если хотите попасть на прямой эфир, то обязательно вступайте в чат 🔔 ✨ Трансляция пройдет в Яндекс Телемост. 📷 Запись эфира, конечно, будет! ❤️ По любым вопросам пишите в комментариях

🟠 Новости Тильды, о которых вы не прочитаете в соцсетях Вчера у меня состоялся созвон с представителями Tilda Publishing, и на этом небольшом кастдеве мы поговорили про новые и будущие возможности Тильды. С их разрешения делюсь самыми важными моментами: 🔸 Автоскейл стандартных блоков, который уже так успел нашуметь в новостях, будет и для других разрешений тоже (не только > 1200px), ведутся работы в этом направлении 🔸 Новые блоки магазина ST340 и ST340A с гибкими настройками дизайна, разделов и фильтров станут основными для магазинов 🔸 Будет улучшена работа разделов магазина, их логика и возможности 🔸 В ЛКИМ Тильды будет добавлена бонусная система 🔥 (уже вовсю ведется разработка), а также расширенные возможности кабинета в целом Друзья, если у вас есть пожелания по новым возможностям Тильды — пишите везде, где только можно ) Вас слышат и принимают все во внимание, и берут в работу те фичи, которые получают наибольший отклик среди сообщества. Поэтому обращайтесь в ТехПоддержку (раздел «Пожелания по новому функционалу»), в официальные чаты Тильды или даже мне, я с радостью передам менеджерам Тильды 😊 ❤️ Напишите в комментариях, каких новинок ждете больше всего. Можем собрать здесь самые горячие пожелания и отправить одним списком 😊 #тильда

🍃 Новый кейс: интернет-магазин натуральной косметики Тайганика Недавно запустила этот прекрасный сайт по продаже косметики на основе натуральных компонентов таёжных растений. Тепло люблю проект за его нежность и легкую необычность в дизайне, которая не отталкивает посетителя от первоначальной коммерческой цели на сайте, но привносит в него небольшую изюминку 🦋 Т.к. в природе редко встречаются идеально ровные формы, я попыталась передать это с помощью сетки с нечетным количеством колонок и ассиметричной композицией со сменой ведущей направляющей 🌱 Не обошлось, конечно, и без модификаций, CSS-стилей и сторонних сервисов. Если у вас есть вопросы по разработке данного магазина — спрашивайте в комментариях, все подробно расскажу 😊 #кейс #портфолио