The New Photoshop - Web-Based Mockups for Responsive Design - Part 2
Offered By: Web Conferences Amsterdam via YouTube
Course Description
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
Related Courses
Front-End Web UI Frameworks and ToolsThe 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