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