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

科技回声

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

GitHubTwitter

首页

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

资源链接

HackerNews API原版 HackerNewsNext.js

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

Show HN: Webflow Flexbox Game – learn CSS flexbox visually

7 点作者 callmevlad大约 9 年前

2 条评论

CommanderData大约 9 年前
Excellent! Would you be willing to create a Webflow's UI components? Similar to topcoat.io - but with Webflows UI components. I've seen a few online designers but by far I haven't seen any as polished as Webflows. Thanks for an awesome product!
评论 #11572701 未加载
callmevlad大约 9 年前
One of the creators here.<p>94% of browsers now support [1] the CSS Flexible Box Layout Module Level 1 (Flexbox for short), yet only 3% of all sites use this new technology [2]. We decided to create a visual UI around flexbox to mimic the Illustrator&#x2F;Sketch alignment and distribution tools, and hopefully get this into the hands of a lot more people - even those who don&#x27;t write code.<p>Best of all, we no longer need entire blog posts on how to vertically center something in CSS :)<p>For some ideas how this can be applied in real-world scenarios, you can see some practical layouts and video tutorials on how to reproduce them here: <a href="https:&#x2F;&#x2F;flexbox.webflow.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;flexbox.webflow.com&#x2F;</a><p>[1] <a href="http:&#x2F;&#x2F;caniuse.com&#x2F;#search=flexbox" rel="nofollow">http:&#x2F;&#x2F;caniuse.com&#x2F;#search=flexbox</a><p>[2] <a href="https:&#x2F;&#x2F;developer.microsoft.com&#x2F;en-us&#x2F;microsoft-edge&#x2F;platform&#x2F;usage&#x2F;css&#x2F;display&#x2F;" rel="nofollow">https:&#x2F;&#x2F;developer.microsoft.com&#x2F;en-us&#x2F;microsoft-edge&#x2F;platfor...</a>