Collective #583
![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_WOTW.jpg?x57216)
Inspirational Website of the Week: basement.studio
Everything on basement is bold: from its striking typography to the brilliant effects and playful interactivity. Fantastic work.
Get inspired![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_Clubhouse.jpg?x57216)
Clubhouse: Make 2020 your most productive year
Clubhouse is a collaborative home for software teams that breaks down silos and brings creators together to ship value, not features.
Try Clubhouse Free![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_cascade.jpg?x57216)
The CSS Cascade
Amelia Wattenberger's interactive article that will give you insight to how cascading works in CSS.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_casesdtudy.jpg?x57216)
Déplacé Maison – A case study by Niccolò Miranda
An excellent case study on a brilliant website made by Niccolò Miranda and Luca Mariotti.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_sideway.jpg?x57216)
Sideway
A community of Product, UI, UX Designers showcasing live projects.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_eleventy.jpg?x57216)
Teaching in the open: Eleventy
Jérôme Coupé writes about his switch to Eleventy and offers his free course "Introduction to Eleventy" on GitHub.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_pheno.jpg?x57216)
PHENOMENA
A great page with amazing effects created by Mario Carrillo for the fashion brand Phenomena.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_robb.jpg?x57216)
Robb Owen - Independent Creative Developer
A great website made with Eleventy. Read more about it in this article.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_walker.jpg?x57216)
Walkers - How to
Louis Hoebregts' visual walkthrough of a stunning animation.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_musems.jpg?x57216)
Night at the Museum of Very Good Boys
An incredible demo by Adam Kuhn.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_forms.jpg?x57216)
Smashing TV: Form Design Patterns with Adam Silver
In this webinar, Adam Silver will show you how to analyze and redesign a real-world checkout journey. He'll also introduce his book, Form Design Patterns.
Watch it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_gradient.jpg?x57216)
Multi-line gradient links
Zell Liew explains how to create links with gradients that span multiple lines.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_radio.jpg?x57216)
Radio Hopping
A cool radio button animation made by Jon Kantner.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_loop.jpg?x57216)
Typo-coaster
Michelle Barker's addictive motion-path demo.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_chat.jpg?x57216)
Internet Relay Chat: IRC-style Chat On Every Website
Relay Chat adds anonymous, IRC-style chat on every domain on the Internet, so you can chat with other people browsing the same website.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_pwa.jpg?x57216)
The state of installability
Declan Rek writes about the current state of PWAs.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_flexbox.jpg?x57216)
4 CSS layouts without using media queries
The Polypane team dissects the magic flexbox form style by Adam Argyle and shows all four layouts in action in Polypane.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_php.jpg?x57216)
PHP in 2020
After looking at PHP in 2019, Brent from stitcher.io updated his thoughts on why PHP isn't the same old crappy language it was ten years ago.
Read it![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_itsnotviolent.jpg?x57216)
Case Study: itsnotviolent.com
A case study that explores the motivation, choices and implementation of the itsnotviolent.com awareness campaign brought to live by the Locomotive web agency.
Check it out![Collective item image](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2020/01/C583_unroll.jpg?x57216)
How to Unroll Images with Three.js
Discover the basic concept behind an unrolling image effect using WebGL.
Check it out