Join James Williamson for an in-depth discussion in this video Dynamically replacing menus, part of Applied Responsive Design.
In our previous series of exercises, we've covered how to change the presentation and…functionality of a menu across multiple devices and screen sizes.…While this can be extremely effective, it's not always the right option.…In some cases it can actually improve usability to convert menus to other elements, like a…select menu that can take advantage of a device's native user interface.…I'm previewing in my browser right now the index.htm file from the 03_14 folder.…
I know we're back to that more simple menu, and I'm going to explain kind of why we're…doing that here in just a little bit, but that's not what I want to focus on.…When I scroll down, you can see that we have a list or a menu of the archived galleries for the site,…so if people want to go look at the photos of Charlotte or something like that, they could go do that.…In this context, within the desktop layout, within a larger-screen layout where we have…a two-column layout, it fits on the screen very easy.…It's really easy to sort of scan through that visually and see all the different galleries…
- 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?
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.