Collective #558
![C558_WOTW](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_WOTW.jpg?x86293)
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![C558_guidefreelance](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_guidefreelance.jpg?x86293)
The Freelance Life
A wonderful guide by Sidesupply on starting, surviving, and growing your freelance business.
Check it out![](https://static.shareasale.com/image/41388/TopDigitalAgency360x360Speedtest.png)
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![C558_wwwork](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_wwwork.jpg?x86293)
The World-Wide Work
Ethan Marcotte's talk on automation, power, justice, and labor in the tech industry.
Watch it![C558_pablo2](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_pablo2.jpg?x86293)
Open Doodles
Fantastic free sketchy illustrations by Pablo Stanley.
Check it out![C558_select](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_select.jpg?x86293)
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![C558_subgrid](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_subgrid.jpg?x86293)
Laying out Forms using Subgrid
Miriam Suzanne shows how to align form elements inside labels using CSS Subgrid.
Watch it![C558_access](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_access.jpg?x86293)
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![C558_fiber](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_fiber.jpg?x86293)
React-three-fiber game
A game written in React and Three.js using react-three-fiber by Paul Henschel.
Check it out![C558_perfectcircle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_perfectcircle.jpg?x86293)
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![C558_colorsstripe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_colorsstripe.jpg?x86293)
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![C558_whak](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_whak.jpg?x86293)
CSS Whack-a-Mole
The fun classic made just with CSS. By Alvaro Montoro.
Check it out![C558_gify](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_gify.jpg?x86293)
GIPHY Arcade
Play and create your own games with GIFs from GIPHY.
Check it out![C558_spars](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_spars.jpg?x86293)
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![C558_won](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_won.jpg?x86293)
Web Components Have Already Won Whether You Like It Or Not
Justin Ribeiro explains that Web components already "won".
Check it out![C558_lighthouse](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_lighthouse.jpg?x86293)
Running Lighthouse on Authenticated Pages
A short guide with demo on how to audit authenticated pages with Lighthouse and Puppeteer.
Read it![C558_circles](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_circles.jpg?x86293)
CSS Circles
Tyler Sticka explores all things circle in this article.
Read it![C558_chris](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_chris.jpg?x86293)
Memories of web development past
A wonderful blast from the past by Christian Heilmann.
Check it out![C558_fivedays](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_fivedays.jpg?x86293)
How We Built the World Wide Web in Five Days
A great talk about recreating the first ever web browser.
Watch it![C558_tables](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_tables.png?x86293)
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![C558_pixelrowaudio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_pixelrowaudio.jpg?x86293)
Picture player
A cool experiment by Nick Watton where you can "listen" to a pixel row of an image.
Check it out![C558_sky](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_sky.jpg?x86293)
Skybox
A very creative Three.js experiment by masuwa.
Check it out![C558_korean](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_korean.jpg?x86293)
Korean Poster Recreation
Kristopher Van Sant made this impressive recreation of a Korean poster.
Check it out![C558_3dcharacter](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_3dcharacter.jpg?x86293)
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![C558_Portfolio](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2019/10/C558_Portfolio.jpg?x86293)
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