Responsive Web Design Fundamentals by Google

FREE video Responsive Web Design Fundamentals by Google

Free!

Add to favoritesAdded to favoritesRemoved from wishlist 0
Add to compare
Course type

Level

Time/Effort

Created by

,

Provider

Session type

Pricing

Instalments

Certificate

Projects

Tutor support

Access

More features

,

Language

Subtitles

Skills Covered: Responsive Design Patterns, Remote Debugging and Emulation, Optimizing Layout, CSS Media Queries, CSS Flexbox

Add your review

ABOUT THIS COURSE


In this course, you’ll get fundamental knowledge of responsive web design with Google’s Pete LePage! You’ll explore, what makes web site responsive and how common responsive design patterns work across different devices. You’ll also create your own responsive layout using the viewport tag and CSS media queries.

As a part of the practical exercise, you’ll create your own responsive web page that works well on any device – phone, tablet, desktop, or anything in between.

 

WHAT YOU WILL LEARN


Why Responsive

  • Introduction to responsive design with Pete LePage.
  • Why does responsive design work for any device?
  • Remote debugging and emulation in the browser.

Starting Small

  • What is the viewport?
  • Sizing the content to the viewport.
  • Touch targets and why they should be large.

Building Up

  • How to take advantage of CSS media queries.
  • What is a breakpoint and how to choose one.
  • How to use the CSS flexbox to modify layout.

Common Responsive Patterns

  • How to apply the mostly fluid pattern.
  • How to apply the column drop pattern.
  • How to apply layout shifter pattern.

Optimizations

  • Using minor break points.
  • How to optimize text layout.
  • How to use responsive tables and strategies for dealing with them.

Videos: Responsive Web Design Fundamentals by Google

User Reviews
0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

Responsive Web Design Fundamentals by Google
Responsive Web Design Fundamentals by Google

Free!

Ubbergo
Logo
Register New Account
Reset Password
Compare items
  • Total (0)
Compare