Designing in the browser
@divya
Advanced Web and Interactivity Engineer at Adobe
Previously, Web Opener at Opera
What am I talking about?
Why Mockups Suck
Web Design
No longer the legacy of print
Dynamic
Design the interaction experience
Product design
Embrace the constraints of the web
No pixel perfection
Uncertainity of features
Things never designed to interact, will
You cannot control the content
Print Tools ≠ Web Design Tools
Makes features appear trivial
Tweaks are impossible and hard to do even with templates
Lorem Ipsum can only go so far
Not easy to recreate CSS3 effects without much work
Just like you learnt to love print tools, learn to love web tools
Sensible Defaults:
HTML5 Boilerplate
Naming Conventions: BEM | Nicolas Gallagher's conventions
Getting real fake data: Faker.js
Design Scaffolding: Twitter Bootstrap
Use CodeKit or LiveReload to save on ⌘+r
Thanks
Made with impress.js