[deleted]
Bulma: Modern CSS framework based on Flexbox
11–20 of 43 posts
Re: Bulma: Modern CSS framework based on Flexbox
#12Did 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…
Do you have a a good resource for some bloat to go with that grid experience as well?
Re: Bulma: Modern CSS framework based on Flexbox
#13This can be beautiful, but I'd need SOME KIND of back-compatible functionality, even if it's just to tell old IE users "hey you're totally missing on stuff, check this out"
Re: Bulma: Modern CSS framework based on Flexbox
#14It looks great. I think I will use it in my hobby projects instead of Bootstrap.
Re: Bulma: Modern CSS framework based on Flexbox
#15I haven't found a way to handle with Flexbox.
Intended behaviour is that you're writing paragraphs of
, then a
that you wish to annotate, then the , then some more
.
The aside should be, well, on the side. In the margin.
So far, with floating you need to have the before the
that it belongs to, which is semantically false.
I had hopes with Flexbox to finally solve this issue, but it doesn't look possible, because if you imagine it as a big grid of two columns, the text would have to flow through only the left column, while only the would have to be pushed to the right column.
Re: Bulma: Modern CSS framework based on Flexbox
#16Flexbox 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
In practice 10 support is patchy, but can usually be fixed using the wonky old syntax and minimal hacking. For general use 11/Edge are fine.
In fact, a usable desktop view for IE9 is relatively easy to frig with %widths and a handful of padding hacks.
Re: Bulma: Modern CSS framework based on Flexbox
#17Earlier quoted context omitted.
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…
Caniuse.com shows the global usage share statistics (based on data from StatCounter GlobalStats for December 2015) next to each entry.
IE 7: 0.05%
IE 8: 1.18%
IE 9: 0.91%
IE 10: 0.87%
IE 11: 6.45%
Edge 12: 0.67%
Edge 13: 0%
Edge 14: 0%
Chrome 47: 20.46%
Chrome (Android) 47: 17.45%
IE 8, IE 9 and IE 10 are still more widely used than Win10 with its Edge browser.
Don't use flexbox for your start page, especially if you want to do business (SaaS). It will be completely broken in IE8/9 and look like shit. Corporate managers will close your website instantly.
Re: Bulma: Modern CSS framework based on Flexbox
#18Did 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…
Foundation Sites (F6) also comes with flexbox grid btw. It's optional, you can switch it on in the sass settings and use the same html markup as before.
Re: Bulma: Modern CSS framework based on Flexbox
#19I haven't found a way to handle with Flexbox. Intended behaviour is that you're writing paragraphs of , then a that you wish to annotate, then the , then some more . The aside should be, well, on the side. In the margin. So far, with floating you need to have the before the that it belongs to, which is semantically false. I had hopes with Flexbox to finally solve this issue, but it doesn't look possible, because if y…
Wouldn't row-reverse fix that?
Re: Bulma: Modern CSS framework based on Flexbox
#20Flexbox is lovely, and this framework looks great...but, does it work with crappy browsers (e.g. every IE version prior to Edge)?
I just don't use Flexbox. Not in production.