326 private links
For reasons we'll get into later, Tailwind decided to burst on to the scene and become the default styling solution for all modern web development despite taking each and every one of these problems, exacerbating them, and applying them to places that didn't have them before
Good things for Tailwind:
This is a good thing, an unironic win for Tailwind. More than anything else, this is what a large codebase with multiple frontend devs needs: a rigid set of global constants that everyone is strongly incentivized to use.
Ok but why o_O
Still interesting, but I already have few use cases for container queries. Maybe because I am too dependent of design that uses screen sizes.
This is exactly what I think of a great design system color handling.
The heart is the mapping of semantic CSS colors to modifiers, and thethey can be slapped on every components.
All I see so far is this will need more computation or battery drain for this.
The library is available at https://github.com/Specy/liquid-glass
A transition to open or close a modal
Only transfer the useful part of a font. It subsets static Unicode-ranges, so only a part of the font will be downloaded.
WebTUI is a CSS library that brings the beauty of Terminal User Interfaces (TUIs) to the browser
Funny!
There is a new lh for "line-height" unit in css.
* + * as known as the howl selector: targets all elements that have the previous same selector.
This selector is great because it has no specificity.
An alternative is *:not(:first-child)
Use appearance: base; on legen style could unlock a lot of styling issues for <legend>
- Too small target areas
- Not using gap with Flexbox
- Unforgiving target areas for dropdowns
- No delay before closing drodowns
- Not animating anchor links
text-wrap: pretty avoids short last lines, bad rag, poor hyphenation and typographic river.
pretty can be applied to anything on the page.
balance should be used for anything where you want all the lines to be the same length
Better CSS defaults
rgba(from currentColor r g b /. 35
or for better support:
color-mix(in srgb, currentColor 35%, [#0000)](https://shaarli.lyokolux.space/./add-tag/0000))