A design system retrospective

Salut, web dev friends! 🧑‍💻 #

I have selected some news from the web dev world to share.

🧐 A design system retrospective
🧪 Two types of composition
🍿 Design is politics
🎨 One minute CSS tutorials

Have a great week.

🧐 Design System Retrospective
When you create a design system, you need to think about which type of dev will have to use it.
When you make a design system which require a deep knowledge in CSS and functional composition, you need to make sure the others dev can keep up.
If not, you need to make sure they have some way to use it even if it means have crappy and slow codebase.

🧪 Two Types of Composition
Summary of the article

• Composition is combining existing elements to create new ones
• Nesting composition uses wrapping elements to modify functionality
  • Parents change the functionality of child elements
• Merging composition smashes elements together destructively to achieve new ones
  • The order of the smashing is important

🍿 Design is politics
A large part of the work of a designer is convince people your design is good and it fit the context of the project.

🎨 One minute CSS Tutorials
A selection of one minute CSS tutorials by codyhouse.
Some cool ones :

• Sticky Table Header
• Underline Fill Effect
• Animated Button Gradients

Web tools and Library #

📼 Cobalt
Cobalt is a media downloader that doesn't piss you off. it's fast, friendly, and doesn't have any bullshit that modern web is filled with: no ads, trackers, or invasive analytics.
paste the link, get the file, move on. it's that simple. just how it should be.

🚀 Vue3 Pixi
Vue3 Pixi wrapper. You can create 2D create beautiful digital content with the fastest, most flexible 2D WebGL renderer.

🗂️ Super file
Superfile is a very fancy and modern terminal file manager that can complete the file operations you need !