Expanded Library

Creating Responsive Landing Pages in Photoshop and CSS

by Gary Simon

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.

What you'll learn

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.

About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years. Having worked with a large clientele on many identity and web design projects, Gary has a solid understanding of many technologies and skills surrounding the design and development industry.

Ready to upskill? Get started