Probably my most prejudiced #CSS hack. Judge if you want, but this one line saves me from an insane amount of alignment issues and overly complicated calc()s.
@ErikJonker@GossiTheDog don’t forget to mention the last proposal of #belgium of the client side scanning idea. It’s a disaster for your privacy and dangerous because you can be hit by false positives. Try then to prove your innocence. #css#eu and note it’s not only images but also text. #police are already claiming they want that data too.
Is there a course/website/book/etc. that would focus on teaching CSS how it can be used today?
I learned webdev back when we positioned elements with float and IE6 compatibility was a concern. I know fundamentals. I picked some new things along the way. But I wonder how you would work when you don't shoehorn new things into outdated models I grew up with.
I don't understand why CSS is so verbose sometimes. Why couldn't I just do: color: --brand-red;
???
Why do I need to surround every use of it with var(...)? Wasn't the double-dash prefix was specifically chosen to not clash with any existing or future properties?
It's always so frustrating writing CSS. Especially compared to all the structure, abstractions, and terseness that programming languages offer.
I was kinda hoping calc-size() could resolve intrinsic sizes inside math functions but it doesn't seem to (at least in Chrome Canary). Not sure if that's a bug or if Friday afternoon isn't the best time to try to understand draft #CSS specs 🤯
I found https://buildexcellentwebsit.es extremely insightful and inspiring! It pushed me to finally completely restructure my personal website’s #CSS, after many years of mess.
Unfortunately, though, I find the massive use of all those calc() and clamp() functions to be quite heavy in terms of performance… #Lighthouse gave the website a very bad performance score (see screenshot). It even seems that while scrolling the page it lags (😳) even if it’s super simple and built with pure #HTML and CSS!
Do you have any ideas or suggestions? 🤔
Thank you so much for all the interesting things you share! ❤️🚀
(The current unstable development version of my website is at https://dev.tommi.space/, I am using the homepage as reference)
Many teams are still using decade-old approaches and third-party tools for #CSS layout. That's not just extra work, but will leave you with less reliable results.
Join my new Cascading Layouts online workshop at the end of June!
Single-digit inputs with one element: "Turn a simple input into single-digit inputs using a few lines of #CSS. Useful for One-Time Password fields. No extra element (only the <input> element); Less than 15 CSS declarations; Optimized with CSS variables;" https://css-tip.com/single-digit-inputs/