Join Joseph Lowery for an in-depth discussion in this video Working with changes in orientation, part of Building Mobile Sites with Dreamweaver and WordPress.
Call me silly, but I still get a little thrill whenever I flip my phone…or tablet from portrait to landscape, or vice versa, and the display smoothly rotates.…It's great for the user, but how does a Web designer handle changes in orientation?…Frankly, it's been a bit of a rough road, but the dust is beginning to settle, and…standard techniques are emerging.…For a while, designers were relying on the viewport meta tag, with specific…device width values, like 320, or 768, to create proper media queries for…changes in orientation.…
Unfortunately, this approach fails when certain devices -- namely, the iPhone -- report…the same width, regardless of the orientation.…What was worse; those same devices didn't support the orientation keyword.…Happily, browsers have stepped up, and now support for orientation is getting…better, although it's still not totally universal.…One approach, other than using the orientation keyword, is to use a combination of…min-width and max-width values, to specify the dimensions of a landscape device.…
- Setting up an existing WordPress site
- Targeting configurable site elements
- Setting up media queries
- Preparing for adaptive images
- Styling a blog for tablets
- Restructuring navigation for different-sized displays
- Developing a WordPress site for phones
Skill Level Intermediate
Dreamweaver and WordPress: Core Conceptswith Joseph Lowery5h 44m Intermediate
WordPress Themes: Photography Portfolioswith Morten Rand-Hendriksen53m 2s Intermediate
1. Preparing Your Site to Go Mobile
Understanding media queries3m 50s
2. Retrofitting for Multiple Screens
3. Implementing a Full Mobile Redesign Strategy
4. Styling a Blog for Tablets
5. Developing a WordPress Site for Phones
- 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.