Join Joseph Lowery for an in-depth discussion in this video Preparing for adaptive images, part of Building Mobile Sites with Dreamweaver and WordPress.
I've got good news, and bad news.…The good news is that browsers have gotten much better at rendering images in…smaller sizes when the browser window is reduced.…Images are sharper, and there is much less loss of detail and fuzziness…than there used to be.…The bad news is that browsers still download the full size image at the full…file size, regardless of screen dimensions,…which means slower downloads, increased bandwidth cost, and wasted device resources.…But wait; there's better news.…A PHP-based technique has emerged, called adaptive images, which scales graphics…on the fly, and caches them for small screen use.…
The best news: there is a WordPress plug-in you can install to put this…great technology to use.…The adaptive images technique was developed by Mike Wilcox, whose site,…adaptive-images.com, has all of the details, as well as code you can download and use.…Before we look more closely at the benefits of using adaptive images, let me…break down how it works.…First, a device requests a site page where there is adaptive image…
- 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.