Responsive Web Design

Advancing Your Design to the Modern Web

   Watch Promo

Key features

  • Polish your skills to design highly responsive websites for the modern web
  • Learn how to plan your design for print, web, mobile, and even TVs
  • Gaze into the future of web design with CSS4 features!

Topic

The modern web puts the user at the center of all activities. With 100s of different devices out there, web designers must up their game and develop sites that work for TV, mobile, and print, and large as well as small screens. The modern web is based on responsive websites that adapt to the user and their needs. Today websites reach far and wide from computers, TVs, printers, and e-books to mobile devices. The old way of building websites doesn't work anymore and we need to move to a responsive web design strategy to keep up with the changing world.

This video course is the ultimate guide to responsive web design that will give you all the knowledge and skills needed to create fully responsive designs for the modern web!


Your Instructor


Packt Publishing
Packt Publishing

Over the past ten years Packt Publishing has developed an extensive catalogue of over 3000 books, e-books and video courses aimed at keeping IT professionals ahead of the technology curve. From new takes on established technologies through to the latest guides on emerging platforms, topics and trends – Packt's focus has always been on giving our customers the working knowledge they need to get the job done. Our courses continue this tradition, bringing you comprehensive yet concise screencast tutorials straight from the experts.


Course Curriculum


  Getting Started with Media Queries
Available in days
days after you enroll
  Moving into Responsive Design with Media Query Expressions
Available in days
days after you enroll
  Advanced Design Strategies
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

This video course walks you through all the steps involved in building responsive designs with ease and will upgrade your skills as a web designer.

We will start off with the basics of media queries, which are the key to responsive design, and creating custom layouts based on output type. You’ll get a deeper understanding of responsive design, how to plan for it, and how to work with various media query expressions and features. You’ll learn how to design for multiple devices and resolutions, and optimize for media types including print, screen, mobile, desktop, and more. In addition, you will also become familiar with central responsive frameworks, such as Bootstrap, and will become able to tackle responsive design challenges using effective design strategies.

Finally, we will look at the future of web design and discuss CSS4 media queries, which were still in the planning stages when this course was being developed. These are not supported yet by browsers, but will give us a glimpse of what lies ahead to help us understand the possible future for media queries.

What you will learn from this video course

  • Get an in-depth knowledge of media queries—the heart of responsive web design
  • Create advanced design strategies for different devices, aspect ratios, and resolutions
  • Work with the Twitter Bootstrap framework to build effective designs
  • Make your design backward-compatible and expand support to IE9 with HTML5shim
  • Enhance the user experience using relative measurement types
  • Stay up to date with all the future developments in web design and discover CSS4 media queries

Who this video course is for

Are you an existing web developer familiar with HTML and CSS, who is ready to take on the future of web creation using responsive web design? Then this is the course for you!

Style and approach

This video course conveys the design concepts used to quickly and effectively build responsive websites through practical and easy-to-understand examples.

Author biography

Ben Fhala discovered his passion for data visualization while he was working at Parsons in New York, in their data visualization department, PIIM. He is the owner of the online video training school, 02geek.com, and an Adobe ACP. He enjoys spending most of his time learning and teaching, and has a love for visual programming and visualization in general. Ben has had the honor of developing applications for members of the US Congress, Prime Ministers, and Presidents around the world.

He has built many interactive experiences for companies such as Target, AT&T, Crayola, Marriott, Neutrogena, and Nokia. He has technically directed many award-winning projects and has been part of teams that have won three Agency of the Year awards.

Among Ben's publications are HTML5 Graphing and Data Visualization Cookbook, and three video courses jQuery UI Development, Learning Object-Oriented JavaScript, and Mastering JavaScript, all for Packt Publishing.

Get started now!