TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: Flexbox.io – a free video series on learning CSS Flexbox

236 pointsby wesbosalmost 10 years ago

17 comments

scotchioalmost 10 years ago
Awesome stuff.<p>I can&#x27;t wait for Flexbox wide-spread adoption - especially in popular frameworks. It&#x27;s too bad so many people are forced to not be able to use it because of IE9&#x27;s total lack of support [1]. TBH, I&#x27;m not even sure if there&#x27;s a good polyfill for it.<p>Dimitar Stojanov (@justd100) wrote a super kick-ass write-up on scotch.io covering basically everything there is on Flexbox [2]. It&#x27;s probably much quicker than 20 videos, has an amazing interactive demo, been shared over 2.4k times, and is probably the best write-up on Flexbox I&#x27;ve read (I&#x27;m obviously biased though).<p>[1] <a href="http:&#x2F;&#x2F;caniuse.com&#x2F;#feat=flexbox" rel="nofollow">http:&#x2F;&#x2F;caniuse.com&#x2F;#feat=flexbox</a><p>[2] <a href="https:&#x2F;&#x2F;scotch.io&#x2F;tutorials&#x2F;a-visual-guide-to-css3-flexbox-properties" rel="nofollow">https:&#x2F;&#x2F;scotch.io&#x2F;tutorials&#x2F;a-visual-guide-to-css3-flexbox-p...</a>
评论 #9965137 未加载
评论 #9964655 未加载
评论 #9964030 未加载
评论 #9964112 未加载
throwaway125almost 10 years ago
I really do appreciate the effort you put into these videos, and I definitely understand you want something out of this as well but the user experience of having to go through your site instead of a link to a youtube playlist does put me off quite a bit.<p>Either way, the first few videos I&#x27;ve watched so far are great, thanks.
评论 #9965424 未加载
评论 #9964367 未加载
jimmcslimalmost 10 years ago
Are there any examples around of combining Bootstrap and Flexbox; i.e. relying on Flexbox for layout and NOT using Bootstrap&#x27;s grid, but using Bootstrap&#x27;s other components... is that practical without a significant rewrite of Bootstrap (i.e. do the component styles make lots of assumptions about being sited within the Bootstrap grid).
评论 #9967257 未加载
intrasightalmost 10 years ago
Flexbox makes web development bearable. I use it for all my new work. Telling clients they must have IE11, Chrome, or Firefox ceased to be an issue many moons ago. It means you can also drop bloated frameworks like Bootstrap (and JQuery for that matter).
trymasalmost 10 years ago
Why he did not give a simple link to youtube playlist?<p>Why I need to give him my email? Spam? Ads? Gonna sell them? If not, then it&#x27;s only an inconvenience for him and for us.
javarualmost 10 years ago
20 seems like too many....
评论 #9963959 未加载
评论 #9964221 未加载
评论 #9964127 未加载
评论 #9964000 未加载
评论 #9964011 未加载
irlnalmost 10 years ago
Constructive criticism. You don&#x27;t mention in the video what a flexbox is :)<p>Granted, googling flexbox is easy but I&#x27;d add a quick blurb in 10-20 seconds telling those who don&#x27;t know me&lt;--- what they are first.<p>BTW: I will definitely check out the videos!
amwellesalmost 10 years ago
This is great! Ever since our company quit supporting IE9, I&#x27;ve had the joy of working with flexbox. What once took 10-20 lines of Sass hackery now takes only a few, and the code makes sense.
mattdotcalmost 10 years ago
Hey, I&#x27;m unable to sign up using an email in the form of: username+filter@gmail.com<p>I get a message after submitting saying check your inbox, but I haven&#x27;t received any messages (checked All mail and Spam folders).<p>Is this an intentional decision or shortcoming based on some email service?
评论 #9966221 未加载
amarrajaalmost 10 years ago
Things have changed since I was doing frontend dev (&lt;table&gt;), and I want to brush up on modern CSS techniques. Could someone answer the following for me?<p>1. Is flexbox the way to go (i.e. the new standard?)<p>2. Is there a css primer to help with all this? I tried centering a div with CSS once, it didn&#x27;t end well!
评论 #9966850 未加载
评论 #9966822 未加载
meesterdudealmost 10 years ago
I learned flexboxes from flexboxin5.com and use it wherever I can now. I love it! my only gripe is safari needing the vendor prefixes. I don&#x27;t know what IE does - but i only care about real browsers anyway.
styx31almost 10 years ago
Simple suggestion: add subtitles. For non-native viewers it is a really nice addition.
kuyfiuygalmost 10 years ago
Is there a way to see these videos without getting spam?
ganesshalmost 10 years ago
I have subscribed with my email address but got no link to the videos as described in the site. Am I the only one?
curiousjorgealmost 10 years ago
bookmarked, will be going through these tutorial, especially since CSS has never been a strong point for me as I&#x27;ve always focused on the backend. It always filled me with envy when people seem to have the entire CSS memorized and can create sexy UI out of thin air.<p>now is flexbox supported widely or is this still ongoing thing?
评论 #9964226 未加载
okonomiyaki3000almost 10 years ago
Thanks but no thanks to any and all instructional videos.
评论 #9965372 未加载
sktrdiealmost 10 years ago
They should rename it to &quot;a simple 20 video course on how to slow your computer down to a halt&quot; &#x2F;irony