Live data from Hacker News

Cutestrap: 8k CSS framework

cutestrap.com

41–50 of 57 posts

Re: Cutestrap: 8k CSS framework

#41

Small typo in the following paragraph on the front page: "There are plenty of amazing front end framworks -> frameworks already, such as, Bootstrap and Foundation. If you're looking for something feature rich with loads of components, those are both great choices."

Thanks! Someone opened up a PR and it's merged now :)

Re: Cutestrap: 8k CSS framework

#42

Just throwing this in here in case anyone is on the look for other frameworks: http://semantic-ui.com/ So far this is my favourite!

Semantic UI is far from a light-weight CSS framework. I was recently working on a project using semantic, and I saw that the CSS alone was around ~960KB. I'm guessing that something must have been misconfigured for CSS output to be that high just for the Semantic UI framework, but offhand I didn't see it. That didn't include the icon fonts or the JS with Semantic. I'm guessing with some work, that CSS payload could have been trimmed down, but I doubt it could be trimmed enough to be considered light-weight.

I prefer CSS frameworks to provide the bare minimum instead of the kitchen sink. The only exception I make is if I am working on a project that I know will not have design provided. If a project does have a provided design, overriding framework defaults is counterproductive. Just write your own styles when you need them.

Re: Cutestrap: 8k CSS framework

#43

BEM may be effective for some, but it's a total turn-off for me simply because of the `__` syntax making my eyes bleed.

Had to look up BEM, this appears to be a good overview:

https://css-tricks.com/bem-101/

[ed: Having now read: http://mrmrs.io/writing/2016/03/24/scalable-css/ linked above, I can at least see where this idea is coming from. I guess I'm still thinking in documents with semantic mark-up, rather than UI widgets. I'm not entirely convinced throwing out all the cascading bits is the best approach, but I sympathize with that point of view.]

This is madness. Why work so hard to avoid how CSS selectors work? I mean, if you have a menu-structure built around divs, surely it should be enough to say that direct children of the div with class menu, should be considered menu items?

  
  
  
  
  div.menu > div {
    background: red;
  }
  div.menu > div:nth-child(3) {
    background: blue;
  }
  

  
    Item one
    

Alsoan item

Item #3 and CSSv3 knows (still blue) it Item #4 and CSSv3 knows it wat

Re: Cutestrap: 8k CSS framework

#44
post #20

In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/

May I suggest susy grids and using fully semantic selectors, with zero CSS cruft?

It's a grid system, not framework, so it adapts to what you need.

Re: Cutestrap: 8k CSS framework

#45
post #43

BEM may be effective for some, but it's a total turn-off for me simply because of the `__` syntax making my eyes bleed.

Had to look up BEM, this appears to be a good overview: https://css-tricks.com/bem-101/ [ed: Having now read: http://mrmrs.io/writing/2016/03/24/scalable-css/ linked above, I can at least see where this idea is coming from. I guess I'm still thinking in documents with semantic mark-up, rather than UI widgets. I'm not entirely convinced throwing out all the cascading bits is the best approach, but I sympathize with th…

I'm with you, those two concepts are mutually exclusive though.

Re: Cutestrap: 8k CSS framework

#47
post #20

In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/

Is it possible to use semantic class names then use a CSS processor to map those into tachyon classes?

Re: Cutestrap: 8k CSS framework

#48
post #20

In my opinion this is still the best option for CSS, especially in combination with React. http://tachyons.io/ Most importantly it contains a ratio-based scale: http://tachyons.io/docs/layout/spacing/

Geez. Those selectors.. " "

As others have said it's very strange at first. My co-worker introduced it to me a little over a month ago and I remember thinking "how is this maintainable?". After a few hours it started to make sense and now I can't imagine going back to BEM.

Being able to design UIs without opening a single CSS file has made HTML pretty fun and I've found I'm much better at componentizing the right things.

Post reply on HN