Join James Williamson for an in-depth discussion in this video What is responsive design?, part of Learning Responsive Design.
One of the biggest challenges faced by web designers is the lack of control that they…have over their medium.…Take print design for example.…If I'm designing this magazine layout, I'll need to deal with variables such as paper…stock, what type of press it's printed on, and which inks I'll use.…While these choices may influence my design decisions, I'm still designing for fixed dimensions.…I'm largely in control of the entire process, and the people that consume this content will…experience it in exactly the same way.…
Now, contrast that with web design.…When I create content for the web, I have to deal with an almost overwhelming set of…variables in how that content will be consumed.…For example, I have to consider the wide variety of browsers and operating systems that people might be using,…whether my content is accessible to screen readers or other accessibility-enabled devices,…how my content will look if and when it's printed, or whether they're attempting to access…my content on any one of the growing number of diverse web-capable devices that don't…
- 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?
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.