TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

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

236 点作者 wesbos将近 10 年前

17 条评论

scotchio将近 10 年前
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 未加载
throwaway125将近 10 年前
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 未加载
jimmcslim将近 10 年前
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 未加载
intrasight将近 10 年前
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).
trymas将近 10 年前
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.
javaru将近 10 年前
20 seems like too many....
评论 #9963959 未加载
评论 #9964221 未加载
评论 #9964127 未加载
评论 #9964000 未加载
评论 #9964011 未加载
irln将近 10 年前
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!
amwelles将近 10 年前
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.
mattdotc将近 10 年前
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 未加载
amarraja将近 10 年前
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 未加载
meesterdude将近 10 年前
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.
styx31将近 10 年前
Simple suggestion: add subtitles. For non-native viewers it is a really nice addition.
kuyfiuyg将近 10 年前
Is there a way to see these videos without getting spam?
ganessh将近 10 年前
I have subscribed with my email address but got no link to the videos as described in the site. Am I the only one?
curiousjorge将近 10 年前
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 未加载
okonomiyaki3000将近 10 年前
Thanks but no thanks to any and all instructional videos.
评论 #9965372 未加载
sktrdie将近 10 年前
They should rename it to &quot;a simple 20 video course on how to slow your computer down to a halt&quot; &#x2F;irony