Hacker News new | ask | show | jobs
by asselinpaul 3243 days ago
"many much better frameworks" Care to share, I'm currently investigating the space :)
4 comments

If you like BEM syntax, take a look at Kanbasu [0].

I especially like the spacers[1] for adding padding/margins without having to define separate CSS classes every time.

[0] http://kanbasu.liip.ch/

[1] http://kanbasu.liip.ch/02-helpers.html#spacings

>I especially like the spacers[1] for adding padding/margins

Looks just like the ones out of Bootstrap 4.

The "Embed Responsive" component appears to be a clone of BS4's.

Kanbasu's grid system looks much worse

>Widths are percentages represented by fractions. All classes are constructed like .w-{nominator}/{denominator}. By default you have halves, thirds, quarters, fifths and sixths.

>Note that only the smallest fractions are generated; for example .w-2/4 doesn’t exist when both quarters and halves are in the settings, .w-1/2 take over it.

...wait, what? Seems way more complex than Bootstrap. The responsive example is even worse:

    .grid--center>.grid__item
Yikes, appears to be BEM in naming conventions only, doesn't include the specificity flattening that makes BEM so nice. So when I want to overwrite this I need to use the > combinator?!

It also appears to be totally lacking in JS components? Also missing many of the mixins that make Bootstrap more useful.

Preferably, frameworks that are actually tested on a broad range of devices like Bootstrap is (eg. not just Chrome), and neither slow nor bloated.
Bulma or Spectre comes in mind. Even their biggest "bloated" competitor foundation is ahead.
Bulma seems much more limited in scope than BS4. Are there any JS components or Sass mixins?

>an open source CSS framework based on Flexbox and built with Sass

So, like BS4?

Spectre seems to lift most of the components directly from Boostrap, the grid system and naming conventions appear identical.

In some cases they are using some terrible practices, like the "CSS only" carousel that involves hidden radio buttons!

Thanks for recommending Bulma, looks like something I could really use over Bootstrap has some nice design qualities and components..I'm more of a backend guy myself, but looks easy enough to grep and use on some side projects I build.
thanks for this. any opinions on which one would you choose ?
give us something - I still use bootstrap :)