Join James Williamson for an in-depth discussion in this video Expanding submenus through touch, part of Applied Responsive Design.
Touch events can be really tricky. Although you can bind both touch and click events on…an object, binding both can lead to some very unexpected results.…Now, there are some ways around this, but I generally like to pick one or the other, in…terms of how I'm going to handle a menu or an application.…Now, for our responsive navigation, I'm going to use click events for the small screens and…then use touch events for the medium-sized screen; that way you can check both out and…see the pros and cons of using each one of them.…So we're going to start our discovery process by adding click events…that are going to toggle our submenus in the small screen function.…
So I've got the index.htm file open from the 03_09 directory, and I've already scrolled…down into our small menu function that we've been working.…So we're really just sort of picking up where we left off. And what I'm going to do is I'm…going to find the windowState indicator and I'm going to create a little bit of empty…space above that. So this is where our next function is going to go.…
- 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.