The New Photoshop - Web-Based Mockups for Responsive Design - Part 2

Explore a conference talk that challenges traditional web design workflows and advocates for web-based mockups. Discover how the rise of responsive design and multiple devices has necessitated a shift away from Photoshop comps. Learn about the benefits of designing in the browser, including experimentation, version control, and the use of real content. Gain insights into practical tools and techniques such as sketching, static site generators, CSS preprocessors, and style guides. Watch a live demonstration of creating web mockups using modern web technologies and understand how this approach can lead to more efficient and flexible design processes.

Intro
Photoshop Mockups
WebBased Mockups
Why WebBased Mockups
Client Expectations
Experimentation
Version Control
Designing in the Browser
Sketching
Content
Lorem ipsum
Structure
Web mockups
Static site generators
Jekyll
DeckC
Layout Helpers
Suzy
CSS Layout
Preprocessors
Live demos
Style guide