Collective #640
Inspirational Website of the Week: Vrrb
An elegant and clean design with beautiful details and some creative animations. Our pick this week.
Get inspired
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.
Find out more
50 Projects in 50 Days
A fantastic repo by Brad Traversy with 50+ mini web projects using HTML, CSS and JavaScript.
Check it out
Moonbridge
A simple and fun way to create your own WebGL experiment.
Check it out
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.
Check it out
Christmas Cannon
A super fun Christmas demo made by Steve Gardner.
Check it out
Kinetic Type Tutorial (Github Universe 2020)
A tutorial by Mario Carrillo on how to create the kinetic type for Github Universe.
Check it out
The Import On Interaction Pattern
An article by Addy Osmani on lazy-loading non-critical resources when it’s required by user interaction.
Read it
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.
Read it
Introduction to Spline
If you got excited about Spline, you’ll find this tutorial very useful.
Watch it
Why I Love Tailwind
Max Stoiber shares why he loves Tailwind and explains how to avoid the downsides of atomic CSS.
Read it
Alt vs Figcaption
Elaina Natario explains alt and figcaption, their differences and how to use them.
Read it
Animated SVG Links
Some super stylish line animations for links by Adam Kuhn.
Check it out
CSS Scroll Snap
Learn why and how to use CSS scroll snap in this article by Ahmad Shadeed.
Check it out
Valtio Game
A demo that shows how to create a simple game with Valtio, a proxy-state library for React.
Check it out
Style your readme using CSS with this simple trick
A gem from some months ago: Some wicked CSS trickery by Sindre Sorhus.
Check it out
Accessible icon links
Hugo Giraudel shows how to make icon links accessible in this article.
Read it
Human performance metrics
A very insightful article by Gilles Dubuc on how web performance perception was measured at Wikipedia.
Read it
What Can You Put in a CSS Variable?
An article by Will Boyd on what you can use as CSS variable value.
Read it
GitHub: Where the world builds software
The new landing page of GitHub shines with an interactive globe.
Check it out
Typography Principles
A really nice scroll experience with a wonderful design explaining typographic principles.
Check it out
Horizontal Smooth Scroll Layouts
Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.
Check it out