CSS Flexbox in 100 Seconds
ฝัง
- เผยแพร่เมื่อ 20 ก.พ. 2020
- Learn the most important concepts of CSS Flexbox Layout in 100 seconds.
#css #webdev #100SecondsOfCode
Upgrade to Fireship PRO at fireship.io/pro
Use code lORhwXd2 for 25% off your first payment.
My VS Code Theme
- Atom One Dark
- vscode-icons
- Fira Code Font - วิทยาศาสตร์และเทคโนโลยี
![[TH] VCT Pacific Stage 2 - Week 4 Day 3 // GEN vs TS | PRX vs ZETA](http://i.ytimg.com/vi/nspkjQuZve0/mqdefault.jpg)
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
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
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
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.
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.
Man, I cant say how much I love this 100 second videos. They are super short and very informative. Thanks a bunch!
I love these short introductions. I think they are so perfect to watch before diving deep into a topic with a long detailed tutorial
I have been struggling with this for a while now and you’ve made it so easy to understand. Thank you so much!!!
You just keep making videos that I need! thank you so much, man!
It's incredible how you made it all seem so simple so easily, thank you!!
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.
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.
The best tutorial ever, great audio, great animation to understand stuff, keep it up!
Short, sweet and to the point. Awesome videos!
Hands down the best Flexbox tutorial I've ever seen. Thank you!
Short & sweet. No BS. Easy to understand. Thank you.
I love this video, fast recap some useful tips is always welcome!
These videos are super helpful when you're new and just trying to get simple explanations for things, thanks
This was way clear than any other tutorials. Thanks :)
Cool video! I use this as a quick reference
Quickest video reference of CSS Flexbox. Thank you.
You are a beast, great video exactly what i was looking for definitely do more of these
ALL tutorials should be this good. Visual, succinct, amazing!!
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!
Best and precise revision I could find on CSS Flexbox. Thank you
So good. Visual, clear, and concise. Bravo.
Incredible! brilliant succinct explanation of Flexbox. Thank you!
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.
Loving this channel, great video quality in terms of presentation and also very concise explanation
someone! give this channel the Education System
oh yeeah, terrible web-design classes of 2 hours long))0000
Quality content as usual! 🔥
Straight to the point. Thank you very much.
That was I’m looking for!!! Thanks!!
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
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!!
Best tutorial ever, very explanatory animations!
Thank you , The best one , everything basically needed in such short time , Amazing
Bruhhhhh🔥🔥🔥🔥...
This is one of best really..
Nice way to represent.
This is an excellent video! I like so much this 100 seconds video
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!!! ❤
Clear, concise, comprehensive... Wow!
Thanks. This was all I needed.
Love this. Thank you!
Love this videos, keep it up!
Woah man! Really the most effective 100 seconds .. thanks
These 100 seconds videos are awesome
Very objective and clear. Thank you very much for this content!
Please keep doing this. This is the best way to learn.
I learned more in that 100 seconds than I ever knew about the flex property, thanks!
Nice vid! I love Flexbox. It's so useful. I use it on each and every web page, multiple times.
i love it bro
i just recently getting back to learn html that i forgot years ago
thank you
Lovely way to learn flexbox thanks mate
100 seconds used wisely. Keep the great content going.👌👌
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
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
Pretty darn nice! Thanks!
this is truly a great explanation thanks for making this
Thanks! That's enough info for me to go and use it.
thankyou for the video even after 4 years it's still helpful;
I ♥ it
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!
Really good guide! I'd like to see more videos about css / sass
Holy damn you're good! 5years into webdev and I've never seen such a concise explanation!!!!!
Wow, concept clear only in 100sec. Amazing
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!
Wow, this is crazy. I love it.
You are amazing !!! Thanks for the video !!!
Perfect using graphics. Man I hope you have more. This is my new No.1 channel. :)
this was so helpful. thank you!!
Yes want more of these 100 sec videos. So cool👍
ThIs tutorial is work of art. Beautiful video.
This is an awesome format!
You are an Angel. Thank you for the tuts.
Awesome! Before learning anything such intor is required. It helps to know what I will end up with by learning this tech.
This was more informative than most of flexbox tutorials i already seen.
Dude wtf. I was struggling all night for adjusting items and you explained it in 100 seconds. 🙌
Yes ! More short video like this please :)
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 .
Short but great! thank you!
Thank you so much sir for this 100 second videos. Thank you again
Thanks! Exactly how an instruction video should be, short and right on 👍
You helped solve my websites issues in 45 seconds, thank you so much!
your simplicity is a masterpiece.
Love from India, such greater explanation.😊
Best explanation yet TBH
That was super nice!! Waiting for grid !
excellent content in such short time...
Love your 100sec things
Wow - too clean. Thanks
Thanks for the quick help. This video helped me fix an issue I had in my code.
best tutorial I've seen!
Great video!
Perfect Tutorial. Thank you.
THIS IS COOL BRO
MORE PLEASE
Good summary, greetings from Chile.
Great tutorial thank you so much
Pls continue :)
always good stuff!
We definitely want more such videos.
The little touch with the doggies was hilarious 😂