thesergie

5 ms·

1. 1.▲
   by thesergie 8y ago

   Rock on Chris! Glad you're liking the product!
2. 2.▲
   by thesergie 8y ago

   Hey Craig thanks for the feedback! The examples are not representative of actual website design/layouts, but we wanted to show off the roots of grid design (which originated in print media) and demonstrate that you can build equally ex
3. 3.▲
   by thesergie 8y ago

   Thanks for the feedback! The interesting thing about the CSS grid is that the cells are not actual empty elements, but we want to represent the cells visually somehow to help with affordance. We'll be adding some much needed enhancemen
4. 4.▲
   Visual game to learn Flexbox(preview.webflow.com)

   109 points by thesergie 10y ago|17 comments
5. 5.▲
   by thesergie 12y ago

   I'm one of the co-founders and designers at Webflow. I have never coded an entire site by hand, but I built this entire responsive site in Webflow. This WYSIWYG doesn't disregard how the web works - users actually have to know som
6. 6.▲
   by thesergie 13y ago

   Sure was! Click on the "Play with Demo" button at the top of the page and you'll be able to edit the Webflow homepage in Webflow.
7. 7.▲
   by thesergie 13y ago

   Love the minimalist style. Give me some more design options and I'll pay for it.
8. 8.▲
   by thesergie 14y ago

   Responsive design is out #1 goal. On the playground.webflow.com you can either resize your browser or select the device on the left. Then all you have to do is design. All the responsive code is generated for you.
9. 9.▲
   by thesergie 14y ago

   Are you spying on us? Haha! We love the Bootstrap scaffolding, but their library is kinda boring IMO. That's why we are focusing so much on custom design and giving designers/devs the tools to do it (easily). Shoot me an email so I can un
10. 10.▲
    by thesergie 14y ago

    Thanks! That means a lot. There will definitely be a way to edit links and so forth. Webflow would be very limited without that IMO. We decided to release the CSS Playground to see how people would like the design tools. :)
11. 11.▲
    by thesergie 14y ago

    Sure thing! I don't know if hold-to-record would make it easier. I think recording it in sections would make it easier. For example, the beginning of the video was pretty easy and straightforward. Only when I started talking about selectors
12. 12.▲
    by thesergie 14y ago

    Thanks! These are some of the questions we've been mulling over. We are working on importing existing CSS, but as far as importing the framework - that's another hurdle. We will be giving our designers either choices of frameworks to work f
13. 13.▲
    by thesergie 14y ago

    Thanks! I can't tell you how many times we changed the UI for the different panels to make it super awesome.
14. 14.▲
    by thesergie 14y ago

    Thanks! At first we thought it would be a good idea to record the whole tutorial in one pass, without edits. That didn't work out - it was too hard to keep it concise and focused. I ended up recording different sections of the script (5 tot
15. 15.▲
    by thesergie 14y ago

    Hi! Sergie, the designer here. I'm glad you like it! Everything was designed in Illustrator CS6. It's the fastest prototyping tool IMO because you don't have to worry about layers (Photoshop) - you just click and edit. Exporting to Hi-DPI i