16
24 Comments

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

  1. 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.

  2. 2

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

  3. 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

  4. 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

  5. 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.

  6. 1

    Any sites that you know built using this framework?

    1. 1

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

  7. 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

  8. 5

    This comment was deleted a year ago.

    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 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. 😬😬

      4. 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. 😂

      5. 1

        This comment was deleted a year ago.

Trending on Indie Hackers
How I grew a side project to 100k Unique Visitors in 7 days with 0 audience 49 comments Competing with Product Hunt: a month later 33 comments Why do you hate marketing? 28 comments My Top 20 Free Tools That I Use Everyday as an Indie Hacker 14 comments $15k revenues in <4 months as a solopreneur 14 comments Use Your Product 13 comments