#Tag
✍️ New post: Visual Regression Testing for External URLs With Playwright
#blogtober #webdev #css #testing #playwright
https://matthiasott.com/notes/visual-regression-testing-for-external-urls-with-playwright
OK @kevinpowell has written what has to be one of the best (if not THE best) practical article on #CSS colors I have read in a while. https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/
Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff. Now I know why so many color declarations I saw in the last year or so looked so confusing to me. 😅
OK @kevinpowell has written what has to be one of the best (if not THE best) practical article on #CSS colors I have read in a while. https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-one/
Easy to read, practical examples, and *perfect* for someone like me who's fallen behind and hasn't kept up with all the new stuff. Now I know why so many color declarations I saw in the last year or so looked so confusing to me. 😅
✍️ New post: Visual Regression Testing for External URLs With Playwright
#blogtober #webdev #css #testing #playwright
https://matthiasott.com/notes/visual-regression-testing-for-external-urls-with-playwright
There really needs to be some way to create modern web applications that doesn’t force you to use JavaScript. That shit’s just awful for a sane mind. Preferably not CSS either as that shit’s a total garbage fire.
Seems PHP is still the best (only?) alternative and that’s just sad. Why did we allow the web to get so bad? It all started out great 30 years ago and look at the state now…
This is sooooo clever 😍 Thanks @matuzo 🙏🏼 #css
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
This is sooooo clever 😍 Thanks @matuzo 🙏🏼 #css
https://piccalil.li/blog/a-workaround-for-using-custom-properties-in-media-queries/
Prevent scrollbar jump: "The scrollbar-gutter #CSS property tells the browser to reserve space for a scrollbar, even when one isn’t visible. It can be used to prevent that visual shift." https://gomakethings.com/prevent-scrollbar-jump/
Prevent scrollbar jump: "The scrollbar-gutter #CSS property tells the browser to reserve space for a scrollbar, even when one isn’t visible. It can be used to prevent that visual shift." https://gomakethings.com/prevent-scrollbar-jump/
you get a squircle,
you get a squircle,
i get a squirtle
Oooh, I like it. From the creator of Shoelace (now Web Awesome Components)
now that my Big Project™ for the year has shipped and is wrapping up, i will be enjoying some relative down time at work, in which i’d like to spend time topping up my waning modern web dev knowledge.
💡i am looking for recommendations on good online courses to bridge my knowledge gap in latest (not trendiest) CSS and JS practices. i have a few already queued up, but this will help me prioritize.
boosts are most welcome. thank you in advance! #webDev #CSS #javascript
you get a squircle,
you get a squircle,
i get a squirtle
On a technical note, lots of native elements and web-components. I'm super happy with the final markup here, which has no divs (which wasn't a specific goal I started out with, but something I realized was already happening by the time I got to the end).
The only trip-up was commandfor dialog handler support, but everything else appears to work pretty seamlessly across browsers. Really shows how powerful native HTML and CSS is now.
I've talked to many teams struggling with CSS architecture – even after trying the branded answers: utilities! obscure-naming_conventions! frameworks!
You don't need all that. Learn to work with the language, and make the language work for you.
Need help? Schedule a call, or bring me in to tailor a plan for your situation: https://oddbird.dev/services/architecture/ #css
now that my Big Project™ for the year has shipped and is wrapping up, i will be enjoying some relative down time at work, in which i’d like to spend time topping up my waning modern web dev knowledge.
💡i am looking for recommendations on good online courses to bridge my knowledge gap in latest (not trendiest) CSS and JS practices. i have a few already queued up, but this will help me prioritize.
boosts are most welcome. thank you in advance! #webDev #CSS #javascript
🆕 blog! “Targetting specific characters with CSS rules”
You can't. There is no way to use CSS to apply a style to every letter "E". It simply can't be done.
At least, that's what they want you to think…
What if I told you there was a secret and forbidden way to target specific characters in text and apply some styles to them?
As part of my experiments in creating a "drunk" C…
👀 Read more: https://shkspr.mobi/blog/2025/09/targetting-specific-characters-with-css-rules/
⸻
#css #HTML
On a technical note, lots of native elements and web-components. I'm super happy with the final markup here, which has no divs (which wasn't a specific goal I started out with, but something I realized was already happening by the time I got to the end).
The only trip-up was commandfor dialog handler support, but everything else appears to work pretty seamlessly across browsers. Really shows how powerful native HTML and CSS is now.
A space for Bonfire maintainers and contributors to communicate
