Using for Menus and Dialogs Is an Interesting Idea

This page summarizes the projects mentioned and recommended in the original post on news.ycombinator.com

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • dialog-polyfill

    Polyfill for the HTML dialog element

  • devadvance

    I saw several posts about using `` in this way, but none that fully implemented what I was looking for. So I implemented a site navbar that uses `` in two ways: for dropdowns, and for a sidebar.

    A working reference implementation can be found here [1]. Additionally, I ended up using a version of this on my personal site [2].

    One thing to be careful of when using `

    ` in interesting ways: accessibility. At a minimum, I encourage folks to make sure that screen readers work as expected.

    [1] https://codepen.io/devadvance/pen/bGBvvWv

    [2] https://github.com/devadvance/devadvance.github.io/blob/mast...

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  • sciter

    Sciter: the Embeddable HTML/CSS/JS engine for modern UI development

  • WebKit

    Home of the WebKit project, the browser engine used by Safari, Mail, App Store and many other applications on macOS, iOS and Linux.

    In WebKit, was one of the first test-bed for (then non-exist) Web Components infrastructure. Before that, it directly manipulated the internal rendering tree, which is often error prone. Using higher-level primitive (Web Components) felt like a no-brainer but turned out to be a very tricky, took much longer to fresh it out. Because, after all, there was no such thing like Web Components!

    Apparently this element is still implemented in Shadow-DOMy way [1]. So the effort was worth something after all, I guess.

    [1] https://github.com/WebKit/WebKit/blob/main/Source/WebCore/ht...

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts