GROVEMADE
Деревянная современная мебель
→ Жанр: #LandingPage
→ Сложность: #средний
→ Язык: #EN
→ Адаптив: Нет
@figma2html(https://t.me/figma2html)
Создаем красивый эффект логотипа Apple.
Stroke Icon Set — небольшой набор иконок
новый поток КНИ уже стартовал! ❤️
следующий будет НЕ СКОРО, так что залетайте сейчас, присоединиться можно еще неделю
❤️ дайджест постов про КНИ ❤️
пост про куратора курса
лекция по брифингу от Пети Губанова
лекция про современное искусство от Артема Рефа
новая лекция про матрицу эстетик
финальный проект студентки 12-го потока
новая лекция про раскадровки и аниматик
как КНИ развивает креативность — отзывы студентов
обзор домашнего задания с КНИ
приходите на курс становиться передовым нейро-художником, создавать уникальный, системный и предсказуемый визуал, а не просто нейрослоп!
идёт 2 месяца, стоимость 35к(!!!), есть оплата частями без процентов и в рассрочку
🤩 программа курса и запись 🤩
Минутка напомнить:
Захотелось напомнить как сто лет назад выглядели дизайнеры, художники и архитекторы.
Баухаус
Минутка обучения:
Очень простой урок, буквально для начинающих в Illustrator.
Учитывая отечественный тренд на национальные мотивы и оцифрованные ремесла — точно пригодится.
Автор: Đức Thắng DS
🔥 Топ-проектов наших учеников после обучения за апрель 🔥
1. Логотип для центра психологии и терапии – Виола Репак
2. Дизайн метафорических карт – Салтанат Мададова
3. Дизайн презентации Growth Report – Салтанат Мададова
4. Фирменный стиль для бренда товаров для дома – Виола Репак
5. Логофолио 2026 – Савенко Наталия
6. AI-контент для пищевых добавок – Лиза Йели
7. Брендбук для SKYNOR – Алена Игоревна
Переходите, смотрите и поддержите проекты лайками🫶
Фрагмент стены в Храме Гроба Господня в Иерусалиме.
🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.
Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный Highlight не дает одинаковый результат в разных браузерах;
– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на span;
– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Warp Tools
Плагин трансформирует любые объекты с помощью инструментов Smudge, Twirl, Bulge, Pinch, Arc и Free Transform
Install
Анимации текста в стиле Apple by dadaew_m
Супер стильный туториал по использованию встроенного эффекта «Slide Up By Character» в After Effects для создания анимированного текста
#aftereffects