Collective #710
Publikováno: 5.5.2022
[Array Builder] * Scrollex * Grid Tile Patterns * RemixPress * Just Join IT
The post Collective #710 appeared first on Codrops.
Inspirational Website of the Week: Erin Wesley
Elegance and sophisticated design elements, fine typography and lovely effects make this website a great web experience.
[Array Builder]
Array Builder is a free tool to visualize the returned values of array transformations and computations made from map/filter/reduce.
Grid Tile Patterns
Daniel Velasquez is exploring infinite patterns made from grids.
Building a combined CSS-aspect-ratio-grid
Nils Binder shares the solution to a tricky problem using CSS aspect-ratio.
Scrollex
Scrollex is a react library that lets you build beautiful scroll experiences using minimal code.
Fundomo
A fantastic project made by Julian Garnier made with Three.js and Anime.js. Read more about it here.
David: Creative Developer
The amazing portfolio of David Heckhoff made with fantastic WebGL 3D animation.
Building Table Sorting and Pagination in Alpine.js
Learn how to build a sortable, paged, dynamic table in Alpine.js. By Raymond Camden.
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.
Stacks
Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow.
Contextual Spacing For Intrinsic Web Design
Stephanie Eckles shows how to use adaptive, contextual spacing techniques to deal with the unpredictability of browser environments.
Dark side
Learn how to code a dark mode toggle that persists in the browser. By Roy Quilor.
RemixPress
RemixPress is a presentation layer built with React, Remix, MUI and GraphQl that works with Wordress as a headless CMS.
lists.sh
A simple microblog for lists.
Planby
Planby is a React based component that lets you implement your own Timeline. Learn more about it in this tutorial by Karol Kozer.
Snipli
A command-line interface for quickly sharing code snippets of your local files.
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.
Just Join IT
A new job board for Europe’s tech industry.
User friendly web games
A collection of user friendly web games that are not overly addictive.
Building a JavaScript Bundler
Learn the basics of building a JavaScript bundler in this tutorial by Christoph Nakazawa.
Deep Dive into Text Wrapping and Word Breaking
Learn about all the different ways to control how text wraps with CSS.
Textualize
Projects that help make the terminal more powerful and beautiful.
Mechanical Watch
A beautifully illustrated guide on how to build a mechanical watch by Bartosz Ciechanowski.
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.
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.
The post Collective #710 appeared first on Codrops.