Join Morten Rand-Hendriksen for an in-depth discussion in this video Exploring CSS3, progressive enhancement, and graceful degradation, part of WordPress: Building Responsive Themes.
- View Offline
There's one caveat I have to point out before we begin for real.…Media queries and responsive design in general rely on modern browsers to work properly.…By that I mean if the visitor is using an old and outdated browser or an old…computer, they may not get the responsive experience.…In fact, they may get a very different experience altogether.…This is something you have to keep in mind.…The great thing is you can find out who will not see this responsive behavior.…If you go to a site like caniuse.com, they keep track of all the browsers that are…available and what kind of capabilities those browsers have.…
If you scroll down here under CSS, you'll find Media Queries as one of the options.…And media queries is the most important component of responsive design.…Looking at this table here, you'll see that everything in green means that media…queries work and you'll also notice that the only browsers right now who do not…support media queries are Internet Explorer 7 and Internet Explorer 8, and of…
- What is responsive design?
- Installing the Anaximander example theme
- Deciding what screen sizes to target
- Designing menus
- Adding responsive images and video
- Using CSS media queries to apply different styles
- Handling sidebars on mobile displays
- Dealing with footer widgets
- Installing jQuery Masonry