Collective #734

Inspirational Website of the Week: ChainZoku
A fantastic multimedia experience where fashion, manga, gaming and storytelling come together. Our pick this week.
Get inspired

This content is sponsored via Paved
Remote IT Can Be Difficult. Jamf Now Makes It Easy.
Managing your business’s Apple devices is time-consuming – especially when employees are WFH. Jamf Now is a mobile device management solution that simply sets up, connects, and secures your devices from anywhere; no IT experience required! Postanly readers can manage up to 3 devices for free today!
Set Up An Account

html.to.design
Convert any website into fully editable Figma designs. See it in action here.
Check it out

Better outline rendering using surface IDs with WebGL
An article by Omar Shehata that builds on his previous tutorial How to render outlines in WebGL”.
Read it

Animation Break-Down
A Twitter thread that breaks down the interactive Three.js homepage animation of Bizup.
Check it out

GLSL Dithering
Get retro with dithering in Three.js and learn all about GLSL dithering in this article by Daniel Velasquez.
Check it out

Lucide
An open source and consistent icon tool kit based on Feather Icons.
Check it out

Container Queries: Style Queries
Learn what it means that CSS Container Queries are more than “check the size of a container”.
Read it

Sound
A very interesting article on what sound is by Bartosz Ciechanowski.
Read it

Pure CSS Woman With Sunglasses
A wonderful CSS demo by Asyraf Hussin. Watch the making of here.
Check it out

Speeding Up Async Snippets
Async snippets used to improve performance, but now they’re a legacy anti-pattern. Harry Roberts shows how we can handle them.
Read it

Watcher
An efficient filesystem watcher that works anywhere.
Check it out

The wasted potential of CSS attribute selectors
Elise Hein takes a look a the idea of using attribute selectors instead of class names for state representations in CSS.
Read it

Ultra
Ultra is a faster and lightweight alternative for NPM.
Check it out

The struggles of building a Feed Reader
Jack Evans writes about the challenges he encountered while coding a feed reader.
Read it

InvokeAI: A Stable Diffusion Toolkit
A fork of CompVis/stable-diffusion, the open source text-to-image generator. It provides a streamlined process with various new features and options to aid the image generation process.
Check it out

A flower woman by 1500+ artists
AI generated images of a flower woman in the styles of famous artists.
Check it out

Upgrading colors to HD on the web
Learn how to tap into new color spaces of the web in this article by Bramus Van Damme.
Read it

Agreper
A minimal, no-JS web forum software with focus on being easy to set up and manage.
Check it out

Nyx.gallery
A gallery of AI generated photography.
Check it out

podcast.ai
The AI-generated podcast with its first episode where Joe Rogan interviews Steve Jobs.
Check it out

From Our Blog
UI Interactions & Animations Roundup #26
Get a fresh dose of animation inspiration with this new set of creative Dribbble shots.
Check it out