The New Photoshop, Part 2: The Revenge of The Web
summary
Argues that replacing dozens or hundreds of PSDs with browser mockups actually saves time and reduces revisions — cites a redesign that sat on 200 PSD files, recommends version control and automated screenshots, and shows static site generators (Jekyll, deck C), Sass/Compass and Susy or CSS grid tools as practical helpers. Demonstrates making a single responsive mockup, presenting live on multiple devices, producing a style guide, and using the same files as a developer-ready starting point.
AI-written summary · about
chapters (22)
- 0:00Intro
- 3:17Photoshop Mockups
- 6:35WebBased Mockups
- 8:20Why WebBased Mockups
- 10:07Client Expectations
- 11:58Experimentation
- 13:05Version Control
- 15:53Designing in the Browser
- 18:28Sketching
- 20:51Content
- 22:49Lorem ipsum
- 23:55Structure
- 25:07Web mockups
- 26:43Static site generators
- 28:28Jekyll
- 29:27DeckC
- 31:13Layout Helpers
- 31:58Suzy
- 33:21CSS Layout
- 35:15Preprocessors
- 40:32Live demos
- 42:15Style guide
