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.
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.
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.
Alternatives
A drag & drop website builder that returns multiple pages and styles at once.
Positioning notification messages with accessibility in mind
Christian Heilmann shows how to display important notification close to where the action happened using plain JavaScript.
unjs
A great collection of useful JavaScript projects from the Nuxt team.
Dittytoy
Create your generative music online using a simple JavaScript API.
Curations
A site that gives you interesting resources to learn and grow as a developer, designer or entrepreneur.
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.
Hexagon Pattern Generator
Generate creative CSS patterns in any size and color with this useful tool.
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.
Lumi
Lumi is an nano framework to convert your Python functions into a REST API without any extra headache.
Futicons
Futicons are Figma designer icons for Virtual Reality, Augmented Reality, Interplanetary Travel, Artificial Intelligence, Crypto, Blockchain, Cyborg, Future Transportation and Sustainability.
A Complete Guide to Iconography
A deep-dive guide on how to create, organize, name, and use icons within a design system.
Git Notes: Git’s Coolest, Most Unloved Feature
Tyler Cipriani shows what you can do with Git Notes and how cool they are.
Wasp
With Wasp you can rapidly develop full-stack web apps in React and Node.js.
Photography for geeks
A really good write up on important aspects of photography and what it takes to snap great photos.
Generated Humans
Realistic whole-body images of 100,000 humans that don’t exist.
Hypnosis: Free Figma Template for News Blog
A clean Neobrutalism design for a blog news publication that is compatible with Figma.
Resource.fyi
Handpicked free tools, resources and products curated for developers, designers, marketers and more.
Helpful demos
Paul Henschel shares some demos he made for some help requests.