Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

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

Web Conferences Amsterdam via YouTube

Overview

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.

Syllabus

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

Taught by

Web Conferences Amsterdam

Reviews

Start your review of The New Photoshop - Web-Based Mockups for Responsive Design - Part 2

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.