No such thing as "pixel perfect mocks"
Photoshop Web Design is Dead
Nelson Abalos Jr
- Web Designer for 11 years
- Loves:
- Space Exploration
- LEGO Bricks
- His Dog
- His Wife
- Logos sent from clients as Word Documents
- Webflow Fanboy since 2013
- Customer Support Hero (aka TRON)
What I'll be going over
- What is Webflow?
- Some features of Webflow
- How this tool changed my life
- 10 minute demo
- Q&A
Webflow is a Web App that lets you design a responsive website without writing code.
Code made by another WYSIWYG editor?
KTHXBYE
Other Visual
Programming Apps
- Blocs
- Macaw
- Weebly
- Wix
- Froont
- SquareSpace
Features
Design Tool
Web Hosting + CDN
Auto-Save + Backups
Code Exporting
Clean Minified Code
Cross-browser compatible
(IE9+, Chrome, FireFox, Safari)
How did this tool change my life?
Faster Workflow
- Wireframe
- Design Photoshop Mock
- Crop & Export imagery
- Code HTML & CSS to look as close to the PSD as possible
- Test
- Launch
- Wireframe
- Design an interactive mock with Webflow
- Test
- Launch
Old and busted
New hotness
Demo Time
Webflow is...
a visual programming tool meant to streamline your workflow
Resources
forum.webflow.com
tutorials.webflow.com
help.webflow.com
THANK YOU!
@thepixelgeek
pxlgk.com
youtube.com/thepxlgk
Photoshop Web Design is Dead
By Nelson Abalos Jr
