![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_WOTW.jpg)
Inspirational Website of the Week: Foam Talent 2021
An overall great audiovisual browsing experience with nice details and view switching.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_doodle.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_grainy.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_boxshadow.jpg)
Designing Beautiful Shadows in CSS
Josh W Comeau shows us how CSS offers the tools to create rich, lush, lifelike shadows.
![Collective 668 image](https://2busy4it.com/wp-content/uploads/2021/09/Divi_new.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_webglmemory.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_js.jpg)
JavaScript Eventing Deep Dive
Stephen Stchur and Thomas Steiner show when to use preventDefault
and stopPropagation
and explain what each method does.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_pseudo.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_w3cdesign.jpg)
W3C Design System
The World Wide Web Consortium’s new design system available for public use.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_absolute.jpg)
Less Absolute Positioning With Modern CSS
Ahmad Shadeed writes how to use use position:absolute less by leveraging modern CSS.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_layers.jpg)
The Future of CSS: Cascade Layers (CSS @layer)
Learn what Cascade Layers are, and how we can use them to our benefit.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_shirt.jpg)
Dan Flashes Complicated Shirt Generator
An amazing p5.js and html2canvas procedural shirt generator by Adam Kuhn.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_graph.jpg)
A Gentle Introduction to Graph Neural Networks
Learn about the components needed for building a graph neural network.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_bonsai.jpg)
Bonsai
A Mac web-browser for research that helps programmers think clearly.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_focusss.jpg)
Focusss v2
Super-cool form focus idea by Hakim El Hattab.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_globe.jpg)
13.8 billion years ago
A beautiful globe with surface sampling made by Louis Hoebregts.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_book.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_animations.jpg)
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.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_paper.jpg)
Paper
A collection of all paper sizes of the world as CSS variables with or without units (to use with CSS aspect-ratio).
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_revolt.jpg)
Revolt
A privacy-first, open source chat app.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_art.jpg)
Art Data — Artnome
A collection of art data sources for running analytics.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_game.jpg)
FanZone36: Alpine Elf Matmut Endurance Team
Some well-made fun little fan games to explore.
![Collective 679 item image](https://2busy4it.com/wp-content/uploads/2021/09/C679_neurocracy.jpg)
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.
![](https://2busy4it.com/wp-content/uploads/2021/09/img_6143901fb320c.gif)