Collective #624
Inspirational Website of the Week: Brews & Grooves
An excellent design with some interesting animations and great typography! Our pick this week.
Get inspired
Website Heatmaps & Behaviour Analytics Tool
Understand how users are really experiencing your site without drowning in numbers!
Try it free
Learn about spring physics animation in JavaScript
Josh W Comeau explains the magic behind Spring Physics and why they are the secret ingredient that make animations “taste better”.
Read it
Simplify Your Stack With A Custom-Made Static Site Generator
In this article, Bryan Robinson explores how to take a humble HTML page and make its content editable in a CMS with no frameworks and no client-side JavaScript.
Read it
Ray Marching Soft Shadows in 2D
Ryan Kaplan posted a WebGL demo on Twitter and now he explains how it works under the hood.
Read it
filters.css
In case you missed it: a supercool CSS only library to apply color filters.
Check it out
Blacklight
A great real-time website privacy inspector that will reveal the specific user-tracking technologies on any given website.
Check it out
Buttons that Spark Joy
The web certainly can’t have enough of these: Aaron Iker’s buttons that are mini celebrations. In this article you’ll learn how they are made.
Read it
#s3e38 ALL YOUR HTML, Fancy colors shader and GSAP ScrollTrigger
In this video Yuri Artyukh dissects and recreates the amazing animations seen on mav.farm.
Watch it
3D Room
Amazing CSS work by Ricardo Oliva Alonso: a 3D room with great lightning.
Check it out
Finding The Root Cause of a CSS Bug
Great article on debugging CSS by Ahmad Shadeed.
Read it
adidas – CHILE20
Outstanding WebGL work for adidas by Active Theory.
Check it out
Content delivery networks (CDNs)
This article provides a comprehensive overview of content delivery networks (CDNs). In addition, it explains how to choose, configure, and optimize a CDN setup.
Read it
Meta Tags
With Meta Tags you can edit metatags and generate a preview for social media.
Check it out
Old, Good Database Design
An excellent summary of the fundamentals of good database design.
Read it
Mono Icons
A simple, consistent open-source icon set designed to be used in a wide variety of digital products. Read more about it in this article.
Check it out
Inspirational Websites Roundup #18
A gigantic set of hot new websites for your inspiration and to get you up to date on the current web design trends.
Check it out
UI Interactions & Animations Roundup #10
Check out the latest trends in web motion design, UI interaction and animations and get inspired.
Check it out