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

submitted this link on October 13, 2020
  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?

    1. 0

      I I havnt built this.!

  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 3 years 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. πŸ˜‚

        1. 2

          Love it!! πŸ˜‚

      5. 1

        This comment was deleted 3 years ago.

Trending on Indie Hackers
Why Most Startup Product Descriptions Fail (And How to Fix Yours) User Avatar 97 comments We just hit our first 35 users in week one of our beta User Avatar 43 comments From Ideas to a Content Factory: The Rise of SuperMaker AI User Avatar 27 comments AIgenerationtool β€” replacing hiring writers with 1 AI dashboard User Avatar 24 comments NanoBanana or Seedream4.0? Why Choose When You Can Have Both User Avatar 19 comments Why Early-Stage Founders Should Consider Skipping Prior Art Searches for Their Patent Applications User Avatar 18 comments