Todays issue is all about extending your Web Developers toolbox with some useful libraries to provide the best UX to your users or visitors. Tables, Dropdowns, Color Pickers, Footnotes and GDPR dialogs on steroids.
- Virtual Select
- LC Select
- Vanilla Colorful
- Duet Date Picker
- Cookie Though
- Number Rollup
JSTableby Tobias Hägenläuer
JSTable is a library to convert a static HTML TABLE element into an interactive and responsive one, which supports paging, sorting and searching.
Luckysheetby MengShu Open Source
Luckysheet is an Excel or Google Sheets clone, for using in your own web projects. It is nearly as powerfull as his role models, but Open Source. Supports imports and has a plugin interface.
Virtual Selectby Sa Si Dev
Whoever ‘Sa Si Dev’ is … he/she made a replacement for the ordinary HTML SELECT element, which is nearly unrivalled. It supports search, matched term marking, multi-select, disabling options, option groups, adding new options and many others. One of the best features, is the dialog style select on mobile devices.
LC Selectby Luca
Luca from Italy made this excellent SELECT replacement, which can show the selected options as pills or as grouped lists with images. It supports a search bar, light/dark theme, multilanguage and is mobile ready as well as it has full keyboard support.
Vanilla Colorfulby Serhii Kulykov
This color picker is just awesome. It looks really pleasing and has all the features you expect. It is written in TypeScript and authored using native ES modules, without dependencies.
Duet Date Pickerby Duet Design System
This clean looking date picker is easy to integrate and supports mostly everything you can expect: keyboard, mobile devices and even screen readers.
Cookie Thoughby In The Pocket
Since the GDPR has hit the industry, there are tons of solutions to show the necessary consent dialog. A team from Belgium has made a really nice one, without misleading buttons, annoying full screen modes or other dark patterns. And it is Open Source…
Full-Screen-Touch-Sliderby Will Adams
Will has created a really simple, but good looking and animated full screen touch slider, which works great on mobile devices. The only question is: Why is he so addicted to knifes?
Bigfootby Chris Sauve
Chris from Canada has a smart solution for showing footnotes in HTML documents: show them as bubbles above the text by clicking a tiny button, which replaces the orginial footnote. Only drawback: it’s a jQuery plugin…
Number Rollupby marknorrapscm
Number Rollup does what the name suggests: it rollups a number from a starting to an end point, animated and customizable. Nice.
You can interact with this article (applause, criticism, whatever) by mention it in one of your posts, which will be shown here as a Webmention, or by leaving a good old comment with your GitHub account.
No Webmentions yet...
In case your blog software can't send Webmentions, you can use this form to submit me a mention of this article...