home.social

#modals — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #modals, aggregated by home.social.

  1. Frontend Dogma @[email protected] ·

    The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

    blog.gitbutler.com/the-great-c

    #css #anchorpositioning #popovers #modals #animations #transitions #forms

    #forms #transitions #animations #modals #popovers #anchorpositioning
  2. Frontend Dogma @[email protected] ·

    The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

    blog.gitbutler.com/the-great-c

    #css #anchorpositioning #popovers #modals #animations #transitions #forms

    #forms #transitions #animations #modals #popovers #anchorpositioning
  3. Frontend Dogma @[email protected] ·

    The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

    blog.gitbutler.com/the-great-c

    #css #anchorpositioning #popovers #modals #animations #transitions #forms

    #forms #transitions #animations #modals #popovers #anchorpositioning
  4. Frontend Dogma @frontenddogma ·

    The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

    blog.gitbutler.com/the-great-c

    #forms #transitions #animations #modals #popovers #anchorpositioning
  5. Frontend Dogma @[email protected] ·

    The Great CSS Expansion, by @pavellaptev.bsky.social (@gitbutler.com):

    blog.gitbutler.com/the-great-c

    #css #anchorpositioning #popovers #modals #animations #transitions #forms

    #forms #transitions #animations #modals #popovers #anchorpositioning
  6. Habr @[email protected] ·

    Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

    #redux #dialog #react #modals
  7. Habr @[email protected] ·

    Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

    #redux #dialog #react #modals
  8. Habr @[email protected] ·

    Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

    #redux #dialog #react #modals
  9. Habr @[email protected] ·

    Модальные окна в React: архитектура управления для сложных интерфейсов

    Модальные окна — один из самых недооценённых слоёв UI-архитектуры. Формы, подтверждения, панели действий — в любом крупном проекте их десятки. И почти в каждом проекте их управление со временем превращается в хаос. Не потому что разработчики ленивые. А потому что модалки обманчиво просты. useState(false) — и готово. Пока модалка одна, в одном месте, с одним набором данных — проблем нет.

    habr.com/ru/articles/1019824/

    #Modals #React #dialog #redux

    #modals #react #dialog #redux
  10. Frontend Dogma @[email protected] ·

    Quick Tip: Dialog Focus, by @nattarnoff.bsky.social:

    tarnoff.info/2026/03/10/quick-

    #accessibility #modals #focus #tipsandtricks

    #tipsandtricks #focus #modals #accessibility
  11. Frontend Dogma @[email protected] ·

    Quick Tip: Dialog Focus, by @nattarnoff.bsky.social:

    tarnoff.info/2026/03/10/quick-

    #accessibility #modals #focus #tipsandtricks

    #tipsandtricks #focus #modals #accessibility
  12. Frontend Dogma @[email protected] ·

    Quick Tip: Dialog Focus, by @nattarnoff.bsky.social:

    tarnoff.info/2026/03/10/quick-

    #accessibility #modals #focus #tipsandtricks

    #tipsandtricks #focus #modals #accessibility
  13. Frontend Dogma @frontenddogma ·

    Quick Tip: Dialog Focus, by @nattarnoff.bsky.social:

    tarnoff.info/2026/03/10/quick-

    #tipsandtricks #focus #modals #accessibility
  14. Frontend Dogma @[email protected] ·

    Quick Tip: Dialog Focus, by @nattarnoff.bsky.social:

    tarnoff.info/2026/03/10/quick-

    #accessibility #modals #focus #tipsandtricks

    #tipsandtricks #focus #modals #accessibility
  15. Frontend Dogma @[email protected] ·

    Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/popover-api-or-

    #popovers #modals #apis #accessibility #javascript

    #javascript #accessibility #apis #modals #popovers
  16. Frontend Dogma @[email protected] ·

    Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/popover-api-or-

    #popovers #modals #apis #accessibility #javascript

    #javascript #accessibility #apis #modals #popovers
  17. Frontend Dogma @[email protected] ·

    Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/popover-api-or-

    #popovers #modals #apis #accessibility #javascript

    #javascript #accessibility #apis #modals #popovers
  18. Frontend Dogma @frontenddogma ·

    Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/popover-api-or-

    #javascript #accessibility #apis #modals #popovers
  19. Frontend Dogma @[email protected] ·

    Popover API or Dialog API: Which to Choose?, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/popover-api-or-

    #popovers #modals #apis #accessibility #javascript

    #javascript #accessibility #apis #modals #popovers
  20. Frontend Dogma @[email protected] ·

    Mastering Dialog Accessibility, by (not on Mastodon or Bluesky):

    vispero.com/resources/masterin

    #accessibility #modals #html #aria

    #aria #html #modals #accessibility
  21. Frontend Dogma @[email protected] ·

    Mastering Dialog Accessibility, by (not on Mastodon or Bluesky):

    vispero.com/resources/masterin

    #accessibility #modals #html #aria

    #aria #html #modals #accessibility
  22. Frontend Dogma @[email protected] ·

    Mastering Dialog Accessibility, by (not on Mastodon or Bluesky):

    vispero.com/resources/masterin

    #accessibility #modals #html #aria

    #aria #html #modals #accessibility
  23. Frontend Dogma @frontenddogma ·

    Mastering Dialog Accessibility, by (not on Mastodon or Bluesky):

    vispero.com/resources/masterin

    #aria #html #modals #accessibility
  24. Frontend Dogma @[email protected] ·

    Mastering Dialog Accessibility, by (not on Mastodon or Bluesky):

    vispero.com/resources/masterin

    #accessibility #modals #html #aria

    #aria #html #modals #accessibility
  25. Frontend Dogma @[email protected] ·

    Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands, by @schalkneethling:

    schalkneethling.com/posts/open

    #modals #html

    #html #modals
  26. Frontend Dogma @[email protected] ·

    Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands, by @schalkneethling:

    schalkneethling.com/posts/open

    #modals #html

    #html #modals
  27. Frontend Dogma @[email protected] ·

    Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands, by @schalkneethling:

    schalkneethling.com/posts/open

    #modals #html

    #html #modals
  28. Frontend Dogma @frontenddogma ·

    Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands, by @schalkneethling:

    schalkneethling.com/posts/open

    #html #modals
  29. Frontend Dogma @[email protected] ·

    Opening and Closing Dialogs Without JavaScript Using HTML Invoker Commands, by @schalkneethling:

    schalkneethling.com/posts/open

    #modals #html

    #html #modals
  30. Frontend Dogma @[email protected] ·

    There Is No Need to Trap Focus on a “dialog” Element, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/there-is-no-nee

    #modals #focus #accessibility

    #accessibility #focus #modals
  31. Frontend Dogma @[email protected] ·

    There Is No Need to Trap Focus on a “dialog” Element, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/there-is-no-nee

    #modals #focus #accessibility

    #accessibility #focus #modals
  32. Frontend Dogma @[email protected] ·

    There Is No Need to Trap Focus on a “dialog” Element, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/there-is-no-nee

    #modals #focus #accessibility

    #accessibility #focus #modals
  33. Frontend Dogma @frontenddogma ·

    There Is No Need to Trap Focus on a “dialog” Element, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/there-is-no-nee

    #accessibility #focus #modals
  34. Frontend Dogma @[email protected] ·

    There Is No Need to Trap Focus on a “dialog” Element, by @zellwk.bsky.social (@csstricks):

    css-tricks.com/there-is-no-nee

    #modals #focus #accessibility

    #accessibility #focus #modals
  35. Frontend Dogma @[email protected] ·

    What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):

    maxdesign.com.au/articles/mini

    #modals #minimalism #html #css #accessibility

    #accessibility #css #html #minimalism #modals
  36. Frontend Dogma @[email protected] ·

    What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):

    maxdesign.com.au/articles/mini

    #modals #minimalism #html #css #accessibility

    #accessibility #css #html #minimalism #modals
  37. Frontend Dogma @[email protected] ·

    What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):

    maxdesign.com.au/articles/mini

    #modals #minimalism #html #css #accessibility

    #accessibility #css #html #minimalism #modals
  38. Frontend Dogma @frontenddogma ·

    What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):

    maxdesign.com.au/articles/mini

    #accessibility #css #html #minimalism #modals
  39. Frontend Dogma @[email protected] ·

    What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):

    maxdesign.com.au/articles/mini

    #modals #minimalism #html #css #accessibility

    #accessibility #css #html #minimalism #modals
  40. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  41. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  42. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  43. Frontend Dogma @frontenddogma ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #viewtransitions #javascript #modals
  44. Frontend Dogma @[email protected] ·

    Dialog View Transitions, by @medienbaecker:

    medienbaecker.com/articles/dia

    #modals #javascript #viewtransitions

    #viewtransitions #javascript #modals
  45. Frontend Dogma @[email protected] ·

    Getting a Close Button to Hang Off of a Dialog, by @darin:

    darins.page/articles/close-but

    #modals #buttons #css #anchorpositioning

    #anchorpositioning #css #buttons #modals
  46. Frontend Dogma @[email protected] ·

    Getting a Close Button to Hang Off of a Dialog, by @darin:

    darins.page/articles/close-but

    #modals #buttons #css #anchorpositioning

    #anchorpositioning #css #buttons #modals
  47. Frontend Dogma @[email protected] ·

    Getting a Close Button to Hang Off of a Dialog, by @darin:

    darins.page/articles/close-but

    #modals #buttons #css #anchorpositioning

    #anchorpositioning #css #buttons #modals
  48. Frontend Dogma @frontenddogma ·

    Getting a Close Button to Hang Off of a Dialog, by @darin:

    darins.page/articles/close-but

    #anchorpositioning #css #buttons #modals
  49. Frontend Dogma @[email protected] ·

    Getting a Close Button to Hang Off of a Dialog, by @darin:

    darins.page/articles/close-but

    #modals #buttons #css #anchorpositioning

    #anchorpositioning #css #buttons #modals
  50. Frontend Dogma @[email protected] ·

    NoLoJS: Reducing the JS Workload With HTML and CSS, by @aarontgrogg (@perfplanet.bsky.social):

    calendar.perfplanet.com/2025/n

    #html #disclosurewidgets #forms #modals #popovers #navigation #scrolling #positioning

    #positioning #scrolling #navigation #popovers #modals #forms