So much new CSS stuff has hit the web in the past few years, and the CSS reset I was using has aged, so it was time for a refresh.
This new reset isn’t too extensively battle-tested just yet, but it has proven a success where I have used it.
So much new CSS stuff has hit the web in the past few years, and the CSS reset I was using has aged, so it was time for a refresh.
This new reset isn’t too extensively battle-tested just yet, but it has proven a success where I have used it.
How to @scope CSS now that it’s Baseline. Daniel Schwarz notes that Firefox 146 has joined Chrome and Safari in supporting the @scope at-rule, giving it the Baseline Newly Available status. This new feature defines scoped styling contexts, simplifying selectors and improving CSS structure. How to use @scope in both HTML and CSS, keeping in mind its performance and reusability trade-offs. #css #baseline
https://frontendmasters.com/blog/how-to-scope-css-now-that-its-baseline/
CSS Web Components for marketing sites
https://hawkticehurst.com/2024/11/css-web-components-for-marketing-sites/
#HackerNews #CSS #Web #Components #marketing #webdevelopment #frontenddesign
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: https://paulmakeswebsites.com/writing/shadcn-radio-button/
(Inspired by this week's work frustrations lol)
Iconify is an #opensource library of icons - they also have an API which you can use to get the icon SVG.
Iconify is an #opensource library of icons - they also have an API which you can use to get the icon SVG.
I'm officially a curmudgeon. Here's a rant about the Shadcn component library and how over-complicated its radio buttons are: https://paulmakeswebsites.com/writing/shadcn-radio-button/
(Inspired by this week's work frustrations lol)
Different Page Transitions For Different Circumstances: "In #JavaScript, you can detect a view transition happening, set a type, and have #CSS do unique things based on that type." https://frontendmasters.com/blog/different-page-transitions-for-different-circumstances/
What a week! With the release of Firefox 147 Anchor Positioning became Baseline Newly Available, and thanks to @matuzo I learned that popovers have an implicit anchor. Sweet!
What a week! With the release of Firefox 147 Anchor Positioning became Baseline Newly Available, and thanks to @matuzo I learned that popovers have an implicit anchor. Sweet!
Different Page Transitions For Different Circumstances: "In #JavaScript, you can detect a view transition happening, set a type, and have #CSS do unique things based on that type." https://frontendmasters.com/blog/different-page-transitions-for-different-circumstances/
Everyone here loves a CSS-in-JS system, right? I took a look at Meta's StyleX and how it compares to the more commonly used Tailwind. While "just use CSS dammit" is the normal response to such tools, it does seem like StyleX has a very specific (and rare) use case: highly scaled apps. https://thenewstack.io/stylex-vs-tailwind-metas-take-on-css-in-js-maintainability/ #CSS cc @nmn, a StyleX core dev, who I was pleased to see is on the fediverse.
What Is the Minimum Markup Needed to Create a Modal?, by (not on Mastodon or Bluesky):
🫠 CSS-in-JS: The Great Betrayal of Frontend Sanity
｢ CSS-in-JS was born out of good intentions — modularity, predictability and componentization. But what we got was complexity disguised as progress. The web didn’t need runtime styling engines or cryptic hashes to stay modern. It needed restraint. It needed developers willing to accept that not every problem requires a library ｣
https://thenewstack.io/css-in-js-the-great-betrayal-of-frontend-sanity/
Hey #a11y folks,
I started writing an article about how you can sneak in #accessibility fixes (as a developer or designer) without telling your boss.
Do you have any stories you would like to share that I could use for the article?
I did it by silently adding landmark elements and a skip link, updating global focus styles so that they're consistent and accessible and other evil shenanigans. 😈
Hey #a11y folks,
I started writing an article about how you can sneak in #accessibility fixes (as a developer or designer) without telling your boss.
Do you have any stories you would like to share that I could use for the article?
I did it by silently adding landmark elements and a skip link, updating global focus styles so that they're consistent and accessible and other evil shenanigans. 😈
I want to help a friend who makes art in #blender to move from #pinterest to his own website. Is there any ready-made #html template for media gallery with tiles (like pinterest) where you can click on each image/video and see it's details?
If not, I'll code it myself, but it seems like a pretty common usecase. #css #11ty
