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

11–20 of 66 posts

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

#11

Post by kylestlb »

wesbos wrote: post #3
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…

Author here - it's just 20 videos broken apart into each topic so when you need to come back to reference something, it's quick. Is flexbox hard to learn? Yes, but it's because it's such a powerful layout tool. There are tons of gripes about Flexbox, but I've found that if you just put in a few hours to learn it, you are going to be way ahead in your CSS and layout game. We haven't had to learn anything hard in CSS f…

Thanks for putting up the effort to do this. For some of us, video tutorials w/ narration are much easier to absorb than one off blog posts!

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

#13

Post by dahart »

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…

I cant speak to these videos, but most flexbox tutorials are quite long. The number of videos may be a sign of completeness.

The core of flexbox, and the most powerful and commonly used parts, isn't that much material, and isn't very hard to learn. But there's a long tail of corner cases and tricks and special situations.

There's one other reason too: flexbox is at it's most powerful and most simple, IMO, when you put flexboxes inside other flexboxes. But that inherently mixes markup and styling. Some of flexbox' features are designed to help you avoid mixing markup and styling, but that adds to the complexity.

CSS is somewhere between inherently complicated and a broken mess. That's not the most charitable way to put it, but not entirely inaccurate either.

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

#14

Post by Someone1234 »

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.

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

#15

Post by cloverich »

alexduros wrote: post #7

A good sum up to play with flexbox here : https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Thats been my goto reference for most of my layout needs. I've also found https://philipwalton.github.io/solved-by-flexbox/ useful. Props to all the great authors (including OP) for these -- flexbox + great tutorials has greatly improved my web dev experience.

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

#16

Post by weego »

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 just a sign that a section front end people are obsessed with making trivial things seem complicated.

I mean https://css-tricks.com/snippets/css/a-guide-to-flexbox/ literally just gives you what you need in a skim-readable page.

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

#17

Post by kozak »

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.

There's plenty of cases (especially in the enterprise, where requirements can be tightly controlled) when non-Edge versions of IE can be safely dropped. I'm working on such a project right now, we use flexbox very extensively.

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

#18

Post by Someone1234 »

kozak wrote: post #17
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.

There's plenty of cases (especially in the enterprise, where requirements can be tightly controlled) when non-Edge versions of IE can be safely dropped. I'm working on such a project right now, we use flexbox very extensively.

That's nice for you.

For public web-sites it is still non-viable. Broken versions of IE make up too large of a % of users.

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

#19

Post by lstamour »

dizzy3gg wrote: post #9
yuribit wrote: post #6

Earlier quoted context omitted.

I prefer this one http://flexboxfroggy.com/

Web Page Blocked Access to the web page you were trying to visit has been blocked in accordance with company policy. Please contact your system administrator if you believe this is in error. URL: flexboxfroggy.com/ Category: malware-sites

Compile it yourself if you prefer: https://github.com/thomaspark/flexboxfroggy

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

#20

Post by Numberwang »

wesbos wrote: post #3
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…

Author here - it's just 20 videos broken apart into each topic so when you need to come back to reference something, it's quick. Is flexbox hard to learn? Yes, but it's because it's such a powerful layout tool. There are tons of gripes about Flexbox, but I've found that if you just put in a few hours to learn it, you are going to be way ahead in your CSS and layout game. We haven't had to learn anything hard in CSS f…

If I learn this, is this all i need to use for CSS layout from now on?

Or is there more to learn?

Post reply on HN