Join James Williamson for an in-depth discussion in this video Determining content breakpoints, part of Applied Responsive Design.
Designing for multiple screens often means you're going to need to create several different…versions of the same layout, each one optimized for a range of specific screen sizes.…One of the most common responsive design questions I get is, which devices do I need to target,…or which devices should I target when planning layouts?…To me, that's the wrong question.…It's really not a matter of devices. Now, let's be honest.…Those just come and go all the time, and there's already way too much diversity in terms of…the different ranges of screen sizes to really make targeting the devices themselves practical at all.…
Instead, I recommend letting your content determine when to alter your layout.…So to demonstrate this, I have the breakpoint.htm file open, and you can find this in the 02_03 directory.…And what we have here is a very simple three-column layouts.…Now I've three versions of this layout.…Let me preview this in the browser so that you can see it.…We have our three-column layout. You'll notice the left column is a lot wider than the other…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- 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.