Join James Williamson for an in-depth discussion in this video Using jQuery for menu behavior, part of Applied Responsive Design.
- View Offline
- Exercise Files
- Code Practice
I'm a firm believer in keeping things about as simple as possible.…If it can be done through HTML and CSS alone, I'm likely to use that solution over one…that uses client- or server-side scripting.…However, there are times that you need scripting to help with functionality, and that's certainly…going to be the case with our responsive menu.…Now, for our menu, we're going to use jQuery to help the menu respond to changes in screen…size, respond to click and touch events, and become more efficient in smaller screen sizes.…In this exercise, we're going to create the bare bones of our menu functions and then give…you a general overview of what the jQuery is going to be doing for us.…
Now, if you've never used jQuery before, don't panic; we're going to go through all the code.…We'll type it line for line for the most part, although there will be some times where I'm…pasting the code in and having you type it.…But we'll still explain what the code is doing and why it's doing it, and what it's doing…
- 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.