A. Presentation on responsive images:
sizes, responsive background images.
B. Jen will demonstrate ResponsiveBreakpoints.com, which generates a suite of images and
sizes code to use on your page.
She will also demonstrate the banner demo inside the site.
<picture> means YOU decide which image displays when.
sizes means the BROWSER decides - and it doesn't always decide what you think it should!
C. To our page, add a "featured print" and a "hero banner" section of the web page using the starting graphic and the screenshots provided.
Starting graphics include
too-cool.jpg. You will need to create additional versions of these images and write the code to include them in the site.
<picture> for the hero banner and
sizes for the featured print.