Pipes & Wheels
JavaScript
Discoveries

Discoveries #9

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.

  • JSTable
  • Luckysheet
  • Virtual Select
  • LC Select
  • Vanilla Colorful
  • Duet Date Picker
  • Cookie Though
  • Full-Screen-Touch-Slider
  • Bigfoot
  • Number Rollup

JSTable

by Tobias Hägenläuer 
https://github.com/Trekky12/JSTable

JSTable is a library to convert a static HTML TABLE element into an interactive and responsive one, which supports paging, sorting and searching.

JSTable

Luckysheet

by MengShu Open Source 
https://github.com/mengshukeji/Luckysheet

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.

Luckysheet

Virtual Select

by Sa Si Dev 
https://sa-si-dev.github.io/virtual-select/#/

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.

Virtual Select

LC Select

by Luca 
https://lcweb.it/lc-select-javascript-plugin

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.

LC Select

Vanilla Colorful

by Serhii Kulykov 
https://web-padawan.github.io/vanilla-colorful/

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.

Vanilla Colorful

Duet Date Picker

by Duet Design System 
https://duetds.github.io/date-picker/

This clean looking date picker is easy to integrate and supports mostly everything you can expect: keyboard, mobile devices and even screen readers.

Duet Date Picker

Cookie Though

by In The Pocket 
https://cookiethough.dev/

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…

Cookie Though

Full-Screen-Touch-Slider

by Will Adams 
https://github.com/bushblade/Full-Screen-Touch-Slider

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?

Full-Screen-Touch-Slider

Bigfoot

by Chris Sauve 
http://www.bigfootjs.com/

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…

Bigfoot

Number Rollup

by marknorrapscm 
https://marknorrapscm.github.io/number-rollup/

Number Rollup does what the name suggests: it rollups a number from a starting to an end point, animated and customizable. Nice.

Number Rollup

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.

Webmentions

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...


Comments

Related