Collective #740
Building conscious design systems
Amy Hupe’s article based on her recent talk on how we can focus less on artefacts in design systems, and work consciously to build inclusive design systems that put people at their heart.
Read it
Our Sponsor
10 Massive Cyber Monday Deals for Designers (up to 98% off!) [see all deals]
Save big on website builders, WordPress themes and plugins, and amazing premium illustrations.
See all deals
Style a parent element based on its number of children using CSS :has()
Learn how you can style a parent element based on the number of children it has.
Check it out
Alternatives
A drag & drop website builder that returns multiple pages and styles at once.
Check it out
Positioning notification messages with accessibility in mind
Christian Heilmann shows how to display important notification close to where the action happened using plain JavaScript.
Read it
unjs
A great collection of useful JavaScript projects from the Nuxt team.
Check it out
Dittytoy
Create your generative music online using a simple JavaScript API.
Check it out
Curations
A site that gives you interesting resources to learn and grow as a developer, designer or entrepreneur.
Check it out
Life After Tweets
Whether Twitter bites the big one or you decide you’ve simply had enough, Live After Tweets can help you stay in touch with the community you loved.
Check it out
Hexagon Pattern Generator
Generate creative CSS patterns in any size and color with this useful tool.
Check it out
Safe CMS migrations with Scripted Migrations
Updating your content models manually is risky and inconvenient. You can update the wrong field or even remove it. Scripted migrations are here to save you.
Read it
Lumi
Lumi is an nano framework to convert your Python functions into a REST API without any extra headache.
Check it out
Futicons
Futicons are Figma designer icons for Virtual Reality, Augmented Reality, Interplanetary Travel, Artificial Intelligence, Crypto, Blockchain, Cyborg, Future Transportation and Sustainability.
Check it out
A Complete Guide to Iconography
A deep-dive guide on how to create, organize, name, and use icons within a design system.
Read it
Git Notes: Git’s Coolest, Most Unloved Feature
Tyler Cipriani shows what you can do with Git Notes and how cool they are.
Read it
Wasp
With Wasp you can rapidly develop full-stack web apps in React and Node.js.
Check it out
Photography for geeks
A really good write up on important aspects of photography and what it takes to snap great photos.
Check it out
Generated Humans
Realistic whole-body images of 100,000 humans that don’t exist.
Check it out
Hypnosis: Free Figma Template for News Blog
A clean Neobrutalism design for a blog news publication that is compatible with Figma.
Check it out
Resource.fyi
Handpicked free tools, resources and products curated for developers, designers, marketers and more.
Check it out
Helpful demos
Paul Henschel shares some demos he made for some help requests.
Check it out