🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.
Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный Highlight не дает одинаковый результат в разных браузерах;
– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на span;
– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.
Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям.
Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.
Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям )
В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал.
⚡️Написала инструкцию на VC⚡️
___
en<able> - о дизайне в A11y | Наши статьи на VC
Анимации текста в стиле Apple by dadaew_m
Супер стильный туториал по использованию встроенного эффекта «Slide Up By Character» в After Effects для создания анимированного текста
#aftereffects
🗡 Почему ИИ уже нельзя назвать просто инструментом
Разговор про нейросети в искусстве обычно начинается с фразы «это всего лишь новый фотошоп». Олег Пащенко спорит именно с этим. Его мысль простая: кисть, камера или Photoshop не спорят с автором, а генеративная модель спорит. Она интерпретирует запрос, принимает сотни микрорешений сама и возвращает результат, который почти никогда не совпадает с замыслом полностью.
Из-за этого меняется сама роль автора. Раньше автор скорее воплощал идею. Теперь он все чаще отсекает лишнее: формулирует промпт, выбирает из вариантов, режет, удаляет, дорабатывает, оставляет одно и выбрасывает девяносто девять. То есть главная творческая функция смещается от производства к выбору и ответственности за этот выбор.
Внутри:
– Почему генеративную модель уже сложно считать просто послушным инструментом;
– Как промпт сам по себе уже искажает и сужает исходный замысел;
– Что автор на самом деле теряет, когда переводит идею в текст для модели;
– Почему результат генерации может быть одновременно и беднее, и богаче исходной идеи;
– Как Пащенко показывает это на примерах с Тарковским и православной иконографией;
– Почему Midjourney умеет копировать настроение, но часто не понимает структуру и смысл;
– Как возникает «рой» уникальных, но слабо различимых изображений;
– Почему в мире генеративного визуала главным жестом автора становится не создание, а отсечение.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
#Анонс
🎓 14 мая Российский государственный университет имени А.Н.Косыгина (Технологии. Дизайн. Искусство) отметит 1️⃣0️⃣5️⃣-летие со дня основания.
Центральным событием юбилейной программы станет торжественный вечер, который пройдёт в Московском международном Доме музыки.
В торжественном вечере примут участие представители органов государственной власти, индустриальные партнёры университета, представители индустрии моды, лёгкой промышленности, технологических и креативных индустрий, выпускники разных лет и представители академического сообщества.
В рамках программы также пройдут международная научно-практическая конференция на площадке университета и деловой форум выпускников и партнёров, направленный на развитие научного и индустриального сотрудничества.
По случаю юбилея на мероприятия также приглашены представители академического сообщества дружественных государств, включая делегации Китая, Узбекистана и Казахстана.
***
🧶 Университет отсчитывает свою историю с 1920 года – с основания Московского текстильного института, впоследствии вошедшего в состав Университета.
В 1971 и 1980 годах за значительные заслуги в подготовке квалифицированных специалистов для народного хозяйства и развитие научных исследований институт был дважды награждён орденом Трудового Красного Знамени, в 1981 году ему было присвоено имя А.Н.Косыгина.
👩🎓👨🎓 Сегодня РГУ им. А.Н.Косыгина – это мощный многоуровневый научно-образовательный комплекс и признанный лидер в подготовке высококвалифицированных кадров.
Университет формирует кадры для:
• лёгкой и текстильной промышленности
• креативных индустрий
Вуз активно развивает и внедряет инновационные материалы и технологии для:
• оборонно-промышленного комплекса
• медицины
• аэрокосмической отрасли
🤝 Университет сотрудничает с иностранными образовательными организациями из Китая, Индии, Южной Кореи, Беларуси, Таиланда, Узбекистана, Словакии, Болгарии, Турции и других стран.
***
🎉 Поздравляем руководство, преподавателей и студентов вуза!
Более века вы соединяете технологии, дизайн и искусство, формируя будущее и вдохновляя поколения на творчество и открытия. Пусть ваш путь и дальше будет наполнен смелыми идеями, талантливыми студентами и яркими достижениями!
