Bulma: Modern CSS framework based on Flexbox
1–10 of 43 posts
Re: Bulma: Modern CSS framework based on Flexbox
#2Having previously built some medium-sized apps with bootstrap and material, this is something I'd like to try for my next project. It looks simpler than either of those other two, and has enough other stuff to make it usable out of the box, unlike something like skeleton which was too minimalist for me to use easily.
I haven't used flexbox ever myself. Could someone summarize why flexbox makes this framework effective?
Re: Bulma: Modern CSS framework based on Flexbox
#3Did a quick pass of the docs, and the grid system seems to be opinionated/unconfigurable w/r/t changing column ratios as device width scales. Everything is 100% width at mobile size, and once you pass that breakpoint, there's no adjustment mechanism at any other size.
That's a big step backwards from bootstrap's col-breakpoint-width, IMO.
It also fails to address nesting columns within each other.
This feels more like a rudimentary grid system that happens to have some button styles, rather than a "framework".
If you want a bootstrap-like grid experience with flexbox and sans the bloat, I've had a decent experience with this: http://flexboxgrid.com/
Re: Bulma: Modern CSS framework based on Flexbox
#4Flexbox is lovely, and this framework looks great...but, does it work with crappy browsers (e.g. every IE version prior to Edge)?
Re: Bulma: Modern CSS framework based on Flexbox
#5Having previously built some medium-sized apps with bootstrap and material, this is something I'd like to try for my next project. It looks simpler than either of those other two, and has enough other stuff to make it usable out of the box, unlike something like skeleton which was too minimalist for me to use easily. I haven't used flexbox ever myself. Could someone summarize why flexbox makes this framework effectiv…
Flexbox layouts "work like you think they work" for the most part, which is really nice, and far better than their predecessors.
The 3 "holy shit we needed this before!" features IMO are: vertical centering, height matching (if you have 3 columns in a row, and one has more text, all 3 columns will have the same bottom position), and the ability to evenly distribute objects across space.
check this out for more: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
caveat: flexbox support, while passably good, is still shaky in places.
Re: Bulma: Modern CSS framework based on Flexbox
#6Having previously built some medium-sized apps with bootstrap and material, this is something I'd like to try for my next project. It looks simpler than either of those other two, and has enough other stuff to make it usable out of the box, unlike something like skeleton which was too minimalist for me to use easily. I haven't used flexbox ever myself. Could someone summarize why flexbox makes this framework effectiv…
"Could someone summarize why flexbox makes this framework effective?"
Ever tried to center something vertically? Flex box does it easily. Is also makes it easier to do responsive layouts, with much simpler markup and styling.
Re: Bulma: Modern CSS framework based on Flexbox
#7Did a quick pass of the docs, and the grid system seems to be opinionated/unconfigurable w/r/t changing column ratios as device width scales. Everything is 100% width at mobile size, and once you pass that breakpoint, there's no adjustment mechanism at any other size. That's a big step backwards from bootstrap's col-breakpoint-width, IMO. It also fails to address nesting columns within each other. This feels more lik…
[deleted]
Re: Bulma: Modern CSS framework based on Flexbox
#8Flexbox is lovely, and this framework looks great...but, does it work with crappy browsers (e.g. every IE version prior to Edge)?
According to caniuse[1], IE support is janky, period.
Re: Bulma: Modern CSS framework based on Flexbox
#9Did a quick pass of the docs, and the grid system seems to be opinionated/unconfigurable w/r/t changing column ratios as device width scales. Everything is 100% width at mobile size, and once you pass that breakpoint, there's no adjustment mechanism at any other size. That's a big step backwards from bootstrap's col-breakpoint-width, IMO. It also fails to address nesting columns within each other. This feels more lik…
Yeah http://bulma.io/documentation/grid/ could definitely use some improvement for different screen sizes, but the rest is very well styled...
Re: Bulma: Modern CSS framework based on Flexbox
#10Flexbox is lovely, and this framework looks great...but, does it work with crappy browsers (e.g. every IE version prior to Edge)?
According to caniuse[1], IE support is janky, period. 1. http://caniuse.com/#feat=flexbox
IE 10 and 11 are supported with browser prefixes, so you're only losing out on 8 and 9, which constitute ~2 of all internet traffic. Some non-trivial percentage of IE 8 and 9 users have them installed only for specific websites and internal corporate sites.
There just can't be that many people browsing the web with IE 8 and 9. Additionally, we need to draw the line somewhere, especially given how much easier flexbox makes front-end styling.