Creating Responsive Landing Pages in Photoshop and CSS
Offered By: Pluralsight
Course Description
Overview
In this Photoshop and CSS tutorial, you'll learn how to design and develop a responsive landing page. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
In this Photoshop and CSS tutorial, you'll learn how to design and develop a responsive landing page. We'll first use Photoshop to design a mock up, creating many of the elements for our pages that will be used in the final product. Then we'll export our design and start coding our responsive website. We'll be basing our HTML and CSS on the Foundation responsive framework to bring the page to life. By the end of this Photoshop and CSS training, you'll understand many important factors that make a great landing page. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
In this Photoshop and CSS tutorial, you'll learn how to design and develop a responsive landing page. We'll first use Photoshop to design a mock up, creating many of the elements for our pages that will be used in the final product. Then we'll export our design and start coding our responsive website. We'll be basing our HTML and CSS on the Foundation responsive framework to bring the page to life. By the end of this Photoshop and CSS training, you'll understand many important factors that make a great landing page. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
Syllabus
- Introduction and Project Overview 1min
- Creating Responsive Landing Pages in Photoshop and CSS 137mins
Taught by
Gary Simon
Related Courses
Responsive Web Design FundamentalsGoogle via Udacity Introduction to Bootstrap - A Tutorial
Microsoft via edX Responsive Images
Udacity Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera Responsive Web Design
University of London International Programmes via Coursera