Collective #478
![C478_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_WOTW.png?x86293)
Inspirational Website of the Week: Rezo Zero
A sophisticated design with great typography and smooth effects. Our pick this week.
Get inspired![C478_cssmas](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_cssmas.jpg?x86293)
#merryCSSmas
Tommy Hodgins covers some of the most requested CSS styling features in a month-long series in this Twitter thread.
Check it out![C455_Divi](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/10/C455_Divi.jpg?x86293)
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![C478_select](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_select.jpg?x86293)
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.
![C478_easing](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_easing.jpg?x86293)
Reversing an Easing Curve
Michelle Barker walks through the math of reversing any easing function.
Check it out![C478_screenreader](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_screenreader.jpg?x86293)
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![C478_servworker](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_servworker.jpg?x86293)
Handling broken images with the service worker
Ire Aderinokun shows how to implement a service worker for handling broken images.
Read it![C478_components](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_components.jpg?x86293)
Web components still need to be accessible
Eric Bailey reminds us that using modern development techniques are not a guarantee for accessibility.
Read it![C478_glimmer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_glimmer.jpg?x86293)
Glimmer
A mesmerizing Christmas Experiment by Nicolas Riciotti.
Check it out![C478_pyramid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_pyramid.jpg?x86293)
JavaScript Getter-Setter Pyramid
André Staltz provides a tour through the different layers of JavaScript abstractions.
Read it![C478_sketch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_sketch.jpg?x86293)
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![C478_flame](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_flame.jpg?x86293)
Flame in the wind
Blake Bowen coded this captivating flame demo.
Check it out![C478_spotify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_spotify.jpg?x86293)
Spotify Wrapped 2018 - Technical Case Study
A look under the hood at the technology and techniques used to power Spotify Wrapped 2018.
Read it![C478_ouch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_ouch.jpg?x86293)
Ouch!
Super stylish illustrations for your next project. PNGs are free for a link.
Check it out![C478_multiline](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_multiline.jpg?x86293)
Animated Multiline Link Underlines with CSS
Danny Guo shares how to create an animated underline style for a breaking link.
Read it![C478_lock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_lock.jpg?x86293)
I'm Awake! Stay Awake with the WakeLock API
Learn all about the Wake Lock API in this post by Pete LePage.
Read it![C478_textadventure](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_textadventure.jpg?x86293)
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![C478_Taming](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_Taming.jpg?x86293)
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![C478_d3](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_d3.jpg?x86293)
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![C478_game](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_game.jpg?x86293)
XmasTree Game
A fun game where you decorate a Christmas tree.
Check it out![C478_flutter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_flutter.jpg?x86293)
How to do this in Flutter?
A cheat sheet for React Native developers for finding Flutter alternatives to familiar concepts.
Check it out![C478_emptycss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_emptycss.jpg?x86293)
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![C478_spotifyeffect](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_spotifyeffect.jpg?x86293)
Spotify Wrapped Animation using GSAP
A recreation of the effect seen on the Spotify "Your 2018 Wrapped" page. By Peter Barr.
Check it out![C478_2018](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2018/12/C478_2018.jpg?x86293)
Inspirational Websites from 2018
An inspirational collection of our favorite website designs from 2018.
Check it out