Discover Classes. Earn Rewards.
Responsive Web Design with Photoshop & Illustrator CC is unfortunately unavailable

Thankfully we have 62 other Responsive Design Classes for you to choose from. Check our top choices below or see all classes for more options.

Responsive Web Design with Photoshop & Illustrator CC

at Ascend Training - Near North Side

(24)
Course Details
Price:
$1,297
Start Date:

This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!
If you're enrolled in an upcoming date, this simply means that date has now sold out.

Location:
Near North Side, Downtown/Loop
515 N State St 14th Floor
Grand Ave & State St
Chicago, Illinois 60654
(Map)
Purchase Options
Save to WishList

1 person saved this class

Book Private Class
Description
Class Level: All levels
Age Requirements: 18 and older
Average Class Size: 10

What you'll learn in this responsive design training:

Learn to design developer-ready flexible, responsive layouts for mobile, tablets and desktop. Use Photoshop to build developer-ready files. Understand how to use grid Layout Systems like BootStrap and how to incorporate HTML5 and CSS into your design.

Understand exporting options including scaling for Retina displays and different levels of compression. Learn to think responsively for better collaboration between designers and developers. Create innovative and cutting edge finished products using the latest technologies.

Getting Started with Responsive Design:
  • What Responsive Web Design means and why you should care.
  • Content comes first.
  • What is the responsibility of the designer in modern web design?
  • Tools of responsive design.
  • Differentiating between ‘Responsive Design’ and ‘Adaptive Design’.
  • HTML5 & CSS3: Don’t look back… or should you? Use by older browsers.Bringing the web a responsive experience.
  • When is responsive design not required or preferred?
Targeting Different Viewpoint: Media Queries:
  • Viewports vs Screen sizes.
  • Conceptual Media query syntax.
  • Recommended strategies for media querying and creating the first responsive design.
Fluid Layouts:
  • The role of fluid layouts.
  • Converting fixed layouts to proportional layouts.
  • Typography: Using ems vs pixels.
  • Alternate images for alternate screen options.
  • CSS grid solutions.
  • Using Grid Layout Systems like BootStrap.
Dynamic Design with CSS3:
  • Shadows: Text, multiple, box.
  • Background gradients: Linear and Radial and Multiple background images.
  • Sizable icons.Modern web fonts
CSS3 Transitions, Transformation and Animation:
  • 2D and 3D Transformations.
  • Animating with CSS3.
Addressing Cross-Browser Responsive Design Issue:
  • Progressive enhancement vs graceful degradation.
  • Addressing Internet Explorer issues.
Designing for Web and Mobile:
  • Designing Grid Layouts for Mobile, Tablets and Desktop Computing.
  • Understanding Twitter Bootstrap and why it’s important.
  • The importance of Organizing your website mockups with named layers and group to pass off to the developer.
  • Designing Responsive Grid Layouts for Mobile, Tablets and Desktop Computing.
  • Using Grids and Guides to organize and keep items in line.
  • Best workflows and best practices professionals to designing web pages for optimal results.
Creating Element for Iphone, Android and Web:
  • Creating Backgrounds and understanding the Gradient tool.
  • Designing buttons and menu Bars using the Shape tool and adding Layer styles.
  • The Basics of Bézier Curves and the Shape tool.
  • Adding Layer Comps to hand off to the developer.
  • Understanding CSS elements and why it’s better to utilize these instead of a JPG.

Photoshop's Save for Web and Image Generation:
  • Understanding file formats such as JPEG, GIF, PNG, WEBP and SVG, and which format is best for which circumstance.
  • Viewing the Original and Optimized tabs to compare and contrast results.
  • Understand GIF & PNG’s dithering to maximize tonal shifts.
  • Using TinyPNG uses smart lossy compression to reduce the size your PNG files.
  • Automatically generate image assets from Photoshop layers or layer groups.
  • Using a comma (or + sign) between the layer names in Image Generator to generate multiple files in different sizes or formats.
  • Exporting with options including scaling for Retina displays and different levels of compression.
Designing Complete Web Page In Photoshop:
  • The importance of Wireframing.
  • Setting up multiple layouts using artboards.
  • Building guides for grid systems like Bootstrap.
  • How designers and developers achieve better collaboration from the start of the design process with Bootstrap or another responsive Framework.
  • Creating a responsive design in Photoshop.
Prerequisites: Attendees must have solid computer skills.

Still have questions? Ask the community.

Refund Policy
All classes need at least 3 students to run. 

Map

Google Map

Ascend Training

All classes at this location

Start Dates (0)

This class isn't on the schedule at the moment, but save it to your Wish List to find out when it comes back!

Similar Classes

Benefits of Booking Through CourseHorse

Booking is safe. When you book with us your details are protected by a secure connection.
Lowest price guaranteed. Classes on CourseHorse are never marked up.
This class will earn you 12970 points. Points give you money off your next class!
Questions about this class?
Get help now from a knowledge expert!
Questions & Answers (0)

Get quick answers from CourseHorse and past students.

Reviews of Classes at Ascend Training (3)

School: Ascend Training

Ascend Training

Ascend has served the Chicago creative community offering the highest quality training programs since 1998. 

Ascend has dedicated top industry professionals to training web developers, graphic desighners, publishers and video editors.

Our philosophy is that students learn by doing, and our classes...

Read more about Ascend Training

CourseHorse Approved

This school has been carefully vetted by CourseHorse and is a verified Chicago educator.

Want to take this class?

Save to Wish List
Booking this class for a group? Find great private group events here

62 Top Choices

Web Development Level 3: Mobile & Responsive

This class is temporarily being offered remotely.

at Training Connection - The Loop 230 W Monroe St Ste 610, Chicago, Illinois 60606

Responsive web design is a relatively new approach to website design that ensures users have a great viewing experience on any device. It has become increasingly important over the last few years as mobile device ownership has exploded and traditional PC sales have slowed. And now that Google is prioritizing mobile-friendly sites in its search results...

Wednesday Jul 15th, 9am - 4:30pm Central Time

  (3 sessions)
$1,195

3 sessions

Web Development Level 3: Mobile & Responsive

This class is temporarily being offered remotely.

at Training Connection - Downtown 915 Wilshire Blvd Ste 1800, Los Angeles, California 90017

Responsive web design is a relatively new approach to website design that ensures users have a great viewing experience on any device. It has become increasingly important over the last few years as mobile device ownership has exploded and traditional PC sales have slowed. And now that Google is prioritizing mobile-friendly sites in its search results...

Wednesday Jul 22nd, 9am - 4:30pm Pacific Time

  (3 sessions)
$1,195

3 sessions

Bootstrap 4 Basics

This class is temporarily being offered remotely.

at The New York Public Library (Tech) - NYPL Online Classroom

Must register with a valid email address. This class will cover Bootstrap 4,  a free open-source front-end framework for developing with HTML, CSS, and JavaScript. It allows you to build responsive, mobile-first projects on the web and quickly prototype your ideas or build entire applications by use of its working components. You will...

Monday Jul 20th, 1pm - 3pm Eastern Time

Free

Beginners Acting III: Film/TV

This class is temporarily being offered remotely.

at The Barrow Group Acting School - Virtual Classroom

This 6-week class is for students who have completed Beginner I and II at the Barrow Group to want to apply what they’ve learned to on-camera work. Students will work with The Barrow Group tools on monologues and scenes in front of the camera and watch playback each session. This class helps prepare students for professional level Film/TV...

Sunday Jul 19th, 6:30pm - 9:30pm Eastern Time

  (6 sessions)
$395

6 sessions

Beginners Acting I: The Basics

This class is temporarily being offered remotely.

at The Barrow Group Acting School - Virtual Classroom

This 10-week (fall, winter, spring)/ 8-week (summer) class is designed for the beginning / amateur adult actor. This class is a great introduction to the Barrow Group approach and foundation for the craft. The class highlights quick and powerful ways to make your performance more natural and spontaneous. Students will work with ensemble building...

Wednesday Jul 29th, 6:30pm - 9:30pm Eastern Time

  (8 sessions)
$425

8 sessions

Middle School Python

This class is temporarily being offered remotely.

at Upperline School of Code - Virtual Classroom

For students looking for a lightning-fast introduction to coding in Python, we are offering a one-week summer fundamentals course. This class is designed for students with little to no coding experience and will introduce students to the core principles of programming: data types, data structures, loops, variables, conditionals, functions and basic...

Monday Jul 20th, 9:30am - 3:30pm Eastern Time

  (5 sessions)
$675

5 sessions

Web Development (Intermediate)

This class is temporarily being offered remotely.

at Future Media Concepts -

In this training you will learn how to use CSS for more complex page layouts. You’ll learn about best practices as you gain a deeper understanding of CSS selectors and the various CSS properties available. You will create multi-column layouts using floats and inline-block. Gain a deeper understanding of how block and inline elements work. Master...

Wednesday Aug 12th, 10am - 5:30pm Eastern Time

  (3 sessions)
$1,795

3 sessions

Developing ASP.NET Core MVC Web Applications

This class is temporarily being offered remotely.

at New Horizons Learning Group LA - Online Virtual Class, Online, California 00000

In this course, the professional web developers will learn to develop advanced ASP.NET Core MVC applications using .NET Core tools and technologies. The focus will be on coding activities that enhance the performance and scalability of the Web site application. This course will also prepare the student for exam 70-486. Target Audience This course...

Monday Aug 10th, 6am - 2pm Pacific Time

  (5 sessions)
$2,975

5 sessions

The Art of Productive Conflict

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Seattle, Washington 00000

Most human beings don’t handle disagreements very well…have you noticed? For any community to function well, they must work out how to reach agreements, handle conflict, hear one another, be clear and efficient in their exchanges, and generally be responsive to others in their spheres of influence. We will examine and practice tools for dealing...

Wednesday Jul 22nd, 10am - 3:30pm Pacific Time

The Art of Productive Conflict

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online , Denver, Colorado 00000

Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this one. Registered students will be notified 24 hours in advance of this program with information on how to log in to the Zoom Meeting Room and other tools you'll need for the session. Registration for this class will...

Wednesday Jul 22nd, 11am - 4:30pm Mountain Time

The Art of Productive Conflict: Full Day Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Houston, Texas 00000

Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this one. Registered students will be notified 24 hours in advance of this program with information on how to log in to the Zoom Meeting Room and other tools you'll need for the session. Registration for this class will...

Wednesday Jul 22nd, 12pm - 5:30pm Central Time

The Art of Productive Conflict: Full Day Bootcamp

This class is temporarily being offered remotely.

at General Assembly - Online GA Washington D.C. (Remote Online), Washington, District of Columbia 00000

Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this one. Registered students will be notified 24 hours in advance of this program with information on how to log in to the Zoom Meeting Room and other tools you'll need for the session. Registration for this class will...

Wednesday Jul 22nd, 1pm - 6:30pm Eastern Time

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Chicago, Illinois 00000

In this 8-week part-time course, students learn the tools, theory, and practical techniques to create visually stunning designs. Skills & Tools: Apply Photoshop's powerful functions to digital product design. Production Standard: Start with an idea and a moodboard: finish with a production-ready mockup of a responsive webpage. The Big Picture...

Monday Jul 27th, 5pm - 7pm Central Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Class, Houston, Texas 00000

This is a part time course. Week 1: Photoshop for Web Design Orientation & Photoshop for the Web Part 1  Describe how Photoshop fits into a modern web design workflow.  Use Photoshop web–specific tools to create parts of a simple landing page mockup. Photoshop for the Web Part 2  Use Photoshop web–specific tools to create...

Monday Jul 27th, 5pm - 7pm Central Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online GA Washington D.C. (Remote Online), Washington, District of Columbia 00000

This is a part time course. Week 1: Photoshop for Web Design Orientation & Photoshop for the Web Part 1  Describe how Photoshop fits into a modern web design workflow.  Use Photoshop web–specific tools to create parts of a simple landing page mockup. Photoshop for the Web Part 2  Use Photoshop web–specific tools to create...

Monday Jul 27th, 6pm - 8pm Eastern Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Class
Livestream, New York, New York 00000

This is an 8-week part-time course. Skills & Tools: Apply Photoshop's powerful functions to digital product design. Production Standard: Start with an idea and a moodboard: finish with a production-ready mockup of a responsive webpage. The Big Picture: Grasp how effective visual communication--from font pairings to style tiles--helps translate...

Monday Jul 27th, 6pm - 9pm Eastern Time

  (21 sessions)
$3,950

21 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, San Francisco, California 00000

This is a part time course. Week 1: Photoshop for Web Design Orientation & Photoshop for the Web Part 1  Describe how Photoshop fits into a modern web design workflow.  Use Photoshop web–specific tools to create parts of a simple landing page mockup. Photoshop for the Web Part 2  Use Photoshop web–specific tools to create...

Tuesday Aug 18th, 6pm - 8pm Pacific Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Classroom, Los Angeles, California 00000

This is an 8-week part-time course. Skills & Tools: Apply Photoshop's powerful functions to digital product design. Production Standard: Start with an idea and a moodboard: finish with a production-ready mockup of a responsive webpage. The Big Picture: Grasp how effective visual communication—from font pairings to style tiles—help translate...

Tuesday Aug 18th, 6pm - 8pm Pacific Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Remote Online, Online, California 00000

This is an 8-week part-time course. Skills & Tools: Apply Photoshop's powerful functions to digital product design. Production Standard: Start with an idea and a moodboard: finish with a production-ready mockup of a responsive webpage. The Big Picture: Grasp how effective visual communication--from font pairings to style tiles--helps translate...

Tuesday Aug 18th, 6pm - 8pm Pacific Time

  (16 sessions)
$2,800

16 sessions

Visual Design

This class is temporarily being offered remotely.

at General Assembly - Online Online Class Livestream, Online, Massachusetts 00000

This is a part time course. Week 1: Photoshop for Web Design Orientation & Photoshop for the Web Part 1  Describe how Photoshop fits into a modern web design workflow.  Use Photoshop web–specific tools to create parts of a simple landing page mockup. Photoshop for the Web Part 2  Use Photoshop web–specific tools to create...

Tuesday Aug 18th, 9pm - 11pm Eastern Time

  (16 sessions)
$2,800

16 sessions

Loading...