Полный текст
Делаем ужасный интерфейс только при помощи HTML и CSSСделать пользовательский опыт невыносимым можно без сложных скриптов. Достаточно точечно ударить по семантике разметки.Стандартный текстовый ввод для банковских карт вызывает неудобную микро-клавиатуру на смартфонах. Скрытый индекс навигации надёжно отрезает фокус от кнопок очистки. Замена заголовков и подписей обычными блоками переводит скринридеры в слепой режим, а сливающаяся с фоном обводка окончательно путает визуальное восприятие.Подобные фронтенд-антипаттерны легко проходят код-ревью, но превращают работу с интерфейсом в пытку.