Collective #478
Publikováno: 20.12.2018
#merryCSSmas * JavaScript Getter-Setter Pyramid * XmasTree Game * Ouch! * WakeLock API * Reversing an Easing Curve
Collective #478 was written by Pedro Botelho and published on Codrops.
Inspirational Website of the Week: Rezo Zero
A sophisticated design with great typography and smooth effects. Our pick this week.
#merryCSSmas
Tommy Hodgins covers some of the most requested CSS styling features in a month-long series in this Twitter thread.
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.
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.
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.
Handling broken images with the service worker
Ire Aderinokun shows how to implement a service worker for handling broken images.
Web components still need to be accessible
Eric Bailey reminds us that using modern development techniques are not a guarantee for accessibility.
Glimmer
A mesmerizing Christmas Experiment by Nicolas Riciotti.
JavaScript Getter-Setter Pyramid
André Staltz provides a tour through the different layers of JavaScript abstractions.
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.
Flame in the wind
Blake Bowen coded this captivating flame demo.
Spotify Wrapped 2018 – Technical Case Study
A look under the hood at the technology and techniques used to power Spotify Wrapped 2018.
Ouch!
Super stylish illustrations for your next project. PNGs are free for a link.
Animated Multiline Link Underlines with CSS
Danny Guo shares how to create an animated underline style for a breaking link.
I’m Awake! Stay Awake with the WakeLock API
Learn all about the Wake Lock API in this post by Pete LePage.
Writing A Multiplayer Text Adventure Engine In Node.js
A tutorial by Fernando Doglio on how to build a multiplayer text adventure engine.
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.
Why you should use D3
Mike Bostock lays down two reasons why you might want to use a library like D3 (or Vega).
XmasTree Game
A fun game where you decorate a Christmas tree.
How to do this in Flutter?
A cheat sheet for React Native developers for finding Flutter alternatives to familiar concepts.
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.
Spotify Wrapped Animation using GSAP
A recreation of the effect seen on the Spotify “Your 2018 Wrapped” page. By Peter Barr.
Inspirational Websites from 2018
An inspirational collection of our favorite website designs from 2018.
Collective #478 was written by Pedro Botelho and published on Codrops.