⌛ Прелоадер для Тильды с прогрессом загрузки

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

Мы сейчас в поиске новых дизайнеров для работы с сайтами, приложениями и брендингом. Мы делаем большие екомы, удобные приложения и помогаем с дизайном крупным компаниям. Среди наших клиентов Дефиле, Х5, СкайРом, Архитектор Групп... Для нас дизайнер — это не только про устойчивый визуал. Это про умение принимать решения на уровне логики продукта и понимания бизнеса. Ты наш идеальный кандидат, если... ☑️У тебя большая насмотренность. Без неё никуда. ☑️Осознанно работаешь с композицией, типографикой и визуальной иерархией. ☑️Умеешь в нейросети и доработку результата до максимально возможного. ☑️Понимаешь, как устроен дизайн-продакшн и как макеты превращаются в работающий продукт. ☑️Можешь объяснить и защитить свои решения через логику и здравый смысл. Хотя бы внутри команды. Будет большим плюсом умением в AE и люстру. Основные задачи: — Проектировать пользовательские сценарии для мобильных приложений, e-commerce и корпоративных сайтов; — Собирать интерактивные прототипы, которые понятны и заказчику, и разработке; — Выстраивать визуальные концепции под задачи, а не «просто красиво»; — Работать с гайдлайнами: применять и адаптировать без потери смысла; — Делать адаптивы, работать с компонентами и дизайн-системами (UI kit, атомарный подход — всё это не должно быть новостью). — Создавать визуал для кейсов, которые будут получать награды. Как откликнуться: Пришли резюме и короткое сопроводительное на team@ancora.agency Расскажи о 3 ключевых кейсах и своей роли в них — по делу, без воды. И приложи ссылки на 1–2 сильных проекта в Figma. Больше не надо. Если мэтч по сивишке — сразу же ответим. Будет супер, если добавишь свой ник в ТГ для связи.

Просто напомню, что мы в Анкора занимаемся разработкой цифровых продуктов: от корпоративных сайтов до e‑commerce, сервисов и мобильных приложений. В конце каждого проекта мы предлагаем клиентам поддержку и развитие. Примерно 70% отказываются и говорят, что будут заниматься всем самостоятельно. Формально это логично: продукт уже запущен, команда есть, процессы вроде бы понятны. Но спустя какое‑то время часть заказчиков возвращается Про один такой проект и хочу сейчас рассказать. Без названий, без спойлеров, просто как пример. В прошлом году мы сделали большой сайт и передали его команде заказчика. Дальше они самостоятельно наполняли его контентом, добавляли страницы. Но с января этого года мы подключились уже в режиме поддержки и развития. Первое, что мы сделали — методично прошли по всем страницам, созданным заказчиком. Посмотрели, как они заполнены с технической точки зрения. Инициировали принудительный переобход страниц в Google. Дальше начинается та часть, которая кажется «скучной», но именно она и есть бизнес — цифры. В январе мы только начали работу.🏆 В феврале у сайта было 2830 показов в Гугле по разным запросам. В марте, продолжая те же системные действия, — уже 6240 показов. А по итогам апреля — 9180 показов. То есть всего за несколько месяцев сайт получил кратный рост видимости и активности — без волшебных кнопок, агрессивных рекламных кампаний и прочих чудес. За счёт последовательной поддержки и аккуратного развития. На этом проекте мы ещё продолжаем наблюдать за динамикой. Возможно, через какое‑то время я покажу этот кейс целиком — с деталями, конкретными шагами и более точными цифрами. Пока же для нас это ещё одно подтверждение: запуск — это не финал, а только начало работы.

Netflix потихоньку катит редизайн мобильного приложения, который анонсировали на конец апреля. Главное изменение: вертикальная лента коротких видео, через которую можно будет искать шоу, фильмы и видеоподкасты. Компания объясняет это просто: люди всё чаще смотрят контент с телефона, а видеоподкасты на мобилке живут особенно хорошо. И вот тут у меня немного пригорает. Вертикальная лента стала каким-то интерфейсным обезболом от любой продуктовой боли. Сложно выбрать фильм? Сделаем ленту. Надо показать подкасты? Сделаем ленту. Нужно удержать внимание? Снова лента. В какой-то момент продукты просто перестали спрашивать себя, какой сценарий они проектируют, и начали доставать из ящика один и тот же паттерн. Вертикальная лента уже не интерфейс. Это привычка пользователя, которую продукты научились доить С Netflix ситуация особенно интересная. У них реально огромный каталог, и выбрать фильм на вечер иногда сложнее, чем сам фильм посмотреть. Трейлеры и короткие отрывки могут помочь быстрее понять настроение, жанр, актёров, темп. В этом смысле лента выглядит логично. Не надо открывать 10 карточек подряд, читать описания и смотреть превью. Листнул, зацепился, добавил. Но есть второй слой. Netflix много лет был сервисом, где ты всё-таки выбираешь, что смотреть. Да, рекомендации, да, алгоритмы, да, автоплей. Но базово это был каталог. А вертикальная лента меняет сам жест. Ты уже не выбираешь фильм, ты проваливаешься в поток. Решение принимается не через интерес, а через зацеп за пару секунд. Примерно как в Тиктоке, рилсах и шортсах. Получается, стриминг потихоньку перестаёт конкурировать только с другими стримингами. Он начинает конкурировать с любой бесконечной лентой в телефоне. И тут вопрос не в том, хорошо это или плохо. Вопрос в том, что продуктовая логика становится другой. Netflix уже не просто помогает найти фильм, а пытается встроиться в привычку скроллить. Для дизайнеров это хороший кейс про паттерны. Рабочий паттерн не всегда значит правильный паттерн. Лента правда может помочь с выбором, если она показывает настроение фильма лучше карточки. Но она же может превратить поиск фильма в ещё один маленький слот залипания между перепиской, доставкой еды и соцсетями. И вот это меня больше всего смущает. Мы привыкли думать, что редизайн должен помогать пользователю быстрее решить задачу. А тут задача мутная. То ли помочь человеку найти фильм. То ли сделать так, чтобы он ещё чуть-чуть остался в приложении. И внешне это может выглядеть одним и тем же интерфейсом. Что думаете? ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов. Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе. Внутри: – Чем typeahead отличается от обычного автокомплита со списком подсказок; – Почему решение через реальное выделение текста ломается на мобильных; – Как работает overlay-подход с отдельным слоем поверх инпута; – Какие события приходится перехватывать, чтобы поведение было естественным; – Почему стандартный Highlight не дает одинаковый результат в разных браузерах; – Как обрабатывать состояния фокуса, очистки и переполнения текста; – Откуда берется проблема с кернингом при разбиении строки на span; – Как можно компенсировать этот сдвиг, не отключая кернинг полностью. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Пришло время перезапустить книгу в виде сайта! Запускаю ее в формате DocC: • доступна в онлайне, можно ссылаться на любой раздел, • верстка под мобилу и декстоп, • светлая/темная тема. Как и раньше книжка остается бесплатной. Как и раньше выпускать буду главами раз в пару недель, про обновления будет в этом канале. Сейчас доступна первая глава про общее понимание доступности, статистику и как пользоваться скринридером. Самое ценное что вы можете сделать: поделиться сайтом со своими знакомыми программистами, дизайнерами, продактами и рассказать в соцсетях. https://bookshelf.dev/a11y-book/">https://bookshelf.dev/a11y-book/

Types: Mobile App, Startup, Styles: Animation, Dark Fonts: Inter, Aeonik Pro

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Bang Bang Education решили это поддержать: сделали закрытую подборку курсов и профессий с эксклюзивными скидками специально для тебя: Курсы по UX/UI дизайну от 44 000 рублей — Продуктовый дизайнер (UX/UI-дизайнер) — Дизайнер интерфейсов (UX/UI-дизайнер) — Дизайн мобильных приложений — Копилот цифрового брендинга — Паттерны дизайн-менеджмента Видео и кино от 92 625 рублей — Режиссер монтажа Плюс — Режиссер монтажа Курсы по иллюстрации и анимации от 78 050 рублей — Двумерная анимация (2D-анимация) — Иллюстратор Курсы по трехмерной графике (Моушн и 3D) от 100 750 рублей — Дизайнер анимации Плюс (Моушн-дизайнер) — Дизайнер анимации (Моушн-дизайнер) — Дизайнер трехмерной графики (3D-дизайнер) Курсы по дизайну интерьера от 94 150 рублей — Дизайнер интерьеров Курсы по IT-менеджменту и продукту от 107 600 рублей — Менеджер продукта А также: — Типографика: о форме и содержании от 30 000 рублей — Айдентика: от идеи к визуальному воплощению от 34 100 рублей — Типографика и верстка: внимание к тексту от 34 100 рублей Переходите по понравившемуся курсу и оставляйте заявку для скидки прямо сейчас! Реклама. ООО "СИЛА ЗНАНИЯ" ИНН 9701158240 erid: 2VtzqvwYqyR

Мы — Ardor, качественно работаем над созданием рекламных креативов для мобильных игр и приложений. Задачи: — работа с готовыми билдами мобильных игр в Unity — настройка, кастомизация и экспорт 3D сцен геймплея: свет, камера, объекты, персонажи, текстуры и анимации — запись видеоскринкастов по ТЗ клиента   Ожидания: — отличное владение Unity, работа с уже готовыми билдами. — кастомизация геймплея в Unity: добавление в билд 3D моделей, изменение текстур, работа с VFX в билде — экспорт из билда Unity: 3D моделей и пересборка в новый билд с добавлением необходимых ассетов для записи видеоскринкаста. — настройка сцен: свет, камера, объекты, анимации — умение хорошо считывать стилистику игр, передавать атмосферу и игровые механики Будет плюсом: — базовые знания Photoshop — владение любым 3D пакетом, чтобы быстро производить небольшие исправления 3д моделей из билда Условия: — опыт от 1 года — проектная занятость — удалённый формат — оплата обсуждается индивидуально Контакт для отклика: @Ulia_1495 #геймдев

Делаем блиц-интервью про AI и доступность. Задаем одинаковые вопросы и получаем разные ответы ) Наш первый гость — Миша Рубанов @RubanovMobile, разработчик, рассказывает о доступности так, что ты точно начнешь ей интересоваться ) Миша, спасибо и ждем обновления книги о доступности 💙 — Ты пробовал использовать Claude или ChatGPT со скринридером или с клавиатуры — как это работает на практике? — Не пробовал. — Ты знаешь кейсы, где AI улучшил доступность продукта? — Не слышал про такие кейсы. — Есть ли риск, что AI-инструменты для доступности обучены на данных, которые не отражают реальный опыт людей с ограниченными по здоровью? Что должно измениться в том, как мы обучаем модели, чтобы доступность была в них по умолчанию? — Я не вижу каких-то особых проблем. По моему опыту AI достаточно много знает про доступность и делает что надо, если ты попросишь его об этом. Например, не было проблем с поддержкой скринридера. Я сейчас обновляю свою книгу, немного использовал AI чтобы переделать из пдф в сайт и AI переписал некоторые примеры, вышло неплохо. При этом для AI важно уметь «видеть» что получилось в результате, с этим проблема, потому что почти нет инструментов, которые бы дали ему описание, которое озвучивается для незрячего человека. Главная надежда мобилки вот на этот инструмент: сейчас они прикручивают визуализацию к Preview, может быть и до текстого описания доберутся AccessibilitySnapshot. — 70% новых приложений создаётся на low-code и no-code платформах. Люди без технической базы делают продукты для миллионов. AI научит их паттернам доступности? — Увы, AI никого ничему не научит. Можно сказать, что он ленив: обучен на всех текстах, но не пытается показать все свои знания. Поэтому если человек не знает про дополнительные требования по доступности, то и AI сам их не начнет использовать. С другой стороны, поверх AI появляются разные скилы и инструменты, в них уже могут быть включены нужные требования. Например, популярный frontend-design доступность упоминает Frontend Design на Github — В России активно пользуются технологиями с Ai — зарубежные скринридеры, программы по типу Open your eyes, есть ли надежда, что подобные сервисы будут разрабатываться российскими разработчиками? — Сложно сказать. С одной стороны в России будет явный запрос на помощь и реабилитацию людей, с другой стороны вводится огромное количество ограничений. Если ничего не делать, то ничего само не появится. В целом я не в России уже несколько лет, поэтому сложно ответить как-то поточнее ___ en<able> - о дизайне в A11y | Наши статьи на VC

Есть бесплатный ограниченный доступ. Цена Pro-подписки — 400 ₽. #инструменты@zhurnalus_lite

Теперь можно быть на связи с сообществом не только через веб и PWA. Читайте посты, обсуждайте, сохраняйте в избранное — в метро, в очереди, на ходу. В первую версию мы не пытались запихнуть весь веб в карман. Сделали главное: удобный доступ к постам и дискуссиям. Хотим поблагодарить команду студии fancy solutions — только благодаря ним случился этот релиз 🎙 Сейчас мы входим в длинный этап открытого тестирования. Если ловите баги или есть идеи — пишите в чат «Кружок дизайнерс». Там уже собралась классная компания, где можно не только поругаться на баги, но и пообщаться на любую волнующую в индустрии тему. 🎙 Приложение уже доступно на iOS и Android. Скачивайте, пользуйтесь и рассказывайте, как вам. Это важно для нас.

Пока я голосую на Воркспейс, зашел глянуть, как там наши кейсы поживают. Я не могу ставить, как участник жюри, оценки своим кейсам, но ок. Ну, и доматываю я страницу до конца, и вижу, что этот кейс оценили ВНИМАНИЕ 62518 раз! Еще раз. ШЕСТЬДЕСЯТ ДВЕ ТЫСЯЧИ раз. В целом оценки ок, правда я вот увидел двоечку ) Ну от ребят, которые с нами конкурируют — это база ) Не дают расслабиться! Но вы только прикинтьте! 62 тысячи раз посмотрели кейс. А теперь представим, что даже если 5% от этого количества закажет что-то в ресторанах наших заказчиков — получается, мы пррям бустанем им прибыль ) Так что да, кейсы нужны, важны и помогают не только нам, но и наших заказчикам. Приходите к нам за сайтами и мобильными приложениями! ПыСы. Хотя странно это ) Просмотров у кейса 1669, а оценок 62 тысячи ) Пойду уточню у оргов ) А то может я рано радуюсь? ))

- Нейросети для дизайнеров - Коммерческие проекты - Сайты, айдентика, визуалку по мобилкам и приложениям - Промпты для Утопии (готовим большую библиотеку) - Созвон по редактору и чату в Утопии - Фидбеки по артдирекшену и тд Это все на самом деле интересно и увлекательно, ты как будто принимаешь участие в большом количестве проектов. Твоя задача, чтобы шифер не поправился и удержать этот поток проектов. Делюсь, чтобы понимали, как и чем я живу. И ссори, если иногда пишу посты механически (или мне так кажется?). Иногда тупо сил на все не хватает. Если не против, в канале начну больше делать упор на том, что рассказывать о ваших проектах и самих проверках. Этого у меня много и не надо выдумывать контент. Всем доброй ночи.

По словам Дурова, даже после ограничений приложением ежедневно пользуются около 65 миллионов россиян через VPN. Он также считает, что блокировки привели к массовым сбоям в работе банковских карт, и сравнил ситуацию с ограничениями Telegram в Иране. Добро пожаловать обратно в Цифровое Сопротивление, мои русские братья и сестры. Вся страна мобилизована для обхода этих абсурдных ограничений. Тысячи создают VPN и прокси. Мы же будем продолжать адаптироваться — делая трафик Telegram более сложным для обнаружения и блокировки. — пишет Дуров. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News

В компании уточнили, что данными в iCloud по-прежнему можно будет управлять, в том числе скачивать фотографии и видео. Также представители Apple подтвердили, что с 1 апреля станет невозможно совершать новые покупки и оформлять подписки с мобильного счета и банковских карт. Ограничения затронут Apple Arcade, Apple Fitness+, Apple Music, Apple Podcasts, Apple One, App Store, Apple TV, iTunes Store, iCloud+, покупки рингтонов и звуков. При этом ранее приобретенные приложения и контент останутся доступными и смогут обновляться. Продлевать подписки и совершать покупки по-прежнему можно при наличии средств на балансе аккаунта Apple. Подписывайтесь на вечернюю рассылку | 🔹The Blueprint News