#модальные_окна — Public Fediverse posts

Перестаньте мешать пользователям: гайд по дружелюбным модальным окнам

Модальные окна — пожалуй, самый спорный элемент любого интерфейса. Они врываются в процесс, требуют внимания и вынуждают принимать решение прямо сейчас. Поэтому хорошая «модалка» — это не про красивый внешний вид, а про уместность. Про то, чтобы вмешаться в нужный момент и не навредить. Но чтобы понять, где эта грань, стоит сначала разобраться: а что вообще происходит, когда модальное окно появляется на экране? Больше о «модалках»

https://habr.com/ru/companies/severstal/articles/1022004/

#ux_design #ui #пользовательские_интерфейсы #пользовательский_опыт #figma #figma_design #web #модальные_окна #модальная_логика

[Перевод] Заменяем JS обычным HTML

Уже многие годы JavaScript остаётся «рабочей лошадкой» веба. Если вам нужно сделать то, что невозможно реализовать средствами HTML и CSS, то обычно найти решение помогает JS. И это замечательно! JS помог расширить возможности пользователей, а также стимулировал прогресс HTML и CSS! Но время идёт, функции HTML и CSS расширяются , поэтому мы должны начать заменять старые и привычные решения на JS новыми, требующими меньше JS. Я ничего не имею против JS , но у него есть иные задачи, кроме как управление аккордеонами и внеэкранными меню навигации... Кроме того, JS нужно скачивать, распаковывать, обрабатывать, после чего он ещё часто тратит память на мониторинг и поддержку фич. Если мы сможем перенести какую-то функциональность JS в нативный HTML или CSS, тогда пользователям придётся скачивать меньше данных, а оставшийся JS сможет уделить внимание более важным задачам, с которыми (пока) не справляются HTML и CSS. В этой статье я приведу несколько примеров; сможете придумать свои?

https://habr.com/ru/articles/981298/

#аккордеон #всплывающие_окна #модальные_окна #навигация #вёрстка

5 причин плохого настроения. История одного Flutter-проекта, который заставил нас поломать голову

Привет! На связи Никита Грибков, Flutter-разработчик AGIMA. В прошлом году я стал свидетелем жутких событий, которые разворачивались на одном из наших проектов. В сущности, жуткими они были только потому, что техзадание состояло из сложных и нестандартных задач — но всё-таки они изрядно потрепали нам нервы. Времени на всё про всё, как водится, было по минимуму. Мы закатали рукава, вооружились всеми доступными инструментами — и начали подбирать решение для каждой проблемы. Ниже опишу, что представлял собой проект и какие именно задачи заставили нас поднапрячься.

https://habr.com/ru/companies/agima/articles/892278/

#flutter #nosql #isar #bloc #модальные_окна #globalkeys #tween #AnimatedOpacity #ddd #drift

[Перевод] Современные способы переключения контента

Тот, у кого из всех инструментов есть только молоток, склонен на любую проблему смотреть, как на гвоздь. Абрахам Маслоу Мы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства и недостатки, а также некоторые нюансы, о которых мы могли и не подозревать (включая псевдоэлементы и другие малоизвестные вещи).

https://habr.com/ru/companies/timeweb/articles/867142/

#timeweb_статьи_перевод #javascript #css #html #dialog #popover #details #anchor #якорь #всплывающие_окна #модальные_окна #modal