Collective #734
Publikováno: 20.10.2022
Lucide * Container Queries: Style Queries * Agreper * InvokeAI * Ultra * html.to.design
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_wotw.jpg)
Inspirational Website of the Week: ChainZoku
A fantastic multimedia experience where fashion, manga, gaming and storytelling come together. Our pick this week.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/jamf.png)
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!
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_htmltodesign.jpg)
html.to.design
Convert any website into fully editable Figma designs. See it in action here.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_outlines.jpg)
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”.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_animationbreak.jpg)
Animation Break-Down
A Twitter thread that breaks down the interactive Three.js homepage animation of Bizup.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_webgl.jpg)
GLSL Dithering
Get retro with dithering in Three.js and learn all about GLSL dithering in this article by Daniel Velasquez.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_icons.jpg)
Lucide
An open source and consistent icon tool kit based on Feather Icons.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_queries.jpg)
Container Queries: Style Queries
Learn what it means that CSS Container Queries are more than “check the size of a container”.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_girlglasses.jpg)
Pure CSS Woman With Sunglasses
A wonderful CSS demo by Asyraf Hussin. Watch the making of here.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_thirdparty.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_watcher.jpg)
Watcher
An efficient filesystem watcher that works anywhere.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_attribute.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_vtra.jpg)
Ultra
Ultra is a faster and lightweight alternative for NPM.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_rss.jpg)
The struggles of building a Feed Reader
Jack Evans writes about the challenges he encountered while coding a feed reader.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_stable.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_women.jpg)
A flower woman by 1500+ artists
AI generated images of a flower woman in the styles of famous artists.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_delay.jpg)
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.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_forum.jpg)
Agreper
A minimal, no-JS web forum software with focus on being easy to set up and manage.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_photosai.jpg)
Nyx.gallery
A gallery of AI generated photography.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_joerogan.jpg)
podcast.ai
The AI-generated podcast with its first episode where Joe Rogan interviews Steve Jobs.
![](https://i7x7p5b7.stackpathcdn.com/codrops/wp-content/uploads/2022/10/C734_uiroundup.jpg)
From Our Blog
UI Interactions & Animations Roundup #26
Get a fresh dose of animation inspiration with this new set of creative Dribbble shots.