304 private links
The author of Kelp use public and private cascade layer.
Public layers are: theme, extend, overrides and effects.
The unit lh can be helpful to adjust the distance of the underline from the text.
Centering text and containery
How to measure web server capacity resource management: here a quick introduction with Rust snippets.
#idea: rewrite it in JS for backend in JS.
I thought of :focus-within and got it right. The author shares a JS snippet and a method with the new :has() selector.
How much do you know out of the basic CSS rules?
The stats are one thing.
The comments are another.
And Piccalili shares it https://piccalil.li/links/the-state-of-css-2025-results-are-in/
How to handle CSS color with the new CSS color functions instead of SASS?
The best seems to be color().
There is also rgba(), hsla() and color-mix()
- color()
It’s evident that there is a growing array of new CSS capabilities that can handle many tasks we previously relied on Sass for.
Yes indeed. Also I agree: it's a per project decision to make.
Bloom filters are excellent data structures to check if an element can be in a set.
Examples can be found on Wikipedia
A typical medium-sized Rust service packaged this way weights between 20 and 40 MB before compression and between 8 and 15 MB after compression. Not bad!
How to build a mansory layout that works. 66 lines of JS.
CSS builds results in faster loading times.
Buildless CSS has also advantages.
But the @import nesting must be avoided.
The author focus is on https://kelpui.com/docs/tools/install/
Get what you want of the CSS library and it spits out the import
font-size-adjust: ex-height 0.5 instructs the browser to scale the font such that the letter "x" is exactly half of the box.
A use-case for font-size-adjust I find much more compelling is that you probably are going to use several fonts on a web-page. And you also might change fonts in the future. And they will have different intrinsic size because that’s how the things are. Part of the mess is avoidable by pinning the meaning of font size.
0.53 is the invariant ratio for Helvetica.
Instead of BlurHash that needs aditionnal JS for 83 bits string, some CSS snippets can do the work for Low Quality Image Placeholders (LQIP).
The big disadvantage of pure CSS approaches is that you typically litter your markup with lengthy inline styles or obnoxious data URLs.
A blurHash like method in CSS can also be used and that's what the author is describing.
A more simpler solution is to use one color as placeholder.
See their events https://html.energy/events.html
TL;DR: Who is This Book For?
- If your primary goal is to understand a modern, efficient binary serialization format that offers significant performance and size benefits over JSON, Part I provides a comprehensive guide to CBOR.
- If your application requires absolute, verifiable consistency – for digital signatures, content hashing, consensus, or interoperable verification – Part II delves into the principles of determinism and the specifics of dCBOR, including a tutorial for the dcbor Rust crate.
- For those building applications that require structured, verifiable, and privacy-preserving data – smart documents – Part III explores the groundbreaking capabilities of Gordian Envelope, including usage of the bc-envelope Rust crate.
What bad patterns are encouraged by design in Rust?
- complicated types
- complicated macro
- premature optimizations with lifetimes among others
Let's create a project and benchmark it :D
tl;dr: the issue isn’t the @import rule itself, but that files under 1kb often end up the same size or even bigger when gzipped, so you get no compression benefits.
The experience shows that atomic css files is not optimal.
If the files I was importing were larger, it might make sense. As tiny, modular files? Not so much!
The complete library concatenated and gzipped is less than a single HTTP request. It’s just over 25-percent of the transfer size of sending modular gzipped files instead.