YoVDO

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

Offered By: Web Conferences Amsterdam via YouTube

Tags

Web Design Courses Version Control Courses Sketching Courses Responsive Design Courses CSS Preprocessors Courses Mockups Courses Style Guides Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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

Related Courses

Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera
Front-End Web UI Frameworks and Tools: Bootstrap 4
The Hong Kong University of Science and Technology via Coursera
Sass Workflow
Udemy
LESS de cero a experto
Udemy
Sass Basics Course (How To)
Treehouse