51–60 of 192 posts
> Vercel's impossibly fast CDN delivers new.css and the font Inter using xz/fonts, so there's virtually no bloat added to your pages.
It's 300kb of font downloads, hardly light. And the xz/fonts page says:
>Break your users from unethical tracking networks
I'm still making a request to a 3rd party CDN with an origin header that says what page I'm looking at, so I'm not sure what privacy I'm gaining here.
It doesn't work properly. The body has a max-width of 750px, and the header uses a padding hack of 'calc(50vw - 50%)'. That 50% means '50% of the containing element', so if 50vw is more than 750px (eg your viewport is more than 1500px wide) the header element stops being centred and starts spilling over on the right hand side.
This Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css And you can use this demo site to switch between them all on the fly: https://dohliam.github.io/dropin-minimal-css/
This Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css And you can use this demo site to switch between them all on the fly: https://dohliam.github.io/dropin-minimal-css/
This Github repository tracks a whole bunch of these drop-in CSS files: https://github.com/dohliam/dropin-minimal-css And you can use this demo site to switch between them all on the fly: https://dohliam.github.io/dropin-minimal-css/
Pity I cannot just receive vanilla mark up and pick a client side theme.
It doesn't work properly. The body has a max-width of 750px, and the header uses a padding hack of 'calc(50vw - 50%)'. That 50% means '50% of the containing element', so if 50vw is more than 750px (eg your viewport is more than 1500px wide) the header element stops being centred and starts spilling over on the right hand side.
When the margin works, the logic makes sense. 50vw sets the padding of the side in question (e.g. left) to the middle of the screen, 50% subtracts half of the containing element's width () from it. Doing this for both left and right and then negating it with equal negative margins results in the content area in the header being centered and having the same width as body, but the padding stretching out to the edges of the window.
Earlier quoted context omitted.
A variation on Cunningham's Law?
Without classes, CSS is a race to the bottom.
Ah how could I even live without getting hired for this job and all of its lustful classes?!
5 comments with 5 alternatives so far. Oh the irony.
;){kind=link}
