Bulma: Modern CSS framework based on Flexbox • Hacker News Board

Re: Bulma: Modern CSS framework based on Flexbox

#41

Post by jakejake » Sun, Jan 31, 2016, 10:01 PM UTC

wanda wrote: post #21

Just as popular JavaScript libraries spawn many superfluous forks and microframeworks, the landing of Flexbox has resulted in dozens of these CSS 'frameworks' and grid systems: 1. http://basegui.de 2. https://github.com/ButaneCSS/butanecss 3. http://juicedcss.com 4. http://bowlingx.github.io/flexcss 5. http://codepen.io/geoffyuen/pen/ogrPbZ 6. https://github.com/meerita/flexsasscandy 7. http://getmdl.io/components/in…

Before bootstrap and the like came along, all of us developers were creating web apps just as we do now. They just looked like crap! The CSS frameworks have evolved everything form "ugly" to "boring" which I guess is somewhat of an improvement!

Re: Bulma: Modern CSS framework based on Flexbox

#42

Post by jessedhillon » Mon, Feb 01, 2016, 6:05 AM UTC

wanda wrote: post #40

jessedhillon wrote: post #33

Earlier quoted context omitted.

IMO the optimal framework would be Google's Angular-Material, except for the fact that it is massively coupled with AngularJS for no reason. The assigning of layouts to row/columns, and dividing the space within are done very easily. Someone would be wise to use their system as the basis of a great CSS-only framework. https://material.angularjs.org/latest/

I've looked at this for all of three minutes, but it appears that it's basically an Angular version of Masonry with a dash of flexbox. Masonry is something I'd love to implement in pure CSS, but it's not really possible. You need to know the heights and then be able to position your grid items absolutely, it's not something that can be done dynamically without using JavaScript. You can use CSS3 Columns, but then your…

Angular Material doesn't suffer from any of those issues because it is based on flexbox. It works without Javascript, only it hasn't been written to do that. There are two issues:

- first, the elements being selected are all angular directives like `md-content`, `md-button` -- not a dependency on Javascript but clearly targeting a JS app

- a second theme stylesheet is dynamically generated and injected into the head

None of these are strict requirements -- I've extracted the stylesheet and repurposed it for my own projects.

Re: Bulma: Modern CSS framework based on Flexbox

#43

Post by alexcarpenter » Fri, Feb 05, 2016, 2:18 PM UTC

hackerboos wrote: post #34

wanda wrote: post #21

Just as popular JavaScript libraries spawn many superfluous forks and microframeworks, the landing of Flexbox has resulted in dozens of these CSS 'frameworks' and grid systems: 1. http://basegui.de 2. https://github.com/ButaneCSS/butanecss 3. http://juicedcss.com 4. http://bowlingx.github.io/flexcss 5. http://codepen.io/geoffyuen/pen/ogrPbZ 6. https://github.com/meerita/flexsasscandy 7. http://getmdl.io/components/in…

If I was starting a new site today I'd roll with: - PostCSS (with plugins: cssnext, variables, mixins, nested, autoprefixer) - Lost Grid - Typographic ( http://corysimmons.github.io/typographic ) - Boy - if I had to support legacy browsers ( https://github.com/corysimmons/boy )

ButaneCSS is pretty close to what you want. I was hesitant to add lost grid but it is easy to add to the setup.