Join James Williamson for an in-depth discussion in this video Conditional resource loading, part of Applied Responsive Design.
Where Modernizr really shines as a loader is in its power to conditionally load assets--…that is, loading resources when certain conditions have been met.…In this exercise, we are going to see how conditional resource loading allows us to…test for things like media query support and screen size and then load in the necessary resources.…So I am working from the 06_03 directory.…Once again I have got the index, contact, and Philadelphia.htm files open. We're really picking…up right where we left off,…so if you want to leave your old ones open, that is just fine.…
Now, I want to point something out to you guys. Right now--if I scroll up to the top of the…page--I have a conditional comment at the top of the page that targets Internet Explorer,…and it loads respond.min.js in case it happens to detect Internet Explorer lower than version 9.…That's actually really common.…I have seen that a lot, and what that'll do for you is these conditional comments are…only recognized by Internet Explorer, so other browsers and devices and things will ignore them.…
- 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.