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