Collective #640

Original Source: http://feedproxy.google.com/~r/tympanus/~3/ZugJJo35GOg/

Inspirational Website of the Week: Vrrb

An elegant and clean design with beautiful details and some creative animations. Our pick this week.

Get inspired

This content is sponsored via Syndicate Ads
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

From Our Blog
Horizontal Smooth Scroll Layouts

Some ideas for horizontal smooth scrolling layouts powered by Locomotive Scroll.

Check it out

The post Collective #640 appeared first on Codrops.