3 ms·
Nice collection of fonts, padding, and colors. But not much more. A Column system and responsiveness are hardly features in a CSS framework, more like a bare re
by dexwiz 9y ago
Nice collection of fonts, padding, and colors. But not much more. A Column system and responsiveness are hardly features in a CSS framework, more like a bare requirements. The no extra DOM elements is nice, but does it choke if I do use some extra elements? Can I nest these elements without them blowing up?
I always think its strange frameworks like this make you override SASS variables to customize, and talk about SASS modularity. If you are working with SASS, you likely have the skill set to make something like this yourself, or are already working with a Designer. In fact, I think its a good exercise for any Front End Dev to go through the exercise of creating something like this. Pick a good font set, a color pallet (there are sites for that), and standard padding size (16px, 12px, 8px, 4px works well), and you have all you need.
The article had 0 code examples, and only a vague overview of a novel Tile layout. (Is that just display: grid?) Both links from the article to "Bulma" were download pages. I had to go several steps to get to an example. Nothing sets this apart from the million other CSS frameworks.
- onion2k 9y agoUnless you need to support old browsers you can do all your columns and responsiveness work in Grid and Flexbox natively. Grid in particular is far better at layout than even the best framework (it has named areas, reflow options, all sorts of useful stuff). You no longer need a framework for any responsive layout. Consequently CSS frameworks should be becoming minimal on the layout stuff.
- themodelplumber 9y ago"No longer" as long as browser support is there? Are people polyfilling for grids or what?
- jwdunne 9y agoLast time I checked, polyfills for flexbox sucked big time. Just did not work. Maybe the landscape has changed, as it often does in JS. Given no decent flexbox polyfills, I would doubt the existence of a good grid polyfill. If we can't do flexbox, how do we cope with grid?
- onion2k 9y agoIE10 and IE11 support Grid, albeit a slightly different syntax to an older spec. CSS Grid is not new. IE support was there long before the other browsers. You don't need to write two entirely separate layouts to use Grid. You don't need a polyfill. Jen Simmons made a really good video about exactly this topic - https://www.youtube.com/watch?v=7msERxu7ivg https://www.youtube.com/watch?v=7msERxu7ivg Rachel Andrews' blog post about IE and Grid - https://www.rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/ https://www.rachelandrew.co.uk/archives/2016/11/26/should-i-... Mozilla article about progressive enhancement and Grid - https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/CSS_Grid_and_Progressive_Enhancement https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_La...
- sametmax 9y agoAnd then come mobile browsers.
- newfoundglory 9y agoSince when was IE10 the oldest and least standards compliant browser out there?
- onion2k 9y agoIt isn't, but it is the oldest browser that still has enough market share to be worth supporting (in some limited circumstances). We're not discussing IE5.5 because it has effectively zero users.
- newfoundglory 9y agoI assume you know that I wasn't thinking of IE 5.5. Why not just say that you personally don't have to support anything below IE10 and so you didn't bother thinking about them?
- onion2k 9y agoFor 99.99% of websites and apps Grid is ideal for layout. There might be things that still need to work in browsers that are too old to support it, but they're not useful when it comes to discussions about how to build websites. Some web developers out there are still supporting ActiveX components that no one is willing to replace. I don't think anyone would advocate building a new site using ActiveX though. At some point we have to move forward and adopt new technologies that improve the way things are built. We're at a point in web dev where Grid is ready for mainstream use.
- dexwiz 9y agoAgreed. My last project I dumped a column system for just writing flexbox and grid CSS with vendor prefixing done by a post processor. It was very nice. I find most column systems only use 75% of flexbox, and miss some of the possible settings. Flexbox attributes are named very poorly though, and there was a learning curve on which attributes did what.
- mrtksn 9y agoWhy all that negativity? CSS frameworks are mostly about good defaults(initial decisions) that you can build on and I really like the defaults of Bulma. A CSS framework doesn't need to do something unseen before to be good, It's not competition. UI Frameworks that try to be something more use JS and this breaks some frameworks, especially frameworks with virtual DOM like React or Vue. I like Bulma, the only thing is that the community is still small, so you can't browse through endless button or dropdown alternatives.