Join James Williamson for an in-depth discussion in this video Examining the future of responsive images, part of Learning Responsive Design.
In the previous movie, we talked about some of the current responsive image techniques…and why they are not entirely ideal solutions.…To gain a better understanding of why these techniques fall short, it's helpful to list…out all of the things we need to be able to do in regard to responsive images.…To truly have responsive images, we need to have the ability to choose which image is…served to which device.…It's not enough to simply have an image that scales down for smaller screens; rather, we…need to have the ability to make sure the right image is served to the right context.…
Currently, that's largely determined by three factors: screen size, screen density, and bandwidth.…A screen that is 320 pixels wide is obviously going to need a different set of images than…one that is, say, 1440 pixels wide.…Likewise, higher-density screens can display much higher resolution images so it would…be nice to be able to serve high-res graphics to displays they can take advantage of them.…In regards to latency and bandwidth, obviously a larger image would be more of a burden over…
- What is responsive design?
- Controlling viewports
- Designing for multiple screen densities
- Working with media queries
- Using fluid grids
- Building responsive forms
- Optimizing site performance
- Building responsive mockups
- Developing a content strategy
- Designing for mobile capabilities
- Creating flexible HTML
- Testing responsive designs
Skill Level Beginner
1. Introducing Responsive Design
What makes sites responsive?2m 37s
2. Common Concepts
3. Responsive Design Strategies
Additional resources2m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.