Collective #710
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
[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
Grid Tile Patterns
Daniel Velasquez is exploring infinite patterns made from grids.
Check it out
Building a combined CSS-aspect-ratio-grid
Nils Binder shares the solution to a tricky problem using CSS aspect-ratio.
Read it
Scrollex
Scrollex is a react library that lets you build beautiful scroll experiences using minimal code.
Check it out
Fundomo
A fantastic project made by Julian Garnier made with Three.js and Anime.js. Read more about it here.
Check it out
David: Creative Developer
The amazing portfolio of David Heckhoff made with fantastic WebGL 3D animation.
Check it out
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
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
Stacks
Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow.
Check it out
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
Dark side
Learn how to code a dark mode toggle that persists in the browser. By Roy Quilor.
Check it out
RemixPress
RemixPress is a presentation layer built with React, Remix, MUI and GraphQl that works with Wordress as a headless CMS.
Check it out
lists.sh
A simple microblog for lists.
Check it out
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
Snipli
A command-line interface for quickly sharing code snippets of your local files.
Check it out
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
Just Join IT
A new job board for Europe’s tech industry.
Check it out
User friendly web games
A collection of user friendly web games that are not overly addictive.
Check it out
Building a JavaScript Bundler
Learn the basics of building a JavaScript bundler in this tutorial by Christoph Nakazawa.
Check it out
Deep Dive into Text Wrapping and Word Breaking
Learn about all the different ways to control how text wraps with CSS.
Read it
Textualize
Projects that help make the terminal more powerful and beautiful.
Check it out
Mechanical Watch
A beautifully illustrated guide on how to build a mechanical watch by Bartosz Ciechanowski.
Check it out
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
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