Live data from Hacker News

Show HN: CSS Grid Playground in Webflow

webflow.com

31–34 of 34 posts

Re: Show HN: CSS Grid Playground in Webflow

#31
post #3

I love CSS Grid, but still can't use it because of support for IE11. There's still just too many windows 7 users, hopefully not for too much longer. What is webflow doing about that? Do you provide some measure of automated fallback to flex box?

While you need to use IE11 specific props it's actually fairly easy to get CSS grids working back in IE11. For page or regional layouts it's been my go to for the past year now.

Re: Show HN: CSS Grid Playground in Webflow

#32
post #2

Hello HN! 6 years ago we launched our very first playground on HN ( https://news.ycombinator.com/item?id=5407499 ). It barely worked, but a few months later we go into YC largely due to the awesome feedback we received from it. We thought we'd take a page out of history and show you guys how far we've come, with a version of the original playground, but fully integrated with CSS Grid. The Webflow designer was built m…

Got any smart fallbacks for IE?

Re: Show HN: CSS Grid Playground in Webflow

#33
post #3

I love CSS Grid, but still can't use it because of support for IE11. There's still just too many windows 7 users, hopefully not for too much longer. What is webflow doing about that? Do you provide some measure of automated fallback to flex box?

About 90% of users use a browser that supports the latest spec in full [1], and IE11 supports an older version of the spec and requires `-ms-` prefixing (which we do output), so hopefully most simple uses of grid in Webflow will work for IE11 users. That said I wouldn't say we officially support "out of the box" CSS grid support in IE11.

Right now we have only implemented a _subset_ of the spec; we'll be doing a more thorough audit of IE11 support as we add support for more sophisticated grid features, as those are more likely going to need some kind of built-in fallback.

In the meantime I would encourage folks that need custom fallback behavior to harness site-wide custom code; Webflow outputs pretty straightforward HTML and CSS so it should be easy to manually create fallback styles.

[1] https://caniuse.com/#feat=css-grid

Re: Show HN: CSS Grid Playground in Webflow

#34
post #24

I stumbled on webflow last week while looking for design tools and boilerplates. I was put off from going farther down the funnel by the mandatory account creation to try the demo. It's nice to see a there's now an ungated part of the product. I like the idea of more visual design tools, but I'm not sure the browser is the place for it. Just having the demo open destroys my laptop, and it's not exactly a weak machine…

( Webflow frontend developer here)

I'm certain that the browser is the _perfect_ environment for a web design tool actually.

The performance issues you're experiencing are no fault of the browser per se; our codebase has grown very quickly in the last few years and we're just beginning to implement RUM to maintain a baseline of performance across the product. Live & learn

That said, we feel your pain! We've formed a feature team to take care of infrastructure-wide performance issues and we're working to maintain a higher standard for performance going forward.

Post reply on HN