Simple Cropping
This shows the basic implementation and usage of the picture element. It uses the source element and different @media-queries to fetch the correct image for the device-screen.
This demo shows:
- mobile
- tablet
- desktop
- monochrome / eInk
- fallback
Grid System
This shows the basic implementation and usage of the picture element. It uses the source element and different @media-queries to fetch the correct image for the device-screen.
This demo shows:
- mobile
- tablet
- desktop
- monochrome / eInk
- fallback
This demo shows:
- small / large screen
- art-direction
- fallback
No FOLRI on reorientation
Shows the picture element handling on orientation-change
This demo shows:
- orientation-change
- fallback