![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_WOTW.jpg)
Inspirational Website of the Week: ChungiYoo
A bright mix of fine artistry and playfulness, the website of Chungi Yoo shines with lovely details. Yet another masterpiece by Zhenya Rynzhuk. Our pick this week.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/Merico.jpg)
Level Up Your Development with Insight. For Free.
Our analytics empower developers by letting your code speak for itself with metrics, badges, & dashboards for self-improvement & career growth.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_searchcollectives.jpg)
Codrops Collective Searcher
David de los Santos Boix created this fantastic search app for our Codrops Collective. Thank you, David!
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_opera.jpg)
Blob Opera
A mind-blowing machine learning experiment by David Li where you can create your own opera inspired song.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_scrolltelling.jpg)
Scrollytelling with React
Varun Vachhar explains how he built a React and Intersection Observer based solution for Scrollytelling.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_Houdini.jpg)
Cross-browser paint worklets and Houdini.how
Learn how to implement cross-browser Houdini Paint API’s and explore a world of Houdini worklets with Houdini.how.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_Yari.jpg)
Welcome Yari: MDN Web Docs has a new platform
Read all about MDN Web Docs’ new platform (codenamed Yari) which finally launched.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_flowers.jpg)
Book of Flowers
Aristide Benoist and Zhenya Rynzhuk are cooking a superb interactive project. It’s public work in progress so that everybody can follow their journey.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_light.jpg)
Cameras and Lenses
Bartosz Ciechanowski explains how cameras and the lenses work and how adjusting a few tunable parameters can produce fairly different results.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_tinycarousel.jpg)
Tiny-Swiper
A JavaScript carousel powered by plugins with a native-like experience. It has zero dependencies and is written in TypeScript.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_lynn.jpg)
Case Study: lynnandtonic.com 2020 refresh
A wonderful case study by Lynn Fisher with thoughts and a look at the prrocess for the lynnandtonic.com 2020 redesign.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_gamemailchimp.jpg)
Meow Mart
A super stylish game by Mailchimp.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_can.jpg)
366 Cans Challenge by Studio Blackthorns
A can a day in 2020. This beverage challenge is a celebration of Studio Blackthorns’ 10th year as a strategic creative consultancy.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_csshard.jpg)
What Makes CSS Hard To Master
CSS may appear easy at first, but it isn’t. Find out why in this article by Tim Severien.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_estimator.jpg)
EStimator.dev
Find out how much turning on modern JS could save with this handy calculator.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_cash.jpg)
Introducing Cash By Cash App
A really cool 3D presentation of Cash App’s latest collection.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_render2.jpg)
Implementing critical CSS, from CMS to CLS
Erwin Hofman shares his personal journey on critical CSS.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_transform.jpg)
CSS Individual Transform Properties
Learn about the advantages of composing individual transform properties which will soon be supported in modern browsers.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_acclinks.jpg)
Are your Anchor Links Accessible?
Amber Wilson demonstrates how to make sure that anchor links are accessible.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_Rome.jpg)
Deep dive into Rome: Linting, compiling, and bundling
A deep dive into the Rome toolchain, with some examples of how it performs against the most common tasks.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_randomcss.jpg)
CSS paint API: Being predictably random
Jake Archibald shows how to do some random CSS using the CSS Paint API.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_userscalable.jpg)
user-scalable=no and suppressing zoom suppression
Peter-Paul Koch on why suppressing user zoom is an awful idea and the current state of its “support”.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_stickygrid.jpg)
Sticky CSS Grid Items
Melanie Richards explains how to get position sticky working on a grid item without setting a hacky height.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_pantone.jpg)
Pantone Color of the Year 2021
Announcing the Pantone Color of the Year 2021 PANTONE 17-5104 Ultimate Gray + PANTONE 13-0647 Illuminating.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_cards.jpg)
How to Create Animated Cards with WebGL and Three.js
Johnny Simpson explains how to pull off a cool card effect.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_designtools.jpg)
2020 Tools Survey Results
See the most popular tools used by over 4,000 designers based on this annual survey.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_longcss.jpg)
Handling Short And Long Content In CSS
An in-depth article on how to handle short and long content in CSS.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_centering.jpg)
Centering in CSS
Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. By Adam Argyle.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_maze.jpg)
Tilting Maze game
Hunor Marton Borbely made this cool little maze game.
![Collective 641 Item Image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C641_depthtexturethreejs.jpg)
Coding a 3D Lines Animation with Three.js
In this coding session you’ll learn how to use Three’s DepthTexture to create some animated 3D lines.
The post Collective #641 appeared first on Codrops.