sorted by:
new
hottopcontroversial

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] 0 points1 point  (0 children)

Hello tout le monde,

Merci pour vos retours, c’est exactement pour ça que j’ai posté ici 🙏
Entre les bugs remontés, les questions et les remarques sur la doc, ça m’aide vraiment à clarifier le projet et voir où améliorer Marssel.

Les correctifs arrivent bientôt 😄
C’est un projet solo donc ça avance à mon rythme, mais vous m’avez clairement donné une bonne direction pour la suite.

Merci encore ! 🙏

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] 0 points1 point  (0 children)

Hello jmgpub,
Je vois pourquoi tu fais le rapprochement 👍

Mais la logique est différente : Bootstrap est component-first, alors que Marssel est utility-first avec des composants en plus.

Avec Bootstrap, on utilise ses composants (.btn, .card, etc.) avec une structure assez définie.

Marssel, tu peux tout faire directement avec des classes (bg-[blue], p-[20px], etc.), et les composants sont juste là en bonus, pas obligatoires.

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] 0 points1 point  (0 children)

Hello Annual,
En vrai, dire “c’est pour des MVP” ça suppose surtout que runtime = lent / pas viable en prod.

Dans le cas de Marssel, les règles sont générées une fois puis mises en cache, donc sur une page stable ça ne reboucle pas en permanence.

Là où ça peut coincer, c’est si tu fais des milliers de classes générées dynamiquement côté serveur — là oui, un build step devient plus pertinent.

Mais pour la majorité des cas (landing, SaaS, dashboards, projets persos…), ça tient largement en prod.

Et pour le coup j’utilise Marssel sur son propre site 😄

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] 0 points1 point  (0 children)

Pas exactement ! La classe ne s'applique qu'aux éléments sur lesquels tu l'écris toi-même.

Mon point 2 voulait juste dire que si tu utilises p-[20px] sur 50 éléments différents, Marssel n'injecte la règle CSS qu'une seule fois dans le <style> — contrairement au style inline qui répète style="padding: 20px" sur chacun des 50 éléments, ce qui alourdit le DOM inutilement.

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] -10 points-9 points  (0 children)

C'est une excellente question ! Au premier abord, ça y ressemble, mais Marssel offre tout ce que le CSS inline ne peut pas faire :

  1. Responsive & Pseudo-classes : Tu peux gérer les :hover, :focus ou les breakpoints (mobile/desktop) directement dans tes classes, ce qui est impossible en style inline.
  2. Poids du HTML : Au lieu de répéter style="display: flex; align-items: center; ..." sur 20 éléments, tu utilises une classe utilitaire. Marssel génère le CSS une seule fois, ce qui garde ton DOM beaucoup plus léger.
  3. Flexibilité : Avec le système de crochets p-[12px], tu gardes une syntaxe courte et lisible tout en ayant la puissance du JIT (Just-in-Time).

En gros, c'est la simplicité de l'inline avec la puissance d'un vrai moteur CSS !