Объект тестирования

#уроки

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

РКН официально запретил участие в рейтинге от дизай.. На днях мы закрыли рейтинг — очки больше не набираются, позиции зафиксированы. Рады объявить тройку победителей, которые получат от нас памятные физические статуэтки: 🎙 — 💙 wave 🎙 — 💙 Пинк: креативное ателье 🎙 — 💙 duo sapiens* Посмотреть полные результаты второго сезона рейтинга можно тут. В течение недели сделаем пост с результатами во всей нашей медиасети и свяжемся с победителями, чтобы отправить им статуэтки! Кто был близок к победе, не расстраивайтесь, мы рады сообщить, что сразу после второго сезона, мы запускаем третий! Принимайте участие, мы верим, что у вас всё получится 🎙 С любовью, команда дизайнерс 🎙

Кстати, Жан Карлу и его знаменитая работа для рекламы — Зубная паста «Gellé», 1938 год. Получив образование архитектора, он решил стать графическим дизайнером после того, как в результате ДТП лишился правой руки. Он был одним из авангардистов, стоящих у истоков нового европейского плаката. Когда ты архитектор, для тебя очевидно, что формообразование подчиняется единой системе, обратите внимание как линии, углы и окружности иллюстрации сочетаются с формой шрифта.