Skip to content

Update responsive_images.md: Add to additional resources section #29673

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update responsive_images.md: Add to additional resources section #29673

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions advanced_html_css/responsive_design/responsive_images.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,3 +75,7 @@ The following questions are an opportunity to reflect on key topics in this less
This section contains helpful links to related content. It isn't required, so consider it supplemental.

- [Responsive Images 101](https://cloudfour.com/thinks/responsive-images-101-definitions/) is a good series of articles if you need another source.
- [Responsive Images Done Right](https://www.smashingmagazine.com/2014/05/responsive-images-done-right-guide-picture-srcset/) gives some more insight into the inner workings of the picture element and responsive images.
- [The anatomy of responsive images](https://jakearchibald.com/2015/anatomy-of-responsive-images/) by Jake Archibald has some great visuals that can help to grasp the srcset and sizes properties of responsive images.
- The [Responsive Image Breakpoints Generator](https://www.responsivebreakpoints.com/) is a nice way to automate responsive images so you don't have to hand write them.
- This article about [Automating Art Direction With The Responsive Image Breakpoints Generator](https://www.smashingmagazine.com/2016/09/automating-art-direction-with-the-responsive-image-breakpoints-generator/) explains how the responsive image breakpoints generator works.