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

Thankfully we have 72 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

72 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

Developing Mobile Websites w/ Responsive Web Design

This class is temporarily being offered remotely.

at Hands On Technology Transfer, Inc. - Chelsea (Exact location to be announced), New York, New York 00000

Developing Mobile Websites with Responsive Web Design and jQuery Mobile All HOTT courses are available face-to-face, remote-live, on-demand or on-site at your facility.  This hands-on course conveys the fundamental skills necessary to design and build responsive web sites for mobile devices such as phones and tablets. Attendees will use responsive...

Monday Jun 15th, 9am - 5pm Eastern Time

  (5 sessions)
$2,795

5 sessions

Bootstrap Training

This class is temporarily being offered remotely.

at Computer Training Source, Inc. - Near North Side 420 N Wabash Ave Ste 203, Chicago, Illinois 60611

Bootstrap is one of the most complete frameworks out there. It uses the latest web technologies to provide powerful built-in features like fluid grid layout, responsive design, typography, custom forms elements and javascript iteration all within a tiny footprint. Bootstrap comes equipped with cross browser compatibility, hence it will significantly...

Monday Jun 15th, 6:30pm - 9:30pm Central Time

  (2 sessions)
$349

2 sessions

Website Design - Create a Website in One Day (Online)

This class is temporarily being offered remotely.

at Discovery Center - Virtual Classroom

Gain new customers, Increase sales, express yourself and set yourself up as an expert in your field. Deliver a strong message to your customers, constituents, students, clients - you are here and ready to meet their needs. All these are reasons people have have created and maintain their websites. NO EXPERIENCE NECESSARY. This workshop will teach...

Saturday Jun 6th, 10am - 2pm Central Time

Adobe Illustrator CC (2020)

This class is temporarily being offered remotely.

at Certstaffix Training - Downtown 355 S Grand Ave Ste 2450, Los Angeles, California 90071

This 3-day course teaches students step-by-step the key techniques for working in Illustrator CC. The 15 project-based lessons show users the key techniques for realizing your creative potential with Adobe Illustrator CC. Following hands-on step-by-step projects, users create logos, illustrations, posters, and more.  Explore the new Essentials...

Monday Jul 13th, 7am - 2pm Pacific Time

  (3 sessions)
$1,330

3 sessions

Adobe Illustrator CC (2020)

This class is temporarily being offered remotely.

at Certstaffix Training - Near North Side 205 N Michigan Ave Ste 810, Chicago, Illinois 60611

This 3-day course teaches students step-by-step the key techniques for working in Illustrator CC (2019 Release). The 15 project-based lessons show users the key techniques for realizing your creative potential with Adobe Illustrator CC. Following hands-on step-by-step projects, users create logos, illustrations, posters, and more. Explore the new Essentials...

Monday Jul 13th, 9am - 4pm Central Time

  (3 sessions)
$1,330

3 sessions

Beginners Acting II: Getting Specific

This class is temporarily being offered remotely.

at The Barrow Group Acting School - Virtual Classroom

In this class, students will delve deeper into the Barrow Group approach and tools, while working on ensemble building games, script analysis/story structure, monologues, and scene study. Prerequisite: Beginners Acting Level 1 All exercises are designed to: Encourage spontaneity Foster real human behavior Help the actor become more sensitive, imaginative, responsive, and alive onstage...

Sunday Jun 14th, 6:30pm - 9:30pm Eastern Time

  (2 sessions)
$100

2 sessions

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 12th, 6:30pm - 9:30pm Eastern Time

  (6 sessions)
$395

6 sessions

HTML5 & Cascading Style Sheets 3

This class is temporarily being offered remotely.

at Certstaffix Training - Burlington 67 S Bedford St Ste 400 W, Burlington, Massachusetts 01803

This hands-on course that teaches you HTML5 and CSS3 from scratch, showing you how you can't use one without the other nowadays. Learn how to enhance a site with audio and video clips, forms with HTML5 data validation, or CSS3 transitions and animations.  See how JavaScript and jQuery add features like accordions, tabs, and slide shows to a page,...

Monday Jul 27th, 10am - 5pm Eastern Time

  (4 sessions)
$1,790

4 sessions

HTML5: Content Authoring with New and Advanced Features

This class is temporarily being offered remotely.

at New Horizons Learning Group LA - Burbank 333 N Glenoaks Blvd Ste 400, Burbank, California 91502

This course focuses on the new and advanced features of HTML5, covering how to create HTML5 and CSS3 markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. Who Should Attend This course is designed for those who have experience authoring content in HTML and...

Friday Jun 19th, 6am - 2pm Pacific Time

Adobe Dreamweaver CC (2019)

This class is temporarily being offered remotely.

at Certstaffix Training - Burlington 67 S Bedford St Ste 400 W, Burlington, Massachusetts 01803

This 3-day course teaches key techniques for working in Dreamweaver while editing and creating HTML and Cascading Style Sheets (CSS).  Learn how to create web pages for the modern web; use and customize popular web frameworks to build web pages for a wide variety of desktop computers and mobile devices with a minimum of hand coding; incorporate...

Monday Jun 22nd, 10am - 5pm Eastern Time

  (3 sessions)
$1,330

3 sessions

Beginners Acting I: The Basics

This class is temporarily being offered remotely.

at The Barrow Group Acting School - Hell's Kitchen 312 W 36th St 3rd Fl, New York, New York 10018

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 1st, 6:30pm - 9:30pm Eastern Time

  (8 sessions)
$425

8 sessions

Adobe Dreamweaver CC (2019)

This class is temporarily being offered remotely.

at Certstaffix Training - Downtown 355 S Grand Ave Ste 2450, Los Angeles, California 90071

This 3-day course teaches key techniques for working in Dreamweaver while editing and creating HTML and Cascading Style Sheets (CSS).  Learn how to  Create web pages for the modern web Use and customize popular web frameworks to build web pages for a wide variety of desktop computers and mobile devices with a minimum of hand coding Incorporate...

Monday Jun 22nd, 7am - 2pm Pacific Time

  (3 sessions)
$1,330

3 sessions

Adobe Dreamweaver CC (2019)

This class is temporarily being offered remotely.

at Certstaffix Training - Flatiron 276 5th Ave Ste 704, New York, New York 10001

This 3-day course teaches key techniques for working in Dreamweaver while editing and creating HTML and Cascading Style Sheets (CSS).  Learn how to  Create web pages for the modern web Use and customize popular web frameworks to build web pages for a wide variety of desktop computers and mobile devices with a minimum of hand coding Incorporate...

Monday Jun 22nd, 10am - 5pm Eastern Time

  (3 sessions)
$1,330

3 sessions

Adobe Dreamweaver CC (2019)

This class is temporarily being offered remotely.

at Certstaffix Training - Largo 1300 Caraway Ct Ste 200, Largo, Maryland 20774

This 3-day course teaches key techniques for working in Dreamweaver while editing and creating HTML and Cascading Style Sheets (CSS).  Learn how to  Create web pages for the modern web Use and customize popular web frameworks to build web pages for a wide variety of desktop computers and mobile devices with a minimum of hand coding Incorporate...

Monday Jun 22nd, 10am - 5pm Eastern Time

  (3 sessions)
$1,330

3 sessions

Web Development Bootcamp

This class is temporarily being offered remotely.

at Borough of Manhattan Community College - Online BMCC Virtual Learning, New York, New York 00000

Dear prospective student, as you are aware New York State has been dealing with a declared state of emergency due to the novel coronavirus-19 outbreak. Please be aware that our future course dates may be delivered in either a traditional classroom face-to-face format or an on-line format or a hybrid model that mixes both live and online course delivery....

Saturday Jul 11th, 9:30am - 4:30pm Eastern Time

  (20 sessions)
$1,814

20 sessions

Developing ASP.NET Core MVC Web Applications

This class is temporarily being offered remotely.

at New Horizons Learning Group LA - Anaheim 1900 S State College Blvd Ste 100, Anaheim, California 92806

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 Jun 15th, 6am - 2pm Pacific Time

  (5 sessions)
$2,975

5 sessions

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...

Tuesday Jun 16th, 7pm - 9pm Central Time

  (16 sessions)
$2,800

16 sessions

The Art of Productive Conflict

This class is temporarily being offered remotely.

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

Due to the current health concerns, all GA short-form events, workshops & bootcamps will temporarily be held online - including this one. Registered participants 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...

Tuesday Jun 16th, 6pm - 8pm Pacific Time

Loading...