responsive web design - wingsacademyedu.com web design.pdfresponsive web design introduction what is...
TRANSCRIPT
Responsive Web Design
Introduction
What is Responsive Web
Design?
What is The Viewport?
Setting The Viewport
Grid-View
Media Query?
Add a Breakpoint
Another Breakpoint
Design for Mobile First
Orientation: Portrait /
Landscape
Responsive Web Design –
Images
Using The width Property
Using The max-width
Property
Add an Image to The
Example Web Page
Background Images
Different Images for
Different Devices
HTML5 <picture> Element
Responsive Web Design –
Videos
Using The width Property
Using The max-width
Property
Add a Video to the Example
Web Page
Responsive Web Design –
Frameworks
Using W3.CSS
Bootstrap
Skeleton