Join James Williamson for an in-depth discussion in this video Responding to changes in screen size, part of Applied Responsive Design.
Before we can begin dealing with the functionality of the individual menus, we need to address…what happens if the screen is resized.…Now, in real life people don't just resize their screens as often as you see in all those…responsive design demos.…That always cracks me up, actually, when people demonstrate a responsive site and the first…thing I do is keep resizing the browser window over and over again, and people don't really…use the web like that.…But however, it does happen, especially on some smaller devices when you have changes…in things like orientation.…So we're going to write a quick function that's going to handle any screen resizing for us.…
So I'm working on the index file inside the 03_07 directory, kind of picking up right where we left off.…So I'm down there towards the bottom of the page inside our existing script. And I'm just…going to create a new line or two, just below the document ready function, and I'm going…to do another comment here, and I'm going to type in "take care of resizing the window."…
- 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.