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
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!

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
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
UI Interactions & Animations Roundup #26
Get a fresh dose of animation inspiration with this new set of creative Dribbble shots.
Check it out