1. 9

Strawberry is a new flexbox based CSS micro-framework, a set of common flexbox’s utilities focused on making life easier and faster with nested flexboxes. You can easily create nested flexboxes directly from the container. So it can also considered like a fallback for CSS Grid.

Some good points of it:

  1. It’s light: less than 8Kb
  2. It’s powerful: create Flexbox-based layouts in few lines of code
  3. No preset graphic style: it helps you create layouts without messing up your life
  4. No conflicts with other used framework in the same project: all classes start with the sb- prefix
  5. Easy to override: strawberry never use !important

I started this project on June 5th 2018, it is written in SASS and it could be installed using node, forking the repo or using the CDN.

Here github repo: https://github.com/jfet97/strawberry

  1.  

  2. 20
      Maybe
    
    
      Less
    
     
      Spread out?
    
    1. 1

      no ahahahha

    2. 4

      There’s not much to see so it’s difficult to judge. I think it was Bootstrap that started the trend of a-lot-of-dashes which I’m not a fan of (although it’s a very popular style of writing CSS).

      I would highly encourage anyone who is looking to switch to a Flexbox layout to first learn how to use it (and there is a lot to learn) and then using a framework like this if it seems more convenient.

      Of course the spacing on the example website is no bueno, but I know that’s in part because you haven’t finished the content part of it yet.

      1. 1

        Yes, you first should know what is Flexbox, then you can use my framework to speed up your work.

        About spacing…I want this spacing to separate items, but the framework does not create it…it’s mine style. Remember, Strawberry does not add graphic style.

      2. 3

        The site/repo doesn’t seem to have a demo of it in action (outside of the simplest layout) – but the medium article linked from the repo has a video of a card-like layout: https://medium.com/@andreasimonecosta/strawberry-a-new-flexbox-based-css-micro-framework-42ff9be49468

          1. 1

            Yes, I’ll add some examples in future…thanks for sharing this article!

          2. 2

            I don’t want to poop on your work or anything; thanks for writing it and sharing it with the community.

            That being said, if I migrate any of my existing sites or create something new, I’m going to do it in CSS Grid and I suggest everyone else does to. CSS Grid is a standard, and it allows you to do a lot of really complex layouts and not need crazy div classes or tags anywhere.

            The only reason to create a new site with a CSS framework today is if you need to support IE11. Everything else has supported CSS grid for at least a year. Browsers are moving faster today and we no longer have to wait for the IE6 catchup game.

            1. 2

              Yes but don’t think that CSS Grid can do everything. Maybe this video can help you…I think you should know who she is https://www.youtube.com/watch?v=hs3piaN4b5I