Collective #478

Original Source:


Inspirational Website of the Week: Rezo Zero

A sophisticated design with great typography and smooth effects. Our pick this week.

Get inspired



Tommy Hodgins covers some of the most requested CSS styling features in a month-long series in this Twitter thread.

Check it out


Our Sponsor
Real Time Design in WordPress

Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.

Check it out


Styling a Select Like It’s 2019

Scott Jehl shows how a reasonable set of styles can create a consistent select across new browsers, while also looking fine in older ones.

Read it


Reversing an Easing Curve

Michelle Barker walks through the math of reversing any easing function.

Check it out


I Used The Web For A Day Using A Screen Reader

Chris Ashton experiences first-hand difficulties that visually impaired users face and describes what we can do as web developers to help.

Read it


Handling broken images with the service worker

Ire Aderinokun shows how to implement a service worker for handling broken images.

Read it


Web components still need to be accessible

Eric Bailey reminds us that using modern development techniques are not a guarantee for accessibility.

Read it



A mesmerizing Christmas Experiment by Nicolas Riciotti.

Check it out


JavaScript Getter-Setter Pyramid

André Staltz provides a tour through the different layers of JavaScript abstractions.

Read it


Magic Sketchpad

Every time you start drawing a doodle, a machine learning algorithm tries to finish it and match the category you’ve selected. Made by Monica Dinculescu.

Check it out


Flame in the wind

Blake Bowen coded this captivating flame demo.

Check it out


Spotify Wrapped 2018 – Technical Case Study

A look under the hood at the technology and techniques used to power Spotify Wrapped 2018.

Read it



Super stylish illustrations for your next project. PNGs are free for a link.

Check it out


Animated Multiline Link Underlines with CSS

Danny Guo shares how to create an animated underline style for a breaking link.

Read it


I’m Awake! Stay Awake with the WakeLock API

Learn all about the Wake Lock API in this post by Pete LePage.

Read it


Writing A Multiplayer Text Adventure Engine In Node.js

A tutorial by Fernando Doglio on how to build a multiplayer text adventure engine.

Read it


Taming Data with JavaScript

An article by Brian Greig where he shares some insight on how to properly deal with data processing in the browser.

Read it


Why you should use D3

Mike Bostock lays down two reasons why you might want to use a library like D3 (or Vega).

Read it


XmasTree Game

A fun game where you decorate a Christmas tree.

Check it out


How to do this in Flutter?

A cheat sheet for React Native developers for finding Flutter alternatives to familiar concepts.

Check it out


Checking if an input is empty with CSS

An article by Zell Liew where he explores how to check if an input is empty using CSS.

Read it


Spotify Wrapped Animation using GSAP

A recreation of the effect seen on the Spotify “Your 2018 Wrapped” page. By Peter Barr.

Check it out


From Our Blog
Inspirational Websites from 2018

An inspirational collection of our favorite website designs from 2018.

Check it out

Collective #478 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 *