May 2024
A flexbox trick to improve text wrapping
What flex properties to use to have several buttons with different textes always having the same size ? A very elegant answer without media queries, just using flex and min-width.
What flex properties to use to have several buttons with different textes always having the same size ? A very elegant answer without media queries, just using flex and min-width.
Headless ui is an unstyled component library totally. It provides the logic and interactions, but let the developers style by themselves the components. It is a great tool to mix with tailwind to easily build design systems. Only compatible with React for now, but it should also supports vue soon.
The famous CSS library is working on implementing signals. It will allow to set and use states in our css to automatically update styling in several elements. We can see that of an evolution of the group functionality without its downsides.
Performance improvements (up to 10 times faster) by rewriting part of the framework in Rust, over 35% reduction in package size by dropping PostCSS for a custom parser reducing parsing time by half.
A brief overview of the different ways to style CSS in a React project and opinions on each.
The old debate margin vs padding. Why today you shouldn't use margin anymore and how to define your spacings only with padding (spoiler alert: border-box and gap will become your best friends)