Designing a Responsive Portfolio Site Premium class

Craig Campbell, Web designer/developer from Fort Worth, TX

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
21 Videos (2h 47m)
    • Introduction

      1:13
    • 2 Website Preview

      3:19
    • 4 Using TypeKit Fonts

      4:43
    • Importing and Masking Images

      9:58
    • Columns and Text

      8:29
    • Category Icons

      11:31
    • Header and Paragraph Text

      10:49
    • Bootstrap Navbars

      7:05
    • Social Media Icons

      8:42
    • Portfolio Setup

      7:31
    • Portfolio Samples

      8:50
    • Portfolio Text

      10:47
    • Creating the Foote

      11:11
    • Registration Form

      11:20
    • Re-Examining Our File

      3:51
    • Adjusting Header Text

      4:14
    • Adjusting Portfolio Categories

      10:12
    • Final Thoughts

      3:16
    • Adjusting the Portfolio Samples

      7:59
    • Adjusting the Footer

      12:31
    • Adjusting the Menu

      9:05

This class is no longer available.

About This Class

Responsive web design is firmly embedded in a modern web design workflow and cannot and should not be ignored. There are two approaches to incorporating responsive design into your workflow; desktop-first and then make it responsive for mobile devices, or mobile-first and leave the desktop until last. Whatever is your preferred way, we generally start from a mockup. In this class,you'll learn how to design two different breakpoints for a responsive portfolio website using Adobe Photoshop and Adobe Illustrator.                 Topics include:                                                                                                                                                          1 .        1.  Creating a Navigation Bar

 2.   Adjusting Portfolio Categorizes

3.   Adjusting Portfolio Categories

4.   Adjusting the Menu

5.    Adjusting the Portfolio Samples

6.    Adjusting the Footer 

                                                                                                                                                                                                             What is the target audience?                                                                                                                                             

  • Complete beginners who want to learn how to build a professional, beautiful and responsive website
  • Designers who want to expand their skills
  • Students with some knowledge about Adobe Photoshop ,but who struggle to put together a great website

8 of 9 students recommendSee All

Very good class
Good class

103

Students

--

Projects

Craig Campbell

Web designer/developer from Fort Worth, TX

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.