Collective #478

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

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

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

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

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.