Collective #520

Original Source:


Inspirational Website of the Week: LARGO Inc.

An incredibly creative web experience with innovative details. Our pick this week.

Get inspired


This content is sponsored via Thought Leaders
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



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



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



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



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

Collective #520 was written by Pedro Botelho and published on Codrops.

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

Your email address will not be published. Required fields are marked *