Collective #558
Inspirational Website of the Week: Princeton University Press
A truly classy website design that is a pleasure to browse. Our pick this week.
Get inspired
The Freelance Life
A wonderful guide by Sidesupply on starting, surviving, and growing your freelance business.
Check it out
WordPress speed test
Test the speed of your WordPress site, including both desktop and mobile versions, and receive actionable recommendations to make it faster.
Check it out
The World-Wide Work
Ethan Marcotte's talk on automation, power, justice, and labor in the tech industry.
Watch it
Open Doodles
Fantastic free sketchy illustrations by Pablo Stanley.
Check it out
Can we please style the <select> control?!
Some interesting survey results that reveal the frustrations among front end devs with the limited styling possibilities of the select element.
Check it out
Laying out Forms using Subgrid
Miriam Suzanne shows how to align form elements inside labels using CSS Subgrid.
Watch it
Beyond automatic accessibility testing: 6 things I check on every website I build
Manuel Matuzović shares a small collection of accessibility checks that he performs on every site he audits and builds.
Read it
React-three-fiber game
A game written in React and Three.js using react-three-fiber by Paul Henschel.
Check it out
Can You Draw a Perfect Circle?
A beautifully simple game you'll become obsessed with. The aim is to draw a perfect circle..
Check it out
Designing accessible color systems
Learn how the stripe team designed a color system with hand-picked, vibrant colors that also met standards for accessibility and contrast.
Read it
CSS Whack-a-Mole
The fun classic made just with CSS. By Alvaro Montoro.
Check it out
GIPHY Arcade
Play and create your own games with GIFs from GIPHY.
Check it out
Spars
A general toolkit for creating interactive web experiences containing everything from an asset loader to a frame scheduler, persistent caching and thread pooling. By Tim van Scherpenzeel.
Check it out
Web Components Have Already Won Whether You Like It Or Not
Justin Ribeiro explains that Web components already "won".
Check it out
Running Lighthouse on Authenticated Pages
A short guide with demo on how to audit authenticated pages with Lighthouse and Puppeteer.
Read it
CSS Circles
Tyler Sticka explores all things circle in this article.
Read it
Memories of web development past
A wonderful blast from the past by Christian Heilmann.
Check it out
How We Built the World Wide Web in Five Days
A great talk about recreating the first ever web browser.
Watch it
Making Tables Responsive With Minimal CSS
Learn how to easily implement responsive table layouts with only CSS in this article by Bradley Taunt.
Read it
Picture player
A cool experiment by Nick Watton where you can "listen" to a pixel row of an image.
Check it out
Skybox
A very creative Three.js experiment by masuwa.
Check it out
Korean Poster Recreation
Kristopher Van Sant made this impressive recreation of a Korean poster.
Check it out
How to Create an Interactive 3D Character with Three.js
In this in-depth tutorial you will learn how to create an interactive 3D character that follows the mouse and performs random animations on click.
Check it out
Case Study: Chang Liu Portfolio V4
Get insight on how to add 3D to a website using Three.js and make a wavy distortion effect in this case study of Chang Liu's new portfolio.
Check it out