Collective #478
Inspirational Website of the Week: Rezo Zero
A sophisticated design with great typography and smooth effects. Our pick this week.
Get inspired
#merryCSSmas
Tommy Hodgins covers some of the most requested CSS styling features in a month-long series in this Twitter thread.
Check it out
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.
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
Glimmer
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
Ouch!
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
Inspirational Websites from 2018
An inspirational collection of our favorite website designs from 2018.
Check it out