Collective #710
![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_WOTW.jpg?x72856)
Inspirational Website of the Week: Erin Wesley
Elegance and sophisticated design elements, fine typography and lovely effects make this website a great web experience.
Get inspired![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_array.jpg?x72856)
[Array Builder]
Array Builder is a free tool to visualize the returned values of array transformations and computations made from map/filter/reduce.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_patterns.jpg?x72856)
Grid Tile Patterns
Daniel Velasquez is exploring infinite patterns made from grids.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_aspectratio.jpg?x72856)
Building a combined CSS-aspect-ratio-grid
Nils Binder shares the solution to a tricky problem using CSS aspect-ratio.
Read it![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_scrollex.jpg?x72856)
Scrollex
Scrollex is a react library that lets you build beautiful scroll experiences using minimal code.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_julian.jpg?x72856)
Fundomo
A fantastic project made by Julian Garnier made with Three.js and Anime.js. Read more about it here.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_david.jpg?x72856)
David: Creative Developer
The amazing portfolio of David Heckhoff made with fantastic WebGL 3D animation.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_sorting.jpg?x72856)
Building Table Sorting and Pagination in Alpine.js
Learn how to build a sortable, paged, dynamic table in Alpine.js. By Raymond Camden.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_accordion.jpg?x72856)
Using the Web Audio API to Turn my Keyboard into an Instrument
Tania Rascia shows how she built Keyboard Accordion with Svelte to make a musical keyboard.
Read it![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_stacks.jpg?x72856)
Stacks
Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_stephanie.jpg?x72856)
Contextual Spacing For Intrinsic Web Design
Stephanie Eckles shows how to use adaptive, contextual spacing techniques to deal with the unpredictability of browser environments.
Read it![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_darkside.jpg?x72856)
Dark side
Learn how to code a dark mode toggle that persists in the browser. By Roy Quilor.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_remix.jpg?x72856)
RemixPress
RemixPress is a presentation layer built with React, Remix, MUI and GraphQl that works with Wordress as a headless CMS.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_lists.jpg?x72856)
lists.sh
A simple microblog for lists.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_planby.jpg?x72856)
Planby
Planby is a React based component that lets you implement your own Timeline. Learn more about it in this tutorial by Karol Kozer.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_snipli.jpg?x72856)
Snipli
A command-line interface for quickly sharing code snippets of your local files.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_springcleaning.jpg?x72856)
Internet spring cleaning: How to delete Instagram, Facebook and other accounts
Some tips on how to remove online clutter and delete your accounts on some social media platforms, specifically, the ones who use and abuse your data.
Read it![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_jobs.jpg?x72856)
Just Join IT
A new job board for Europe's tech industry.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_games.jpg?x72856)
User friendly web games
A collection of user friendly web games that are not overly addictive.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_tutorial.jpg?x72856)
Building a JavaScript Bundler
Learn the basics of building a JavaScript bundler in this tutorial by Christoph Nakazawa.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_wrap.jpg?x72856)
Deep Dive into Text Wrapping and Word Breaking
Learn about all the different ways to control how text wraps with CSS.
Read it![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_textual.jpg?x72856)
Textualize
Projects that help make the terminal more powerful and beautiful.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_watch.jpg?x72856)
Mechanical Watch
A beautifully illustrated guide on how to build a mechanical watch by Bartosz Ciechanowski.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_websitesroundup.jpg?x72856)
Inspirational Websites Roundup #37
A special selection of the most creative websites with the finest designs from the past couple of weeks to keep you up-to-date on the current trends.
Check it out![Collective 710 item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2022/05/C710_intro.jpg?x72856)
Image Trail Animation for an Intro
An experimental concept with an initial loader, a trail effect and an intro screen that animates to a new layout using GSAP's Flip plugin.
Check it out