Email or username:

Password:

Forgot your password?
Alexey Skobkin

Крик души к фронтендерам.

Важные правила создания модальных "окон":

- Если делаете модалку с заполнением формы или просто изменением состояния - не делайте возможность "закрыть" такое окно кликнув мимо
- Если не убираете такую возможность - сохраняйте содержимое и загружайте при открытии модалки заново
- Желательно совмещать оба два

Не можете так сделать?
НЕ ДЕЛАЙТЕ ТОГДА ЁБАНЫЕ МОДАЛКИ НАХУЙ!

#web #dev #frontend #idiots #UX #UI #design #Ozon #FAIL

11 comments
Alexey Skobkin

Да, это я только что заполнял форму возврата для наушников в Ozon, переключился на другой экран чтобы ответить в чате, а вернувшись случайно кликнул не туда и проебал подробнейшее описание дефектов.

И да, нередко когда я пишу что-то длинное и важное - я пишу это не в браузере. Но тут я изначально не думал, что буду так подробно всё расписывать 🤷‍♂️

mittorn

@skobkin конечно не могут. А модалки попросили в ТЗ, потому ты всё равно будешь страдать

Ténno Seremélʹ

@skobkin Для этого, на самом деле, ничего не надо делать. А вот light dismiss надо реализовывать (ну или включать в случае с popover‐ами). Т. е. кто‐то специально потратил время, чтобы сделать неудобно 🤭

Alexey Skobkin

@tennoseremel
Очевидно же, что зависит от реализации.

Ténno Seremélʹ

@skobkin Я тебе как раз говорю про реализацию.

Alexey Skobkin

@tennoseremel Ты говоришь это исходя из того, что ты пишешь модалку с нуля, а не используешь либу или фичу фреймворка, например.

Ténno Seremélʹ

@skobkin Дожились. Чтобы сделать showModal() уже либы используют…

всем сёстрам по серьгам

@skobkin
Эти важные правила хоть и важны, но всё же это лишь лечение симптомов.

И я, конечно, понимаю, что жанр "крик души" не то чтобы предполагает немедленное извлечение реальной практической пользы, но этот пост дал мне понять, что историю браузерных форм хотелось бы иметь в любом случае, безотносительно любых изысков фронтенда. И конечно же, подходящий аддон для этой задачи уже написан. stephanmahieu.github.io/fhc-ho

Alexey Skobkin

@sunaonavi
С одной стороны прикольно, а другой - криповато. Грабить сторедж такого расширения - богатое мероприятие.

rayslava

@sunaonavi любопытная штука!
У меня самого это решено через addons.mozilla.org/en-US/firef , однако я знаю, кому посоветовать это

@skobkin

Go Up