X

Looking for the Udemy logo?

Here are a few to choose from:

Udemy Create a Course Browse Courses
Signup Login

Try one lecture for free

Creating Responsive Web Design

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

Have a redemption code? Redeem It

Enter Your Redemption Code

close
by Chris Converse

Running time: 92 minutes

Learn to create a web design that automatically conforms itself to multiple screen sizes. This course will show you a step-by-step process for creating a design that rearranges content, resizes elements, and adapts itself based on the size of your visitor's screen size.

Learn how to reposition the main navigation of the site based on the device browsing your website.

We'll create a web design that makes use of HTML5 and CSS3, while maintaining backwards compatibility with older browsers. The secret ingredient of CSS3 that makes this all possible is the media querying capability. CSS media queries allow us to define CSS rules based on screen size, and ultimately give us precise control over how our designs adapt to different screen sizes. In addition to adjusting layout, we'll explore using CSS to define all imagery in our design, allowing us to send optimized imagery along with our customized design experience.

Apply varied amounts of compression to images to optimize download speeds across devices.

Course includes HTML, CSS, and Photoshop templates for use in your own multiscreen web design projects.

30 Day Money Back Guarantee Lifetime Access - No Limits

CHAPTER 1: Getting Started

CHAPTER 2: Optimizing Your Web Graphics

CHAPTER 3: Add HTML for Layout and Content

CHAPTER 4: Create Base CSS Rules

CHAPTER 5: Creating Screen-based CSS Rules

Reviews

Average Rating:

  • by Chai Nakpiban,

    Complexity Simplified once again by Mr Converse

    Chris Converse is the king of taking complex subject and simplifying them by breaking them down step by step into easy-to-follow processes. Having purchased his previous web course "Bring Your Web Design to Life: Creating Rich Media Websites with Adobe Creative Suite" I knew what to expect and got exactly that - knowledge that works. I particularly enjoyed the fact that he didn't work in Dreamweaver with this title but with a simple text editor. What I also enjoyed about this course was that it came with all source files, including the photoshop graphics as psd's. I will say however - the HUGE advantage of this course is the message boards - being able to ask questions and get responses in a timely manner is really amazing. It's also a great learning experience to see what others have asked and to see Chris's response - again, yet another opportunity to learn for free or as they call it, "added value." I already rated this course a 5 star but if you compare Chris Converse to others who teach getting your design to code, nobody can come close to him. He is the standout guru who is able to make the world of web design a fun, exciting and enjoyable experience. Can't wait for the next course.

  • by James Eggers,

    A Practical Take on Responsive Web Design

    This is a very good, clear tutorial/course on designing a responsive web site. Having read the books and recommended best practices from various people, it's good to see a practical guide that strays away from the theory slightly. Compared to the theory that I've read, this course does not push for using single, over-sized images that scale to different viewports nor does it focus on percentage based widths, margins, and padding values everywhere. The percentages are present where applicable and then absolute measurements are applied. Beyond the focus of the course being RWD, Chris does a fantastic job at providing clear explanations as to what a number of CSS properties were and why they were being used. Some are common to those that use it daily; however, for those that do not, his explanations are a great assistance. The only things that caught my attention were a couple of the typos in the video code (but not in the downloaded files) and the price feels a bit steep to me. Ended up using a coupon for the course and was very satisfied with such; however, the list price would have truly kept me away from the course. All in all, I'm glad that I had that coupon and was able to take this course since it provided a lot of information.

  • by Roberto Delgado,

    Great course

    Hi, I've just finished this course, and I've to say that I've learned a lot of about this way of designing webs. I've read a lot of books about this issue before and it's the first time I understand the rules of responsive web design. The videos are very easy to follow, and the steps are quite clear. Maybe the web made in the course it's a bit ugly, but it's enought elements to understand the main concepts. Thanks for this course, Regards, Roberto Delgado.

Frequently Asked Questions

  • How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.
  • What is the refund policy on the course?

    We like to keep our users happy, so we have a 30-day no questions asked refund policy. Send an email to support@udemy.com for refund requests.
  • Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
Ask a Question
  • Over 11 lectures and 1.5 hrs of content!
  • 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...
  • Graphic Designers
  • Web Developers
  • Interaction Designers
  • Usability Experts

Instructors

Chris Converse is a designer, photographer, and web developer at Codify Design Studio. Chris is a regular featured speaker at Adobe MAX, HOW Design and Interactive Conferences, AIGA, and Mogo Media events. Watch his courses on Lynda.com, Find his video workbooks Bring Your Web Design to Life and Creating Interactive Documents on your favorite bookstore's website, follow him on Twitter and Facebook, read his blog at Smartnocities.com.