🔥 Typeahead в духе Spotlight выглядит как мелочь, но внутри это очень нетривиальный UI-паттерн
Обычный автокомплит показывает список под полем. Typeahead работает иначе: продолжение появляется прямо внутри строки, и за счет этого пользователь не прыгает взглядом между инпутом и выпадающим списком. На словах просто. На деле это почти полностью кастомное поведение, которое не совпадает с нативной логикой HTML-инпутов.
Флориан Шульц очень хорошо разбирает, почему такая штука сложнее, чем кажется. Сначала он попробовал идти через реальное выделение текста, но на iOS это сразу развалилось из-за ручек выделения и странного поведения браузера. Потом пришел к overlay-подходу, где completion рисуется поверх инпута отдельным слоем, а дальше началась настоящая инженерия: beforeinput, кастомная обработка backspace, скрытие каретки, переполнение текста и даже проблема кернинга, из-за которой буквы начинали прыгать при вводе.
Внутри:
– Чем typeahead отличается от обычного автокомплита со списком подсказок;
– Почему решение через реальное выделение текста ломается на мобильных;
– Как работает overlay-подход с отдельным слоем поверх инпута;
– Какие события приходится перехватывать, чтобы поведение было естественным;
– Почему стандартный Highlight не дает одинаковый результат в разных браузерах;
– Как обрабатывать состояния фокуса, очистки и переполнения текста;
– Откуда берется проблема с кернингом при разбиении строки на span;
– Как можно компенсировать этот сдвиг, не отключая кернинг полностью.
➡️Читать статью
———
💻 Курс по поиску работы😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Когда дизайнер услышал, что глюкоза в сладостях помогает креативности.
Сахар и сладости могут оказывать временное положительное влияние на креативное мышление, но этот эффект скорее связан с психологией и удовольствием, чем с питанием мозга, сообщают исследователи.
Кризис креативности: уже наступил или ждёт общество в будущем?
Недавно мы рассказывали о теории 30-летнего цикла трендов и влиянии ностальгии на творческий процесс. А сегодня поговорим о будущем креативности. Спойлер: у некоторых философов и творцов оно вызывает тревогу.
Например, писатель-фантаст Уильям Гибсон считает, что человечество «устало от будущего» и уже не фантазирует о том, как может измениться общество. Большинство современных представлений о прогрессе почти дословно повторяют идеи столетней давности.
Усталость от будущего
В начале ХХ века люди мечтали о покорении космоса и развитии робототехники. Научно-техническая революция вдохновляла Герберта Уэллса, Айзека Азимова и других писателей на размышления о предстоящем ХХI веке.
Кажется, в 2026 году человечество мыслит всё теми же категориями, но почти не обсуждает ХХII век. Бешеный темп технологического прогресса почему-то больше не подталкивает общество к рефлексии о следующем столетии.
Постальгия против креативности
Гибсон видит проблему в «постальгии» — романтизированном взгляде на будущее, который доминировал в ХХ веке, дарил надежду и очаровывал человечество. Грёзы о будущем уступили место рефлексии по настоящему и прошлому.
По мнению философа Марка Фишера, всё дело в параличе воображения. Он возникает из-за невозможности представить новые формы политического или экономического устройства.
Современному человеку сложно вообразить, что будет после капитализма или демократизации общества.
Мгновенный доступ к прошлому
Когда общество не хочет думать о будущем, оно возвращается к прошлому. Нейросети позволяют сделать это в пару кликов — примерить любой образ из фильмов 80-х или омолодить любимых актёров детства.
Хотя обращение к ностальгии Гибсон тоже считает «тревожным звоночком» и признаком кризиса идей, по его мнению отказ от постальгии — это путь к взрослению человечества. Придумать новые идеи возможно только в том случае, если сфокусироваться на настоящем.
А что вы думаете: постальгия и ностальгия — это скорее творческие барьеры или источники вдохновения?
#КНП_исследования
🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
РКН официально запретил участие в рейтинге от дизай..
На днях мы закрыли рейтинг — очки больше не набираются, позиции зафиксированы.
Рады объявить тройку победителей, которые получат от нас памятные физические статуэтки:
🎙 — 💙 wave
🎙 — 💙 Пинк: креативное ателье
🎙 — 💙 duo sapiens*
Посмотреть полные результаты второго сезона рейтинга можно тут.
В течение недели сделаем пост с результатами во всей нашей медиасети и свяжемся с победителями, чтобы отправить им статуэтки!
Кто был близок к победе, не расстраивайтесь, мы рады сообщить, что сразу после второго сезона, мы запускаем третий!
Принимайте участие, мы верим, что у вас всё получится 🎙
С любовью, команда дизайнерс 🎙
📄 Инструкция настройки базы знаний для UX-исследований по методу Андрея Карпаты
Я сейчас провожу Reddit-исследование на 1250 постах по цифровой доступности. И мне нужно сделать так, чтобы Claude искал только по моей базе, а не во всем интернете.
Недавно Андрей Карпаты (один из основателей OpenAI) выложил в X пост о том, как он хранит информацию как .md файлы (обычные текстовые файлы) и подключает Claude напрямую к этим знаниям.
Почему это лучше, чем просто загружать файлы в чат? Каждая сессия Claude начинается с чистого листа — приходится заново объяснять контекст. Claude Code подключён к папке постоянно через терминал: один раз структурировала знания, и они работают во всех следующих сессиях.
Настроила примерно за час и то, потому что протупила с путями, куда что сохранять. А так оч быстро ) Потом полдня писала эту инструкцию ) Буду рада вашим реакциям )
В будущем хочу попробовать: настроить поиск по смыслу (семантический), а не по точным словам: чтобы Claude находил «усталость», даже если в заметке написано «выгорание». Автоматизировать обработку новых источников — положила файл в папку, он сам превратился в структурированную заметку. И сделать так чтобы Claude знал базу без чтения файлов каждый раз, как это делает Notebook LM. Карпаты об этом тоже писал.
⚡️Написала инструкцию на VC⚡️
___
en<able> - о дизайне в A11y | Наши статьи на VC