Collective #683
Publikováno: 14.10.2021
Building a multi-select component * How to win at CORS * Kuma * Parcel v2 * Flowrift
The post Collective #683 appeared first on Codrops.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_WOTW.jpg)
Inspirational Website of the Week: Victoire Douy
A unique design with engaging interactivity that perfectly represents the artist. Our pick this week.
![Shortcode](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/350x224kanban.png)
Project Management Without All the Management
Shortcut is made for engineers and project managers, providing easy reporting, task management, and collaboration. Delight the scrum gods and try it for free!
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_select.jpg)
Building a multi-select component
A foundational overview of how to build a responsive, adaptive, and accessible, multiselect component for sort and filter user experiences.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_corsplayground.jpg)
How to win at CORS
Jake Archibald built an interactive app, the CORS playground, and shows how to use it.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_jswinner.jpg)
js13kGames Winners 2021
The winners of this year’s js13kGames JavaScript coding competition.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_uptime.jpg)
Kuma
Kuma is a self-hosted monitoring tool similar to “Uptime Robot” with a great UI. Learn more about it in this video.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_handtracking.jpg)
YoHa
YoHa is a hand tracking engine that is built with the goal of being a versatile solution in practical scenarios where hand tracking is employed to add value to an application.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_gradient.jpg)
How To: Create the Stripe Website Gradient Effect
Learn how to create the amazing tilted gradient animation effect from the Stripe website. By Kevin Hufnagl.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_airtablealt.jpg)
Rowy
A free Airtable alternative: Manage Firestore data in a spreadsheet-like UI, write Cloud Functions effortlessly in the browser, and connect to third party platforms.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_parcel2.jpg)
Announcing Parcel v2!
The Parcel team shares the important announcement that v2.0.0 stable is now available.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_hue.jpg)
Huetone
Use LCH color space to come up with predictable and accessible color palettes.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_tailwind.jpg)
Flowrift
A growing library filled with Tailwind CSS UI blocks, components and templates.
![](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_Dos.jpg)
Dos-like
An engine for making things with a MS-DOS feel, but for modern platforms.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_water.jpg)
Gentle Introduction to Realtime Fluid Simulation for Programmers and Technical Artists
A simple intuitive breakdown of fluid simulation for programmers and technical artists. By Shahriar Shahrabi.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_checkboxes.jpg)
I keep making things out of checkboxes
In case you missed it: An interesting article by Bryan Braun on making things out of checkboxes.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_bor.jpg)
Bor
A user-friendly, tiny source code searcher written by pure Python.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_devtools.jpg)
What if… you could use Visual Studio Code as the editor of in-browser Developer Tools?
Christian Heilmann writes about a new experiment in the next version of Microsoft Edge that will allow you to use Visual Studio Code as the editor of the in-browser Developer Tools.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_canvas.jpg)
Making the whole web better, one canvas at a time.
Brian Kardell writes about Canvas and why we should care about it even if we don’t directly use the API.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_checkboxdemo.jpg)
FlipBoxes
Some creative flipping checkboxes made by Amit Sheen.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_futurecoding.jpg)
Futurecoder
Learn Python from scratch with this interactive learning tool, friendly for beginners.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_modernwebsite.jpg)
How I built a modern website in 2021
Kent C. Dodds rewrote his website using the latest technologies and shares what he used and how he did it.
![Collective 683 item image](http://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2021/10/C683_3dicons.jpg)
3dicons
Some months ago, Vijay Verma shared 60+ free and open-source 3D icons. This collection has now grown to over a thousand icons! Worth checking out again.
The post Collective #683 appeared first on Codrops.