Collective #520
Publikováno: 30.5.2019
Zdog * xstyled * How !important are we? * Daily Ethical Design * The future is dark * Reducing motion with the picture element
Collective #520 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: LARGO Inc.
An incredibly creative web experience with innovative details. Our pick this week.
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.
Zdog
A great designer-friendly pseudo-3D engine for canvas and SVG. By David DeSandro.
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.
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.
xstyled
Consistent theme based CSS for styled-components.
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.
Why we prefer CSS Custom Properties to SASS variables
Sebastiano Guerriero shows some practical examples of how CSS variables can power-up your workflow.
Sinmouse
A mesmerizing demo by Liam Egan.
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.
Daily Ethical Design
Lennart Overkamp shares a practical and structural mindset to ethics.
Using the Grid Shepherd Technique to Order Data with CSS
David Bernegger explains how to order data using CSS Grid.
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.
Fireworks Three.js
Impressive Three.js fireworks by takashi.
Microsoft Defrag (MSDOS)
An amazing Microsoft Defrag tool simulation made by Manz.
Compiling C to WebAssembly without Emscripten
A fascinating journey into WebAssembly and how to compile C to it without touching Emscripten.
How !important are we?
Chris Heilmann shares some eye opening thoughts on the importance of web developers.
Grid Card Slider
Adam Kuhn made this creative card slideshow component.
The future is dark
Ilke Verrelst writes about what to keep in mind when designing a dark mode for your app or website.
Reducing motion with the picture element
Brad Frost shares Dave Rupert’s technique to use the picture element together with prefers-reduced-motion.
CSS Grid Generator
Generate basic CSS Grid code to make dynamic layouts with this generator by Sarah Drasner.
useAnimations
A micro animations library for Lottie Framework and After Effects for instant usage.
Gradient toggles
Mikael Ainalem created these toggles with gradients that are gradually animated away when disabling them.
CSS Tic-Tac-Toe… now with AI
Alvaro Montoro developed this Tic-Tac-Toe game using only HTML and CSS, without any JavaScript.
Collective #520 was written by Pedro Botelho and published on Codrops.