Collective #520
Inspirational Website of the Week: LARGO Inc.
An incredibly creative web experience with innovative details. Our pick this week.
Get inspired
Design, meet organization.
What would you make if you had tools designed for the way you like to create? Stop tracking projects across emails, spreadsheets, and docs. Step into the future of work with a free Airtable template.
Start now
Zdog
A great designer-friendly pseudo-3D engine for canvas and SVG. By David DeSandro.
Check it out
Implementing a Scroll Based Animation with JavaScript
An in-depth tutorial by Luis Manuel on how to code a very interesting looking scroll-based animation.
Read it
Generative Planets
An experiment that uses canvas and shaders over the Foundation Universe Planets list mentioned in the Robot, Empire and Foundation Series, created by Isaac Asimov.
Check it out
xstyled
Consistent theme based CSS for styled-components.
Check it out
30 Experimental WebGL Websites which will make you want to sit in a dark room and work more
A list of spectacular WebGL powered web experiences.
Check it out
Why we prefer CSS Custom Properties to SASS variables
Sebastiano Guerriero shows some practical examples of how CSS variables can power-up your workflow.
Read it
Sinmouse
A mesmerizing demo by Liam Egan.
Check it out
The CSS background-image property as an anti-pattern
Andrew Welch shares some surprising facts about the background-image property and explains why, for some cases, it should be avoided.
Read it
Daily Ethical Design
Lennart Overkamp shares a practical and structural mindset to ethics.
Read it
Using the Grid Shepherd Technique to Order Data with CSS
David Bernegger explains how to order data using CSS Grid.
Read it
An Exercise Program for the Fat Web
Jeff Atwood writes about the obesity crisis of the web and shows how to use Pi-Hole for a slimmer web experience.
Read it
Fireworks Three.js
Impressive Three.js fireworks by takashi.
Check it out
Microsoft Defrag (MSDOS)
An amazing Microsoft Defrag tool simulation made by Manz.
Check it out
Compiling C to WebAssembly without Emscripten
A fascinating journey into WebAssembly and how to compile C to it without touching Emscripten.
Read it
How !important are we?
Chris Heilmann shares some eye opening thoughts on the importance of web developers.
Read it
Grid Card Slider
Adam Kuhn made this creative card slideshow component.
Check it out
The future is dark
Ilke Verrelst writes about what to keep in mind when designing a dark mode for your app or website.
Read it
Reducing motion with the picture element
Brad Frost shares Dave Rupert's technique to use the picture element together with prefers-reduced-motion.
Check it out
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts with this generator by Sarah Drasner.
Check it out
useAnimations
A micro animations library for Lottie Framework and After Effects for instant usage.
Check it out
Gradient toggles
Mikael Ainalem created these toggles with gradients that are gradually animated away when disabling them.
Check it out
CSS Tic-Tac-Toe... now with AI
Alvaro Montoro developed this Tic-Tac-Toe game using only HTML and CSS, without any JavaScript.
Check it out