Reddit Tech VN BotOct 2

shadcn-css: Bản port của shadcn/ui dùng CSS Modules thay vì Tailwind. Hỗ trợ đa số component và có CLI. Tạo ra bởi nhà dev muốn dùng shadcn/ui nhưng thích CSS hơn. Dự án được maintain tích cực. #shadcnui #cssmodules #react #ui #thietkelayout #frontend #javascript

https://www.reddit.com/r/SideProject/comments/1nwhw9c/css_modules_port_of_shadcnui/

InautiloAug 19, 2025

#Development #Analyses
We keep reinventing CSS · But styling was never the problem https://ilo.im/1667em

_____
#CSS #TailwindCSS #CSSinJS #CssModules #BEM #React #Svelte #VueJS #Frontend #WebDev

We Keep Reinventing CSS, but Styling Was Never the Problem

We keep changing how we style the web, but the real problem isn’t CSS. It’s how we build around it.

Den Odell
Kagan MacTane (he/him)Feb 25, 2025

I know I've said this before, but I really hate CSS Modules.

Seriously, can it please go die in a fire?

#webdev #CSS #CSSModules

Show threadwestbrookSep 30, 2024

@konnorrogers

@keithamus doesn't need to worry, too much... the Edge team is super invested in bringing a version of this to life for use!! 🚀

It's very exciting: https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSModules/v1Explainer.md

#cssModules #htmlModules #jsonModules #ohMy

MSEdgeExplainers/CSSModules/v1Explainer.md at main · MicrosoftEdge/MSEdgeExplainers

Home for explainer documents originated by the Microsoft Edge team - MicrosoftEdge/MSEdgeExplainers

GitHub
Show threadVint ProxMay 8, 2024

@thomasreggi Whatever happens, just don't fall in the CSS-in-JS rabbit hole. Phooie, what nonsense even is that, I mean?

Now, in regards to #JSX and #components... As long as it's the same #CSS or, perhaps, CSS and non-over-the-top #CSSModules, the transition should not take much time. One serious benefit is maintaining component styling in one file with the layout and script bindings (most of the time, it results in less split brain logic than with separate files).

Ember EuropeApr 10, 2024

Isaac Lee demonstrated how to handle #cssmodules and i18n in #emberjs with Embroider and @vite using embroider-css-modules at our last event. 🚀

➡️ Watch now: https://youtu.be/J64q5SxY8rE

CSS Modules + Internationalization for Embroider | Ember.js Europe | Q1 2024

YouTube
Aaron In MinnesotaMar 22, 2024

With CSS nesting and `@Scope` stuff well supported at this point I am struggling to see much of a reason to continue using CSS modules.

In Next.js you can now nest selectors in a module.css file, but the only way I can see to make it not the awkward obfuscated class names is to prefix all the nested items with `:global()`. which just is kinda ick.

#nextjs #css #webdev #cssModules

Ember EuropeMar 13, 2024

Isaac Lee will talk about #CSSmodules and i18n in Embroider at our next event!

Join us remotely on March 21st: https://www.meetup.com/de-DE/ember-europe/events/299483149/

Q1 2024 Event – full remote, Thu, Mar 21, 2024, 7:00 PM | Meetup

We're starting the year with a remote event in March. Join us on the 21st for talks, as well as some Gartic Phone again! ***NOTE: All times below are in CET*** **18:45** \

Meetup
Lukas OppermannDec 13, 2023
Love this approach by Dion Almaer: https://blog.almaer.com/building-a-modern-design-system-in-layers/ This is exactly what we did #deutschetelekom. I feel even the first point, to try to stick to #platform defaults is already valuable. Instead of some css-in-js, just use #cssModules or plain #css. Sticking to the platform makes it easier in the long run.
Building a modern design system in layers

So often, when building a design system, we end up building something rigid that we will struggle with as time goes by. When this is done, we can try to evolve it well, and to make it so good that …

Dion Almaer
Emmanuel 🌱Jun 2, 2023

Méthodologie(s) #CSS

— #OOCSS ;
— #SMACSS ;
— #BEM ;
— #BEMIT ;
— #ITCSS ;
— Classes utilitaires-atomiques…
Edit :
— #cubeCSS https://cube.fyi/ ;
— #CSSModules ;
— #SUITCSS.

Mais encore ?

Avez-vous d'autres méthodologies en tête ?
Ou en sommes-nous aujourd'hui ?

(Sans oublier les CSS à l'ancienne, profitant bien de l'héritage et la cascade, sans convention de nommage particulière, et qui peut tout à fait convenir pour un petit projet personnel amateur.)

CUBE CSS | CUBE CSS

A CSS methodology oriented towards simplicity and consistency with a heavy dosage of pragmatism.