Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

What the FlexBox? – A free 20 video course to learn CSS Flexbox

flexbox.io

Post reply on HN
Print view View original

41–50 of 66 posts

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#41

Post by [deleted] »

Someone1234 wrote: post #28
kylecesmat wrote: post #25

Earlier quoted context omitted.

Its not horribly broken, IE11/10 is well supported with prefixes & past flexbox-spec properties. Autoprefixer does all the work there. For IE9/8 you could rely on polyfills like https://github.com/10up/flexibility Listened to @_lemonmade & @snookca at a recent conference talk about how they're using Flexbox across the Shopify platform and there is no reason why other far-reaching platforms shouldn't make the switch t…

So your point is that it isn't broken but that you need to use a polyfill to fix it..? That's a very consistent message.

[deleted]

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#42

Post by roneesh »

vanderZwan wrote: post #2

As someone who has little direct experience with this part of webdev (other than aligning paragraphs once in a while for really basic static text sites), I have to wonder: is the fact that flexbox requires a 20-part video course a sign of it being: - a broken mess, - a less broken mess than what came before it, - an inevitable consequence of trying to solve an inherently difficult and complicated problem? - some comb…

Flexbox takes a few hours of work to learn, as others here have said. However, once you learn it, you have a logically sensible system of layout. It's worth the time. As far as it's quirks go, that's because it was slow to be standardized, so there is outdated info out there.

If you start to learn the older tools to do page layout, you can learn each one a bit faster (float, positioning, display properties), but combined they do NOT form a consistent logical system of page layout. Your learning is just repetition to see what works, Googling of CSS tricks and then hopefully you develop some intuition about when to use which property to achieve your desired effect. This confusion is why Flexbox is a net positive comparatively.

With flexbox you can know what elements will do when you apply a CSS property pretty assuredly (well, if not now, in the near future). Without, it's a bit more learn by error. Flexbox is a brighter future.

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#43

Post by roneesh »

orliesaurus wrote: post #40

proof that css is still broken in 2016

As I said above in a post, in my opinion Flexbox is win, it's an attempt to create a logically consistent tool for layout, vs the comparative hackery of combining float/position/display/margin to achieve your desired layout. Is it perfect? I doubt that, but it's definitely a step towards CSS being less broken.

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#44

Post by roneesh »

tayodore wrote: post #5

I found https://cvan.io/flexboxin5/ immensely useful when trying to get my head round flexBox.

I really love this site, it's a great quick intro to Flexbox. Kudos to whoever is hosting it here now (from my understanding the original author stopped hosting it some time ago).

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#45

Post by arihant »

vanderZwan wrote: post #2

As someone who has little direct experience with this part of webdev (other than aligning paragraphs once in a while for really basic static text sites), I have to wonder: is the fact that flexbox requires a 20-part video course a sign of it being: - a broken mess, - a less broken mess than what came before it, - an inevitable consequence of trying to solve an inherently difficult and complicated problem? - some comb…

It's the sign of having more videos of shorter length than having less videos of longer length.

Most basic HTML courses are around 20-25 parts. That does not mean HTML is rocket science, or a broken mess.

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#47

Post by lojack »

Someone1234 wrote: post #14

Even if you know Flexbox you cannot use Flexbox because support lacks. http://caniuse.com/#feat=flexbox The TL;DR: Everyone is doing well except IE which is horribly broken. Only Microsoft's Edge browser has good Flexbox support, but nobody uses Edge, so therefore Flexbox is still no-go. Come back in five years when IE 11 is a distant memory and Edge is popular.

I've been using Flexbox more and more these days. If I need to support older browsers I use it for progressive enhancement, and test heavily. There's a lot of things it can do that are simply impossible in other layout modes, and for these I find it super useful, and I just have everything fall back to other layout modes for older browsers.

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#48

Post by giacomone »

exodust wrote: post #35
vanderZwan wrote: post #2

As someone who has little direct experience with this part of webdev (other than aligning paragraphs once in a while for really basic static text sites), I have to wonder: is the fact that flexbox requires a 20-part video course a sign of it being: - a broken mess, - a less broken mess than what came before it, - an inevitable consequence of trying to solve an inherently difficult and complicated problem? - some comb…

> is the fact that flexbox requires a 20-part video course It's not a fact. Nor is it a fact that to access videos on the web requires an email address! In both cases the author has chosen to do this for whatever reason.

Looks like the author uploaded all videos on Youtube though: https://www.youtube.com/playlist?list=PLu8EoSxDXHP7xj_y6NIAh...

Re: What the FlexBox? – A free 20 video course to learn CSS Flexbox

#50

Post by Dylan16807 »

Someone1234 wrote: post #14

Even if you know Flexbox you cannot use Flexbox because support lacks. http://caniuse.com/#feat=flexbox The TL;DR: Everyone is doing well except IE which is horribly broken. Only Microsoft's Edge browser has good Flexbox support, but nobody uses Edge, so therefore Flexbox is still no-go. Come back in five years when IE 11 is a distant memory and Edge is popular.

I care about working in IE. I don't care about working elegantly in IE. Polyfills are fine.
Post reply on HN