This online video course from Udemy shows you step-by-step how to create a responsive web design that rearranges content, resizes elements, and adapts its layout based on the size of your visitor’s screen.
You’ll learn how to design websites that make use of HTML5 and CSS3, while maintaining backwards compatibility with older browsers in a simple and engaging video course. Upon completing the course you’ll know how to create a website that automatically conforms itself to multiple screen sizes and devices.
The instructor is Chris Converse, a designer, photographer, and web developer at Codify Design Studio. He’s a regular featured speaker at Adobe MAX, HOW Design and Interactive Conferences, AIGA, and Mogo Media events.
Check out this sample video from the course:
Here’s what you’ll learn:
- CSS3 media queries
- Integrating Google’s HTML5 Shiv JavaScript
- Internet Explorer-specific CSS rules
- Image slicing and optimizing techniques in Photoshop
- Developing strategies for HTML markup
- Considering design adaptations for multiple screen sizes
- How to apply varied amounts of compression to images to optimize download speeds across devices.
Who should take this course:
Pricing & terms:
- The course includes HTML, CSS, and Photoshop templates for use in your own design projects. And you get all this for $90, 40% off the regular price of $150
- You can view and review the lecture materials indefinitely, whenever you wish.
- Membership is per person and is not transferrable.
Hurry up, the offer is only valid for a limited period of time. And don’t worry – this course comes with a 30 day satisfaction money back guarantee!
Latest posts by Catalin Zorzini (see all)
- Web design goodies of the week #12 – May 18, 2013
- Create a Playlist of Your Daily Experiences with the Compass.to iPhone App – March 14, 2013
- Inspired Talks: Alvin Diec – November 22, 2012
- HOW TO: Build your Brand Online [Infographic] – November 15, 2012
- How to Tell If Your Blog Is Making an Impression – November 15, 2012









[...] Click here to see the article source #dd_ajax_float{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; float:left; margin-left:-120px; margin-right:10px; margin-top:10px; position:absolute; z-index:9999; } jQuery(document).ready(function($) { if($(window).width()> 790){ $('#dd_ajax_float').show() }else{ $('#dd_ajax_float').hide() } $(window).resize(function() { if($(window).width()> 790){ $('#dd_ajax_float').show() }else{ $('#dd_ajax_float').hide() } }); }); ; [...]
[...] Responsive Web Design Course – only $ 90 Instead of $ 150! [...]