Elix

We've released Elix 15.0: mostly a clean-up release, but also supports the new CSS :--state syntax. E.g., you can style an elix-carousel's dots to look like flowers github.com/elix/elix/rele…

We've released Elix 14.1, which includes reworking the accessibility and microinteractions on components in the dropdown list, combo box, and menu button families. github.com/elix/elix/rele…

We’ve released Elix 12.0, which includes some deprecations to streamline our API a bit. github.com/elix/elix/rele…

@brad_frost @davatron5000 Take a look at @ElixElements components. It's goal is exactly to solve the missing semantics(design patterns) problem while providing quality apis and accessibility completeness found in core HTML. Look at expandable section for example component.kitchen/elix

Being able to style web components in plain CSS may turn out to be their most compelling feature — the one that will differentiate them from the mess of non-standard concepts and tooling required to style components in proprietary frameworks.

The result has all the original's fundamentals: touch/trackpad gestures, full keyboard support, ARIA screen reader support, localization (for RTL languages), no build required, no dependencies, framework-agnostic, dependable DOM experience (checklist at github.com/webcomponents/…).

We’ve updated the Elix web components to support the new ::part() and :state() selectors coming to CSS: component.kitchen/elix/customizi…. The minimalist Elix Carousel has a number of internal parts in its shadow DOM where, by design, they can’t accidentally be styled with page CSS:

Positive GitHub issues are rare, but today, about Elix: “great array of mixins… es6 modules (that works in the browser), not having a build step, not dependent on astronomical number of packages, not using elaborate styles and themes… just beautiful.” github.com/elix/elix/issu…

Elix is one of the web component libraries we should learn from. And formdata event is indeed a nice feature allowing Custom Elements to be used in <form>

@wolframkriesing Now we rely on CSS `:not(:defined) { visibility: hidden; }`, but we used to show the components ourselves: github.com/JanMiksovsky/e…

Elix 6.0.3 adds something we’ve looked forward to doing for a long time: add swipe commands to lists in web apps! Supports touch on mobile, trackpad on desktop, coexists with keyboard/accessible list items. component.kitchen/elix/SwipeComm…

We’ve also added TypeScript declaration files for all our components and helpers. Thanks to @FlorianHehlen for the inspiration.

We’ve created Quick Start projects for anyone who wants to see a high-quality, general-purpose web component running in the context of a plain JS, React, or TypeScript project: #quick-start" target="_blank" rel="nofollow noopener">github.com/elix/elix#quic…

@cwattsss I’d almost completely forgotten that detail of desktop OS menus! I felt like something was missing, and finally figured it out. Oddly, flashing felt unnecessary on mobile, and in fact isn’t done by mobile OSes. So we do our best to only show the flashing when viewed on a desktop.

We’ve released Elix 5.0. That includes a substantial rewrite of focus handling so that we can restore support for default browser behavior, like drag-and-drop of images from a carousel. github.com/elix/elix/rele…

@ComponentK Building components with this flexibility in mind means that it's easy to take a combo box base class we built for selecting items from a list, use an international-aware calendar to fill the role of the popup content, and get an dropdown date picker. component.kitchen/elix/DateCombo…

The new release of @ElixElements 4.0.0 includes new interactive calendar components, new mixins for basic component tasks, and new customization facilities. github.com/elix/elix/rele…

New in Elix 3.3: generic ComboBox and ListComboBox with auto-complete! github.com/elix/elix/rele…