![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_WOTW.jpg)
Inspirational Website of the Week: Vrrb
An elegant and clean design with beautiful details and some creative animations. Our pick this week.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_Hotjar.jpg)
The #1 Leader in Heatmaps, Recordings, Surveys & More
Hotjar shows you how visitors are really experiencing your website—without drowning in numbers. Sign up for a 15-day free trial.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_50projects.jpg)
50 Projects in 50 Days
A fantastic repo by Brad Traversy with 50+ mini web projects using HTML, CSS and JavaScript.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_moonbridge.jpg)
Moonbridge
A simple and fun way to create your own WebGL experiment.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_2020.jpg)
The 2020 Web Almanac
The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_Shooter.jpg)
Christmas Cannon
A super fun Christmas demo made by Steve Gardner.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_universe.jpg)
Kinetic Type Tutorial (Github Universe 2020)
A tutorial by Mario Carrillo on how to create the kinetic type for Github Universe.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_addy.jpg)
The Import On Interaction Pattern
An article by Addy Osmani on lazy-loading non-critical resources when it’s required by user interaction.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_margin.jpg)
The Rules of Margin Collapse
Josh W Comeau puts an end to the mystery of collapsing margins and explains everything you need to know to not get caught by surprise anymore.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_gettingstarted.jpg)
Introduction to Spline
If you got excited about Spline, you’ll find this tutorial very useful.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_tailwind.jpg)
Why I Love Tailwind
Max Stoiber shares why he loves Tailwind and explains how to avoid the downsides of atomic CSS.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_altfigcaption.jpg)
Alt vs Figcaption
Elaina Natario explains alt and figcaption, their differences and how to use them.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_underline.jpg)
Animated SVG Links
Some super stylish line animations for links by Adam Kuhn.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_scrollsnap.jpg)
CSS Scroll Snap
Learn why and how to use CSS scroll snap in this article by Ahmad Shadeed.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_xoxo.jpg)
Valtio Game
A demo that shows how to create a simple game with Valtio, a proxy-state library for React.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_cssgithub.jpg)
Style your readme using CSS with this simple trick
A gem from some months ago: Some wicked CSS trickery by Sindre Sorhus.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_accessicon.jpg)
Accessible icon links
Hugo Giraudel shows how to make icon links accessible in this article.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_wiki.jpg)
Human performance metrics
A very insightful article by Gilles Dubuc on how web performance perception was measured at Wikipedia.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_customprop.jpg)
What Can You Put in a CSS Variable?
An article by Will Boyd on what you can use as CSS variable value.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_github.jpg)
GitHub: Where the world builds software
The new landing page of GitHub shines with an interactive globe.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_typo.jpg)
Typography Principles
A really nice scroll experience with a wonderful design explaining typographic principles.
![Collective 640 Item image](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2020/12/C640_horizontallayout.jpg)
Horizontal Smooth Scroll Layouts
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
The post Collective #640 appeared first on Codrops.