Skip to content
Write a review
UdemyUI DesignPaid courseAll LevelsCertificate

Creating Responsive Web Design (Udemy.com)

Learn how to optimize your webpages for different screen sizes and platforms.

4.5
819 reviews

Created by: Chris Converse

Last updated October 2014

Our take

Based on the ratings of 819 students, a sample of their written reviews and the syllabus, as the course stood in October 2014. No course pays to be reviewed.

This is a short, follow-along course from Chris Converse, a designer with decades in graphic and interactive work. The syllabus shows about 3.4 hours across 33 lectures in 8 sections. The main build covers web graphics, HTML and CSS layout, and media queries. Sections four to eight are the older original course, kept in the list. It was last updated in 2014, so it spends time on things like HTML5 Shiv and Internet Explorer rules that most people no longer need.

Reviewers like the calm, logical delivery, the supplied project files and the attention to workflow, such as exporting banner images efficiently. One recent student says the concepts still carry over to any framework. The complaints are consistent, though. Several say Converse moves fast and explains little, and that he pastes in a lot of pre-made code. A beginner called it definitely not for beginners, especially the Photoshop parts. Others mention typos, files that don't match the video, and the original-course sections at the end.

With 4.5 stars from 819 reviews and about four in five at four or five stars, most students got what they came for. Treat it as a quick tour of the responsive idea for someone who already knows basic HTML and CSS, or as a refresher. Anyone after modern practice, or a deep explanation of why each rule works, should look at a newer course. The age is the main thing to weigh.

Best forDesigners or light HTML/CSS users who learn by copying along with project files and want the media query basics fast.
Skip it ifYou want current techniques or slow, step by step explanations. The 2014 content and quick pace will frustrate.

Pros

  • Two projects to follow along with, and supplied images and code snippets cut the typing
  • Calm, logical delivery from Chris Converse that reviewers call clear and easy to follow
  • Covers workflow details like exporting banner images efficiently, not just the code
  • Short at about 3.4 hours, so it works as a quick refresher

Cons

  • Last updated in 2014, with HTML5 Shiv and Internet Explorer fixes that feel dated
  • Fast pace and thin explanations; reviewers say they got lost or just copied code
  • Sections four to eight are the older original course; some videos have typos or mismatched files
Quick and easy, does exactly what it says on the tin: teaches you to create responsive websites.
Jesper Bekkering, a student

Listed for all levels, but reviewers say basic HTML, CSS and some Photoshop know-how are needed to keep up.

icon
What you will learn

  • Learn CSS3 media queries.
  • Integrate Google's HTML5 Shiv JavaScript.
  • Make CSS rules specifically for Internet Explorer.
  • Learn image slicing and optimization techniques in Photoshop.
  • Develop strategies for HTML markup.
  • Consider design adaptations for multiple screens.
  • and much more...

Course content

8 sections · 33 lectures · 3.4 hours of video

  1. 1Beginning Your Project and Making Web Graphics 3 free previews7 lectures · 32 min
  2. 2Creating HTML and CSS for Web Layout 1 free preview11 lectures · 57 min
  3. 3Working with CSS Media Queries 1 free preview4 lectures · 22 min
  4. 4Getting Started (Original Course) 2 free previews3 lectures · 5 min
  5. 5Optimizing Your Web Graphics (Original Course)1 lecture · 8 min
  6. 6Adding HTML for Structure and Content (Original Course)2 lectures · 14 min
  7. 7Creating CSS Rules for All Screens (Original Course)3 lectures · 43 min
  8. 8Creating CSS Rules for Mobile Screens (Original Course)2 lectures · 22 min

Who it is for

The instructor says it suits

  • Graphic Designers
  • Web Developers
  • Interaction Designers
  • Usability Experts

What you need before you start

  • Text editor
  • Positive attitude : )

How it compares

Against the other 53 rated Udemy courses in UI Design on CourseDuck:

  • Rating4.5 out of 5higher than 66% of them
  • Reviews819#12 of 54 by number of reviews
  • Length3.4 hoursshorter than 69% of them
  • Last updatedOctober 2014earlier than 94% of them

icon
Course Description

Learn how to create websites that adjust to any screen size while optimizing download speeds.

  • HTML5, CSS3, and Media Queries
  • HTML5Shiv for Internet Explorer
  • Photoshop Image Optimization and Slicing
  • Design Adaptations for Various Screens

Create Websites that are Optimized for All Screens
Because people use a variety of devices to access the Internet, it's important that, as a website designer, you know how to create a site that will conform to any screen size. Today's websites should be able to resize and rearrange elements and content automatically so that any user on any device from anywhere in the world can access your site and browse it with ease. And building a website that's compatible with the many browsers available from both the past and the present is also an integral part of launching a strong site.

Not every website designer knows how to create these "intelligent" websites. With the right training, you can differentiate yourself from the competition and potentially expand your client base.

Contents and Overview
In just 1.5 hours and through 11 lectures, you'll learn all that you need to know to create a dazzling website using CSS3 and HTML5. You'll understand how to make your site backwards compatible with old browsers, and how to set it up using CSS rules so that it will adjust itself to any screen size while optimizing download speeds. This course, which is ideal for web developers, graphic designers, usability experts, and interaction designers, will even provide you with CSS, HTML, and Photoshop templates that you can use to design your own sites.

Upon successful completion of this course, you'll be confident in your abilities to design a customized website that's optimized to work on any computer or mobile device. From the creation of CSS files to the design of a site's layout, text, and graphics, you'll be fully versed in launching a site that's going to appear just as you intended, regardless of what screen your visitors will be using.

Read More All Levels All Levels product length iconTime: 3.4h

icon
Udemy Discount

The discount is applied through our link. Open the course from here and Udemy's current promotional price is applied at checkout on most courses, no code to type.

Get the Udemy discount

Some courses are excluded from Udemy's promotions. If the price does not drop, clear your browser cookies and use the button again.

icon
Instructor Details

Chris Converse

Chris has 30 years experience in graphic, animation, and interactive design, with a unique focus on both design and development. He earned his BFA in Graphic Design at the Rochester Institute of Technology (R•I•T), and has continued to study the landscape of design and its crossroads with various technologies. In addition to design and development, Chris has authored a wide range of articles for various publications and websites, created and taught over 100 online courses, and has been a featured speaker in over 340 industry-related events, conferences and webinars, including NAB, Adobe MAX, Post Production World, How Design Live, AIGA, CreativePro, CreativeLive, Storyteller's Conference, PHOTOPLUS, and more.

Read More

icon
More courses by Chris Converse

$14.99

$49.99

$10.99

$19.99

Free

Free

All courses by Chris Converse

icon
More UI Design courses

$84.99

$84.99

$19.99

$19.99

$129.99

$79.99

All UI Design courses

icon
Reviews

4.5

819 ratings on Udemy

Select a bar to show only those reviews.Select the bar again to show every rating.

Write a review

By Gary Lampley on 9/14/2020

I enjoyed the course. I would have rather more views of the product as we were going through it to see it coming together instead of waiting until the end in sections 31-33 instead of just looking at codes, but overall I love the course

By Robert Figueroa on 7/2/2020

The lecture was very clear and effective

By brennan Hobart on 6/25/2020

The presenter was great and very informative!

By Phanidhan Nimmakayala on 4/26/2020

Yes. It looks fantastic.

By Manjulapakirswamy on 4/24/2020

the course was helpful

By James Hart on 2/23/2020

I knew how to make websites already but this course is a great one for making them responsive as it implies! Web coders always are reviewing during builds and this is great because you do not have to thumb through a book and can have it as handy as a smartphone! This not only teaches you the techniques but the course shows you great organizational methods also (which many seem to lack). Each folder has a clear purpose indicated by the name and files are labeled both externally and internally so even if you write them and 2 years or so later make edits it is quick to get back to where you left off. Being responsive opens a whole new world to where your sites are way ahead of the curve since many people view on a smart phone or a tablet. These people with smaller screens will not have to magnify and left right scroll to read your content or hit buttons. It amazes me how few people demand for a responsive page! This course is well worth the money and you can customize the site you build using these techniques easily so it looks exactly how you want it. No wordpress type template crap is needed. Templates suck take this course and make your own design!!!!

By Rucha Deshpande on 11/11/2019

good and informative!

By Aldwyn Barry on 8/19/2019

very nice course. Always wanted to know how this is done. Now I know. This course gives me the confidence to make my own sites with confidence.

By Javier murcia on 4/15/2019

Excelent. tha base of all web site world including templates.

By Aaron Humphreys on 10/18/2018

This course is very old and outdated. The title is also misleading. You are not "creating the design" you are building the design. Creation of the design, implies that we are learning how to design a RWD not implement it in code.

By Surya Alam on 9/12/2018

Thank you very much, you guys are rocks! :-)

By Byron on 7/5/2018

seem outdated

Showing 12 of 128 reviews

icon
Quality Score

No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.

Content Quality
/
Video Quality
/
Qualified Instructor
/
Course Pace
/
Course Depth & Coverage
/

Overall Score : 90 / 100

Creating Responsive Web Design
Visit course on Udemy Write a review
  • Video Duration: icon 3.4h
  • Price: See price on Udemy
  • Provider: icon Udemy
  • Updated: icon October 2014
  • Level: All Levels All Levels
  • Language: icon English
  • Certificate: icon Yes
  • Lectures:33 in 8 sections
  • Students:42,500
  • Subtitles:1 language
30-day money-back guarantee on most paid courses

Udemy Coupon Price Tracker

Udemy price history

For any issues or feature requests please email CourseDuck's Co-Founder at mkuhlman12@gmail.com