16
26 Comments

Yogurt CSS: A colossal low-level utility CSS framework for crafting beautiful and elegant user interface at an atomic level without writing

  1. 5

    Are we going to see a tsunami of css frameworks now because Tailwind has successfully monetised?

    1. 1

      I still don't get why people like these frameworks. Why are people so excited to basically move their css into their html?

      1. 2

        As a solopreneur framework like Tailwind allow me to build front-ends quickly.

        1. 1

          Might prefer taking a look at https://mkws.sh for solopreneurs. Simple, no bloat, static site generator.

      2. 2

        They are not moving their css into their html per se. Tailwind is like a boilerplate or a framework for css design systems. Sure, with default values it seems like it's just moving css to html via classes, but they also add other very useful utils like hover/focus/responsive/grid etc. that make css cancer bearable.
        If you've worked in several companies that do heavy web development across many products you'd know, that basically every one of them reinvent the same stuff over and over again when they create their design systems - tailwind makes that easy and consistent.

      3. 1

        I understand completely your point. I have some elements that have more css classes in them than actual html itself.

        For me the benefit is speed and doing the bulk of my work in the same "file".

        I 100% have to jump into my css for custom stuff but a lot of it is just margins, padding and flex box, which I find much quicker to handle in the markup.

      4. 1

        I feel the same way here. Tailwind is still a bit foreign to me and I don’t feel comfortable doing all my styling in the same HTML file. 😬😬

      5. 1

        Why are people so excited to basically move their css into their html?

        We found the excitement of moving it into our JavaScript was wearing off and needed a new high. 😂

  2. 2

    As someone else mentioned, it’s very similar to tailwindcss. It seems to have “borrowed” the prefix: idea in particular from it.

    Curious to see how this would be used in practice.

  3. 2

    Very interesting... so you wrapped every css property in a class?

  4. 2

    Great resource!

    .... this gives me an idea 😉

      1. 2

        Hmmm... never mind :(

        My idea was taken and it already solved the problem I was solving 😅

      2. 2

        You'll see... I'll post about it on IH in a couple days :D

  5. 1

    From the home page
    ... you can use <y></y> tags for almost anything.

    Not SEO friendly.

    1. 1

      HTML and CSS tags are not the same. H1, H2, <strong> , <p> etc doesn't have nothing with css markup

  6. 1

    it looks amazing, i'm wondering how your <y></y> might affect seo?

    1. 1

      It will deffinately. But,I haven't built it.

  7. 1

    Any sites that you know built using this framework?

    1. 1

      I have been also.looking for them, but no success so far.

  8. 1

    Looks really similar to TailwindCSS with more human readable class names. What's the key difference?

    1. 1

      Looks like Tailwind written in SCSS instead of JavaScript.

      Great work @Michael_Andreuzza

      1. 1

        Hey Josh, I haven't done built this! But, yeah stunning workm

Trending on Indie Hackers
Vegans, vegetarians, and anyone with an allergy, food intolerance, or just a preference, I need you! 27 comments Songbox breaks £1000mrr ($1378) 14 comments Laid Back Font - Pacifico & Tips on How To Use It 9 comments Racket - easy short form podcasting 6 comments Validate your product: 19 market testing and market validation tactics (plus 7 tools for validating) 5 comments Why you shouldn't build user-facing SaaS integrations yourself 4 comments