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: Webflow Flexbox Game – learn CSS flexbox visually

7 pointsby callmevladabout 9 years ago

2 comments

CommanderDataabout 9 years ago
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 未加载
callmevladabout 9 years ago
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>