Join James Williamson for an in-depth discussion in this video Structuring content for multiple devices, part of Applied Responsive Design.
One of the things that responsive design really does is it forces you to carefully consider…just how your content regions should be structured.…Our existing requirements on float-based layouts means that source order and the element structure…will directly affect how you're going to be able to repurpose content across multiple…screens and devices.…So, I want to take a look at how would you go about planning your designs and how that…can directly affect how you are going to be structuring your content.…Now, I've got the mockup opened again, but we're not really going to be doing anything…with the mockup per se, so don't feel like you have to open this one up as well; you…can just kind of check out what I am doing here.…
I want to draw your attention to two areas: one in the larger desktop version, and that…is the featured gallery section over here with Philadelphia and the photo and the Join…us as we visit the city of brotherly love, and then the same area over here on tablet…devices, or the tablet layout if you will.…
- 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.