Join James Williamson for an in-depth discussion in this video Converting select elements to menus, part of Applied Responsive Design.
- View Offline
- Exercise Files
- Code Practice
Now that we've successfully converted a list menu to a select element, we need to do the…opposite, in case the screen is resized from a small screen to a large one.…So to do that, I am going to be working in index.htm from the 03_16 folder, although…we really sort of just picking up where we left off last time; so if you want to keep…that file open, that's fine.…I am going to scroll down and find my large screen function, and much like the last time,…in the interest of time and boredom of watching me type, I am going to paste some code in…here, and I am just going to scroll up and we're going to go over this line by line and…talk about what it's doing.…
At each stage you can pause the movie, type in the code, and then we can just kind of move on together.…You could probably take a good stab at doing this yourself, because really, all we are doing…is sort of the reverse of what we did before.…So, we are using a lot of the same methodology, a lot of the same functions and methods, but…we're just sort of doing it the other way, 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.