Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Boris Kamp
16,660 PointsFlexbox for my website?
Hi guys!
Im currently going trough the webdeveloper track and really love it! I've seen some great ways to transform my current website (www.militaryscalemdelling.com) to a brand new fully responsive website with a lot of new features.
I know the grid and flexbox ways of creating a page layout. my preference goes to flexbox, who's doesn't? but I was wondering if it is wise to do so right now because of browser issues. When looking to the http://caniuse.com/flexbox page, it seems al major browsers support is, altough some with webkit prefixes, but that's ok right?
If I use all these prefixes, should I be ok? or are there still issues? I would really like to be sure on how to create my website over from scratch before I actually begin with all the coding! Creating a site with grid now, and maybe in one year, transforming it all to flexbox css (because of standardization) might be a waste of time as well I think?
Thanks for the support!
Boris
Boris Kamp
16,660 PointsHi Adam, Thanks for you answer! looks like you tell me it should not be a problem to use it. Flexboxes are a great way of aligning div's creating the order they appear, align them and stuff like that. the treehouse video's make them look veeeeery usefull and easy to implent. Only downside is the support for older browsers..... If you look into it and conclude to use it / not to use it, please let me know you decision and why! thanks (-:
3 Answers
James Barnett
39,199 PointsI'd not recommend it, using CSS3 / HTML5 for layout has a serious problem it won't gracefully degrade.
So a small business client in need of your services that wants an old website updated or a website for the first time might know be hip to lingo of what a "modern browser" and why they should care.
Boris Kamp
16,660 PointsThank you for you answer, what would you advise me to use?
James Barnett
39,199 Points> what would you advise me to use
Grids, specifically http://purecss.io/grids/
Boris Kamp
16,660 PointsLooks good, however the styling of the div's doesn't look to friendly at first sight. I this 'pure grids' an improved version of the grids used in the 'bake me blush' 'building and basic website' video? if so, I think I might stick to that.
And another thing, when checking these statistics: http://gs.statcounter.com/#browser_version_partially_combined-ww-monthly-201302-201401 It looks like IE8 and IE9 are taking a mere 10% of all browsers used worldwide (as of jan 2014) and the majority of people use supported browsers (80-90%?) So would it not be wise for me and with an eye on the future to use flexboxes? I can include a message in my website for users using IE9 or below that they should update. If they don't want to, thats there problem in my opinion, not mine.
Im just curious if you agree with me on some point (-: or still having the thought I should get it out of my mind for the coming months/year.
Boris Kamp
16,660 PointsDoes anybody have experience with using flexboxes for their projects? just wondering. Is it possible to say how long it might take before it's 'safe' to use with prefixes eventually?
Thanks!
Guil Hernandez
Treehouse TeacherI cover this in my next course on CSS layout – released March 3rd. We'll build a layout with Flexbox, then provide fallbacks using Modernizr for those browsers that don't support Flexbox.
Adam Sackfield
Courses Plus Student 19,663 PointsOh yess! Looking forward to this one. :)
Boris Kamp
16,660 PointsOh that is perfect!!! thanks for letting me know Guil Hernandez Do you build site's this way?
Adam Sackfield
Courses Plus Student 19,663 PointsAdam Sackfield
Courses Plus Student 19,663 PointsThe prefixes will work to ensure it is fnie on the browsers it specified. It all depends on your target audience if your a web developer and its just for your portfolio then its safe to say that most people viewing it would have a modern browser. Not even looked at flexbox since the tuts on here months ago. Could you give me a brief overview i may use it on next prohect if its tht good