Collective #520

Original Source: http://feedproxy.google.com/~r/tympanus/~3/JMB9BR7ZzGQ/

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

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

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