SiNNuT Posted January 6, 2016 Share Posted January 6, 2016 I just found this flexbox polyfill. It hasn't been around for very long. This will enable you to use flexbox in projects where IE8 and/or IE9 support is required. Looks promising. https://github.com/10up/flexibility 3 Link to comment Share on other sites More sharing options...
Beluga Posted January 6, 2016 Share Posted January 6, 2016 Nice to see! Reflexie development stalled before it got useful so it is good to have something. Link to comment Share on other sites More sharing options...
Martijn Geerts Posted January 6, 2016 Share Posted January 6, 2016 For now griddle serves me very well. It's maybe less flexible as flexbox, but more flexible as 'normal grids'. Normal grids need rows even if it doesn't make sense markup wise. Inline-block grids can be make compatible ie7 and up. So no polyfill needed. 2 Link to comment Share on other sites More sharing options...
SiNNuT Posted January 6, 2016 Author Share Posted January 6, 2016 @Martijn Keep in mind that flexbox has more uses than just grids. Some argue that you shouldn't even use flexbox for overall page layout. Float or inline-block grids work fine for the most part and in the future the native css grid module will be the go-to solution. But flexbox has its own uses. Link to comment Share on other sites More sharing options...
Beluga Posted January 6, 2016 Share Posted January 6, 2016 The polyfill for native css grid module still needs work, but luckily it is quite complete: https://github.com/FremyCompany/css-grid-polyfill/ Link to comment Share on other sites More sharing options...
Martijn Geerts Posted January 6, 2016 Share Posted January 6, 2016 @SiNNuT, I do get your point, but always try to avoid polyfills when not really needed. Thereby I'm really old fashioned about HTML & CSS. I still love the XHTML more then HTML5 for example Somehow I can't let loose IE8, maybe because most the sites i've build in the last years had approximate 5% IE8 users. Link to comment Share on other sites More sharing options...
pwFoo Posted June 26, 2016 Share Posted June 26, 2016 On 6.1.2016 at 7:41 PM, Martijn Geerts said: @SiNNuT, I do get your point, but always try to avoid polyfills when not really needed. Thereby I'm really old fashioned about HTML & CSS. I still love the XHTML more then HTML5 for example Somehow I can't let loose IE8, maybe because most the sites i've build in the last years had approximate 5% IE8 users. Yes, I would like to (minimal) support IE 8-10 too... Just to have a better feeling about the usability of the site *g* I would like to move to flexbox, but need an IE8-10 workaround / "minimal support" without breaking the modern browsers. Anyone tested flexibility? It doesn't work with my Win7 IE / IE-Tester?! An IE10 and maybe a with flexibility IE8/9 working minimal example / demo would be nice... Haven't found a working one. Link to comment Share on other sites More sharing options...
LostKobrakai Posted June 26, 2016 Share Posted June 26, 2016 If you're using flexbox for plain alignment issues, where things just don't look as nice and tidy on old browsers there's no need to care about a polyfill. For creating grids and such things flexbox isn't really designed for and I'd simply stay with the good old float or inline-block tools. Css grids, which are really created to solve the grid issues, are sadly still way from being supported widely. 1 Link to comment Share on other sites More sharing options...
pwFoo Posted June 26, 2016 Share Posted June 26, 2016 Thanks, maybe I shouldn't think too much about old IE versions... https://www.microsoft.com/de-de/WindowsForBusiness/End-of-IE-support# Users should update to Win7 / IE 11 because Microsoft won't support / update WinXP / < IE11any more... But I know customer with some WinXP work stations But shouldn't be used for daily work / internet... That's why an fallback to old style layout columns (float, inline-block) should be fine, but less flexible without width calculation / some JavaScript. Link to comment Share on other sites More sharing options...
Recommended Posts