Inspirational Website of the Week: Foam Talent 2021
An overall great audiovisual browsing experience with nice details and view switching.
Doodle Ipsum
The lorem ipsum of illustrations where you can simply customize your doodles, grab the code, and use them on your web prototypes, landing pages, or no-code tools.
Grainy Gradients
Jimmy Chion shows how to generate colorful noise to add texture to a gradient with only a small amount of CSS and SVG.
Designing Beautiful Shadows in CSS
Josh W Comeau shows us how CSS offers the tools to create rich, lush, lifelike shadows.
Instant websites for your clients with Divi Layout Packs
With the Divi Layout Packs you’ll get world-class designs ready to be used for your client projects.
WebGL-Memory
A WebGL-Memory tracker that you can add to your page before you initialize WebGL and then you can probe how much WebGL memory you’re using for a given context.
JavaScript Eventing Deep Dive
Stephen Stchur and Thomas Steiner show when to use preventDefault and stopPropagation and explain what each method does.
Reducing The Need For Pseudo-Elements
Learn how we can now leave pseudo-elements behind in some scenarios, thanks to newer CSS properties in this article by Marcel Moreau.
W3C Design System
The World Wide Web Consortium’s new design system available for public use.
Less Absolute Positioning With Modern CSS
Ahmad Shadeed writes how to use use position:absolute less by leveraging modern CSS.
The Future of CSS: Cascade Layers (CSS @layer)
Learn what Cascade Layers are, and how we can use them to our benefit.
Dan Flashes Complicated Shirt Generator
An amazing p5.js and html2canvas procedural shirt generator by Adam Kuhn.
A Gentle Introduction to Graph Neural Networks
Learn about the components needed for building a graph neural network.
Bonsai
A Mac web-browser for research that helps programmers think clearly.
Focusss v2
Super-cool form focus idea by Hakim El Hattab.
13.8 billion years ago
A beautiful globe with surface sampling made by Louis Hoebregts.
BookWyrm: Social Reading and Reviewing
BookWyrm is a social network for tracking your reading, talking about books, writing reviews, and discovering what to read next.
Orchestrating Complexity With Web Animations API
This article will walk you through the main points and techniques that might help you deal with complex animations using the Web Animations API while staying flexible. By Kirill Myshkin.
Paper
A collection of all paper sizes of the world as CSS variables with or without units (to use with CSS aspect-ratio).
Revolt
A privacy-first, open source chat app.
Art Data — Artnome
A collection of art data sources for running analytics.
FanZone36: Alpine Elf Matmut Endurance Team
Some well-made fun little fan games to explore.
Neurocracy
A sci-fi hypertext game: Solve a murder in a near future world by diving into the Wikipedia of that world.
The post Collective #679 appeared first on Codrops.