Mr. WillFeb 6

Next.js has two critical bugs that make it troublesome when developing in a non-Tailwind project.

I recently encountered them and spent much time trying to make my project work again, but failed.

When I browsed the issues, I found that I was not alone.

#79531: https://github.com/vercel/next.js/issues/79531
#83941: https://github.com/vercel/next.js/issues/83941

#vercel #nextjs #tailwindcss #webpack #turbopack #css #csslayers

CSS import order differs between dev turbopack and prod webpack · Issue #79531 · vercel/next.js

Link to the code that reproduces this issue https://github.com/brijeshb42/nextjs-css-order-repro To Reproduce TLDR: The import order of css files changes between dev (with Turbpack) and prod (witho...

GitHub
Show threadKerrick Long (blog)Dec 17

Re: Affordances and Lean CSS

Stephen Margheim (fractaledmind) wrote Affordances: The Missing Layer in Frontend Architecture this month. This quick post is my reply to his great article. I hear the objection already: “Isn’t this just… semantic CSS classes? We tried that.” You’re right that we tried it. But “it didn’t work” deserves unpacking. I was indeed objecting that in my mind. But I was not thinking, "it didn't work." I was thinking, "and it has kept working for decades. Obviously the utility-only workflow described is terrible; it's why I refuse to choose Tailwind. How are affordances better than what's worked for a decade?" […]

https://kerrick.blog/posts/2025/re-affordances-and-lean-css/

Re: Affordances and Lean CSS - Kerrick Long (blog)

Stephen Margheim (fractaledmind) wrote Affordances: The Missing Layer in Frontend Architecture this month. This quick post is my reply to his great article. I hear the objection already: “Isn’t this just… semantic CSS classes? We tried that.” You’re right that we tried it. But “it didn’t work” deserves unpacking. I was indeed objecting that in

Kerrick Long (blog) - Articles about programming, learning, code, books, and teams
AntoineFeb 13, 2025

Converted my website to css layers !
Still wip, a mess & huge pass of cleanup to do.
But it works and I can change top layer applied to my site live ! Just as one can change color-pref. Very cool and so usefull for debugging !

You can try it out here : https://villapirorum.netlify.app (user-settings in the footer)

Special thx to @mia from which I stole the idea to have that setting publicly exposed on the page ! (check it on her site : https://www.miriamsuzanne.com)

#css #csslayers #webdev #devintheopen

Villa Pirorum

Bienvenu à la Villa Pirorum, le Digital Garden d'Antoine, et la page web de la famille Villepreux.Welcome to the Villa Pirorum, Antoine's digital garden, et the Villepreux family homepage.

villapirorum.netlify.app
pablolarahFeb 6, 2025

🥤 Pure CSS Mixin for Displaying Values of Custom Properties
by Roman Komarov @kizu
#CSSVariables #CSSCounters #CSSLayers #Experiment #Practical #CSS #webdev #CSSMixin

https://kizu.dev/preview-mixin/

Pure CSS Mixin for Displaying Values of Custom Properties

Do you write CSS? Do you use custom properties with calculations? Do you want to preview their values while you’re debugging them? What if you could do so by setting just one additional custom property? Without any JS? In this article, I present a native CSS mixin that will output various values as pseudo-elements.

pablolarahApr 10, 2024

🟢🔴 Layered Toggles: Optional CSS Mixins
by Roma Komarov @kizu @kizmarh
#CSSLayers #CSSVariables #CSSLogic #StyleQueries #Experiment #Practical #CSS

https://kizu.dev/layered-toggles/

Layered Toggles: Optional CSS Mixins

In this article, I am sharing the next evolution of space & cyclic toggles, which allows us to create and apply optional mixins in CSS with the help of custom cascade layers, available today in every browser that supports them.

Fylgja CSSMar 18, 2023

Fylgja v1.3 is out! 🎉

New in #FylgjaCSS v1.3 is full support for #cssprops, #csslayers and our first steps to v2 with beter focus on native #html styles, to simplify your frontend with a good foundation, check it out https://github.com/fylgja/fylgja/releases/tag/1.3.0

Release v1.3.0 · fylgja/fylgja

Added bundle for native elements, use with: fylgja/fylgja-html.css CSS props for border CSS props for fonts Marquee component (not part of the core install) Tokens component (not part of the core ...

GitHub