A while back, I tried to make my own text-highlighting function that works on real and complex DOM elements. I wanted Claude to make it for me, but the code literally didn't work at all, so I ended up manually coding & learning the Selection API and TreeWalker😵💫Half-works with browser inconsistencies
On #Svelte, I wish there was a way to scope styles to a {#snippet} itself. Of course, once something gets large enough, it's time to split stuff into multiple files. But there exists an awkward middle ground where it would be nice if the styles were closer to snippet markup
Today I learned, that if a url ends with ".mov", the first item that appears in Safari's right-click menu is "Open with Quicktime Player". I totally didn't just open someone's profile with Quicktime...😓
God damn, I should have a screenreader read my texts, because why do I make so many grammar mistakes😓
I design stuff by manually coding it and iterating on what I imagine in head and what I like in progress. I love grid-template-areas a lot, because it makes implementation super easy. Grid is amazing for layout! I only use Flexbox for flex-wrap lol (which can do layout for multi-sized items) #CSS
Been thinking about this absurd way to do #CSS lately that may be possible in the near future thanks to github.com/w3c/csswg-dr... Solves specificity by making by not using specificity at all! #FrontEnd #WebDev
Disappointed with #CSS anchor-positioning considering `@position-try` has a restrictive set of property descriptors. I wanted to make a pop-in effect change its `transform-origin` based on which `position-area` it was in, but unfortunately not possible + `anchor()` is not valid in `transform-origin`
i love how in Safari, `ex` and `ch` gently grow/shrink in absolute size the more your browser zooms. This makes layout and elements ever so slightly misaligned, stretches paragraphs at a length it shouldn't. And, ultimately trashes your entire #CSS, forcing you to rewrite everything using `em`❤️
Dear God, how in the world will Safari 27's describe-an-extension-and-itll-be-created even work. It has to be really limited, like cant-modify-pages limited or it'll 100% fail to deal with the nonsense DOM rendering and #CSS hell webpages tend to have. All they showed is that it adds to the toolbar😬
Reading blog posts made by real humans >>>> AI slop content I just learnt so much from reading these two :D #CSS #WebDev #Frontend jakearchibald.com www.matuzo.at/blog
I got 360 points on this year’s #StateOfCSS survey! I have used 27 features, and knew the 18 rest that I haven't been able to use because of S*fari or F*refox. Can you beat me? survey.devographics.com/survey/state... #CSS #WebDev
State of CSS 2026
Take the State of CSS survey
survey.devographics.com
browser inconsistences i encountered ☹ #CSS • outlines on grid items broken on Chrome (inline and block size are off 1px) • text-align on :first-line only working on Safari • inline images adding mysterious empty space on Safari • inline-size containment computing to 0px inline for grid item on iOS
