Comm 328 Responsive Web Design

Responsive Media

  • CSS Responsive images
  • srcset and picture
  • Responsive Video
  • SVG

Pixel Density Demos

Below are examples of images set to render at different pixel densities. You'll need to view them on a variety of screens to get the full effect. Note: since the classroom iMacs have a dppx of 1, you should not notice much different in these examples.

Other Links

Relevant Library Code