Good Presentation! Because we can't play this video in mainland China, and not all the Chinese are understand English well. Can I add Chinese subtitle and republish it to a Chinese website like bilibili.com? Thank you.
Can't wait for your grid explanation. It would not hurt my feelings if you took 10 minutes rather that 100 seconds. Everyone else takes hours to explain grid.
Maybe 20-30%?. Do you know what is order, flex-basis, flex-grow, what difference is between flex-basis and width? What flex-direction affect on accesibility?
@@Bitrey But this really isn't everything. Sure it's the basis and most of the use case scenarios. But you WILL encounter scenarios where you would need the other more specific stuff.
@@Leonhart_93 With everything I meant every topic, not everything about every topic. And if you don't know something specific but you know the basics, you can simply Google it
@@Bitrey Yeah well, I don't think the video touched every topic. I mean, all he presented was the distribution of a list of elements on the 2 axes. There is a lot more to Flexbox than that. There is this fun game called "Flexbox Froggy" where you need to arrange frogs on lily-pads using flexbox. I recommend that game to anyone that isn't a Flexbox absolute master. That will gradually dwelve much deeper into Flexbox, and even that is still like only 90% of all there is about it.
As a coder who is coming back to CSS after a long break, I appreciate these videos a great deal. I don't need to follow a long drawn out tutorial to grasp most of these concepts, but a little more than what docs present is still necessary. Your 100 second videos provide the perfect balance between the two. You have saved me weeks of research with your fast and to the point style of presenting content. Thank you.
If every uni prof taught their courses like this man, a bachelor's degree would only take 2 years max. Seriously, this channel is a literal gold mine of KNOWLEDGE! Why haven't I found it sooner?
Sure but there's little to no depth, watching this video merely gives you a high level idea of what it is, it takes a lot more to have working knowledge.
minddddd blownnnn man wtf was searching for a flex box tutorial from last 5 hours found a few but they all were like 15-20 mins long! and i sill couldn't understand them and you made me understand this in 100 seconds! thankyou so much man!!
I have started prepending youtube searches for certain development concepts like flexbox with "fireship" just because I know that if you have a video on it, it will be no-nonsense and to the point. Thanks!
This is the video I was waiting for... I hadn't been able to understand the concept thoroughly, but with this ahora video, I totally get it now!!! Thanks!!! ❤
I was hesitant to click on this because I was doubtful I would be able to get all the information I needed in such a short amount of time. It turned out to give me everything I needed. Great tutorial!
You, sir, are an absolute legend. I sat through a 20min video explaining flexbox only to be more confused. I just wanted the basic gist of how it works. Watched yours and everything makes perfect sense. All in 100 seconds. Goes to show Einstein was correct. "if you can't explain it simply, you don't know it well enough"
Great explainer IMHO. it's great because it piques interest and expresses the significant properties quickly. There's a lot more to flex properties than this but it sows the seed.
flex is easy to learn yet kindaa gets complicated to master....thanks for the video and i'll be waiting for the grid one and hopefully you'll keep doing more of these as i love these content
Wonderful explanation, I subscribed cuz of that, as begginer I was searching for visual explanation as is easier to remember the code and what it does, great!
(Self notes) FlexBox = flexible way to layout item as a column or a row Start with container: ex: Give display property flex Container has now control of how the item are layed out Default flex direction set to row Row-> main access:horizontal (Start left) cross access:vertical (Start up) Main size: widht of object. Justify content: control space and alignment of item (horizontal only) Align-item: control space and alignment of item (verticaly)
I wish you had done a longer video for this. I think 100 seconds is useful if the subject is small, otherwise it's feels incomplete. Cool video though, you are always really clean with your animations and explanations
Obviously CSS Grid is up next! Stay tuned for it next week. UPDATE - It has arrived th-cam.com/video/uuOXPWCh-6o/w-d-xo.html
Good Presentation! Because we can't play this video in mainland China, and not all the Chinese are understand English well. Can I add Chinese subtitle and republish it to a Chinese website like bilibili.com? Thank you.
Hey how do you make the animation
Can't wait for your grid explanation. It would not hurt my feelings if you took 10 minutes rather that 100 seconds. Everyone else takes hours to explain grid.
Waiting
eagerly waiting for that
This is a great tutorial, but he's also FLEXING that he can explain it in 100 secs.
hahaha! nice one!
Top shelf comment right here 🙌
A good comment, unlike those overused *memes*
oh no you didn't
well, i guess that's how software engineers tell jokes
probably the only tutorial videos I play at normal speed
Appreciate this. 😂😅
This guy and his team are MASTERS of concept-visualization ♥️
A short and to the point explanation. I wish I had this when I was learning how to flexbox.
do the CSS GRID in 100 seconds :)
DO IT!
Yes. I need this
Just do it.
But sire, our floats
nope thats need atleast 300 seconds
It's amazing how you manage to explain everything in such a short time
Maybe 20-30%?. Do you know what is order, flex-basis, flex-grow, what difference is between flex-basis and width? What flex-direction affect on accesibility?
@@marcindomanski5654 No, but now I know what Flexbox is and most of the basics without having to watch some hours-long videos
@@Bitrey But this really isn't everything. Sure it's the basis and most of the use case scenarios. But you WILL encounter scenarios where you would need the other more specific stuff.
@@Leonhart_93 With everything I meant every topic, not everything about every topic. And if you don't know something specific but you know the basics, you can simply Google it
@@Bitrey Yeah well, I don't think the video touched every topic. I mean, all he presented was the distribution of a list of elements on the 2 axes. There is a lot more to Flexbox than that.
There is this fun game called "Flexbox Froggy" where you need to arrange frogs on lily-pads using flexbox. I recommend that game to anyone that isn't a Flexbox absolute master.
That will gradually dwelve much deeper into Flexbox, and even that is still like only 90% of all there is about it.
As a coder who is coming back to CSS after a long break, I appreciate these videos a great deal. I don't need to follow a long drawn out tutorial to grasp most of these concepts, but a little more than what docs present is still necessary. Your 100 second videos provide the perfect balance between the two. You have saved me weeks of research with your fast and to the point style of presenting content. Thank you.
Man, I cant say how much I love this 100 second videos. They are super short and very informative. Thanks a bunch!
If every uni prof taught their courses like this man, a bachelor's degree would only take 2 years max.
Seriously, this channel is a literal gold mine of KNOWLEDGE! Why haven't I found it sooner?
More like 100 days
But how else would colleges squeeze your life savings out of you? You NEED that class about ancient pottery.
@@dibel3669 Oh yea, and don’t forget gender studies too. Definitely need those kNOwlEDge for building a successful career and strong intellect too :P
Sure but there's little to no depth, watching this video merely gives you a high level idea of what it is, it takes a lot more to have working knowledge.
minddddd blownnnn man wtf was searching for a flex box tutorial from last 5 hours found a few but they all were like 15-20 mins long! and i sill couldn't understand them and you made me understand this in 100 seconds!
thankyou so much man!!
I love these short introductions. I think they are so perfect to watch before diving deep into a topic with a long detailed tutorial
By far the best video on CSS Flexbox I've seen. I've been struggling to figure this out for months. Thank you for this.
I have been struggling with this for a while now and you’ve made it so easy to understand. Thank you so much!!!
This is better than the two hour tutorial on Udemy I took today.
I have started prepending youtube searches for certain development concepts like flexbox with "fireship" just because I know that if you have a video on it, it will be no-nonsense and to the point. Thanks!
You explained it in 100 Seconds and I subscribed in 10 seconds. Looks like I am the winner
Quickest video reference of CSS Flexbox. Thank you.
Lovely way to learn flexbox thanks mate
These videos are super helpful when you're new and just trying to get simple explanations for things, thanks
I've spent hours trying to understand flex box, this man just taught me everything.
Holy damn you're good! 5years into webdev and I've never seen such a concise explanation!!!!!
This is the video I was waiting for... I hadn't been able to understand the concept thoroughly, but with this ahora video, I totally get it now!!! Thanks!!! ❤
You just keep making videos that I need! thank you so much, man!
This was more informative than most of flexbox tutorials i already seen.
i'm in love with those shorts videos
it give ma a clear idea about subjects and i use them as a summary to refresh my mind
Best and precise revision I could find on CSS Flexbox. Thank you
Dude wtf. I was struggling all night for adjusting items and you explained it in 100 seconds. 🙌
I was hesitant to click on this because I was doubtful I would be able to get all the information I needed in such a short amount of time. It turned out to give me everything I needed. Great tutorial!
someone! give this channel the Education System
oh yeeah, terrible web-design classes of 2 hours long))0000
Perfect using graphics. Man I hope you have more. This is my new No.1 channel. :)
Hands down the best Flexbox tutorial I've ever seen. Thank you!
Wow, concept clear only in 100sec. Amazing
It's incredible how you made it all seem so simple so easily, thank you!!
I feel like, this kind of content is more shine in video format than in the article.
So easy to understand till make me laugh LMAO
This was way clear than any other tutorials. Thanks :)
thankyou for the video even after 4 years it's still helpful;
I ♥ it
Bro that's everything?
like you are the best teacher anyone can ask for
I'm a backend developer and this only tutorial was needed for frontend requirements in my app.
You, sir, are an absolute legend. I sat through a 20min video explaining flexbox only to be more confused.
I just wanted the basic gist of how it works. Watched yours and everything makes perfect sense. All in 100 seconds.
Goes to show Einstein was correct. "if you can't explain it simply, you don't know it well enough"
Short & sweet. No BS. Easy to understand. Thank you.
Please keep doing this. This is the best way to learn.
Nice vid! I love Flexbox. It's so useful. I use it on each and every web page, multiple times.
Cool video! I use this as a quick reference
Love from India, such greater explanation.😊
So good. Visual, clear, and concise. Bravo.
I learned more in that 100 seconds than I ever knew about the flex property, thanks!
Perfecto
Fabulous
کمال
زبردست ۔۔۔
The best tutorial ever, great audio, great animation to understand stuff, keep it up!
Danke!
I've been struggling with the flexbox for a long time. this tut in 100 sec made everything clear xD
You know what this video is really flex-box in 100s thank you so much and we want a video about css grid like this one .
your simplicity is a masterpiece.
Thank you , The best one , everything basically needed in such short time , Amazing
i love it bro
i just recently getting back to learn html that i forgot years ago
thank you
Straight to the point. Thank you very much.
Fireship really does have the very best animations and video quality of all proggy youtube people!
Bruhhhhh🔥🔥🔥🔥...
This is one of best really..
Nice way to represent.
Great explainer IMHO. it's great because it piques interest and expresses the significant properties quickly.
There's a lot more to flex properties than this but it sows the seed.
Love the fact that you said either a column OR a row.
Bro you are the greatest thing for a new coder😭. You explained this in such great detail I couldn’t NOT understand flexbox.
These 100 seconds videos are awesome
Short, sweet and to the point. Awesome videos!
Clear, concise, comprehensive... Wow!
Best explanation yet TBH
You helped solve my websites issues in 45 seconds, thank you so much!
The only tutorial i need for learning flexbox
flex is easy to learn yet kindaa gets complicated to master....thanks for the video and i'll be waiting for the grid one and hopefully you'll keep doing more of these as i love these content
Wow, this is crazy. I love it.
ThIs tutorial is work of art. Beautiful video.
Awesome! Before learning anything such intor is required. It helps to know what I will end up with by learning this tech.
Really good guide! I'd like to see more videos about css / sass
Best tutorial ever, very explanatory animations!
Wonderful explanation, I subscribed cuz of that, as begginer I was searching for visual explanation as is easier to remember the code and what it does, great!
This is the best tutorial I have ever seen
You are a beast, great video exactly what i was looking for definitely do more of these
Thanks! That's enough info for me to go and use it.
WOWWWWWWWWWWWWWWWWW
I ONLY NEEDED SOMEONE TO EXPLAIN IT THIS WAY
THIS VIDEO PERFECT
taught me what my teacher in school couldnt in 2 hours in 100 seconds ily
I can't believe you can explain this so well and I understand so will in 50seconds (2x speed)
The little touch with the doggies was hilarious 😂
The best explanation of flexbox in short.
The best css tutorial in just 100 seconds.
I love this video, fast recap some useful tips is always welcome!
(Self notes)
FlexBox = flexible way to layout item as a column or a row
Start with container: ex:
Give display property flex
Container has now control of how the item are layed out
Default flex direction set to row
Row-> main access:horizontal (Start left) cross access:vertical (Start up)
Main size: widht of object.
Justify content: control space and alignment of item (horizontal only)
Align-item: control space and alignment of item (verticaly)
Convert row to column -> set flex direction column
Incredible! brilliant succinct explanation of Flexbox. Thank you!
This is an excellent video! I like so much this 100 seconds video
Loving this channel, great video quality in terms of presentation and also very concise explanation
excellent content in such short time...
I never subscribe, but I will now…why doesn’t my teacher teach me the way you do?! Visual teaching is the best, thank you :)
Just helped me solve 90% of an assignment in 100 seconds.
HOLY FUCK, that was the best explanation I've seen about anything ever.
so awesome dude
Thank you so much sir for this 100 second videos. Thank you again
Amazing video. Thank you a lot.
It helped me to truly understand flexbox.
And yes I do want more videos in a format like this.
best tutorial I've seen!
this is truly a great explanation thanks for making this
The best and smartest use of my 100s
I wish you had done a longer video for this. I think 100 seconds is useful if the subject is small, otherwise it's feels incomplete. Cool video though, you are always really clean with your animations and explanations
I watched a 90 min tutorial. Half was on this. This explained it so much fukin better as an overview that makes fukin sense.