Cocoweb
_

A design system retrospective

#tips #Veille #repo git #vuejs #design #CSS

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.


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.

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

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

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


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 !


πŸ“š Sources

Every news are mainly from my Twitter feed , Github feed , The collective , Picallili , Michael Thiessen , Michael Hoffmann , Stefan Judis , Cassidy Williams , Adrien Zaganelli .