Collective #710

Original Source: https://tympanus.net/codrops/collective/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

From Our Blog
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

From Our Blog
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

The post Collective #710 appeared first on Codrops.