Chapter 1. Responsive Elements and Media

In this chapter, you will learn about:

  • Resizing an image using percent width
  • Responsive images using the cookie and JavaScript
  • Making your video respond to your screen width
  • Resizing an image using media queries
  • Changing your navigation with media queries
  • Making a responsive padding based on size
  • Making a CSS3 button glow for a loading element

Introduction

The responsiveness website design and media is one of the most exciting things to happen to web development since ASCII art appeared on bulletin boards back when I was a school boy. The new cool features of HTML5, CSS3, and jQuery have brought new life to the old web in ways that have brought back the fun and really gets the Web audiences excited for using your ...

Get HTML5 and CSS3: Building Responsive Websites now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.