• What?
  • Who?
  • Contact Jonathan Jeter
  • Privacy Policy

Jonathan Jeter

Director of Application Development

  • Jonathan Jeter on Google+
  • Jonathan Jeter on Facebook
  • Follow Jonathan Jeter on Twitter
  • Jonathan Jeter on LinkedIn
  • Jonathan Jeter's rss feed
Home Archives for css media queries

Adaptive Images for Responsive Web Design

February 2, 2013 By Jonathan Jeter Leave a Comment



by Christopher Schmitt at HTML5 Texas Conference, Austin, Texas (Deck)

“The open web doesn’t stop at our desktop. Smart phones and tablets not only contain more computing power and better browsers than the computers that started the Internet economy, they have better displays.In this session presented by Christopher Schmitt, we will work through tips and tricks to develop future friendly images in our sites and apps.”

Adaptive Images in Responsive Web Design

Think about the iPad, which presents so many design challenges. It can be wi-fi only or 3G, so bandwidth issues can be present. It has retina, so there can be display issues. When you design for web, you want to have great-looking images, but how do we get higher resolution images to those devices.

Why don’t we ask the browser? http://www.usearagentstring.com/ Available since the first browser Mozilla/1.0 (Win3.1), but browser put tons of stuff in the user agent string and can be spoofed. Instead of asking the browser, we do feature testing.

Read the rest of Adaptive Images for Responsive Web Design

Like this:

Like Loading...

Filed Under: HTML5, Web Development Tagged With: Adaptive Images, add if-lese html, Bandwidth Media Queries, Better browsers, Browser Sniffing Browser, Christopher Schmitt, Christopher Schmitt Mobile, Christopher Schmitt Mobile devices, conference notes, css media, css media queries, design challenges, desktop images, font Compressed jpegs, font-based solutions, fonts Icon Fonts, future friendly images, great-looking images, high speed/high density, higher resolution, higher resolution experience, higher resolution images, HiSRC Filament .htaccess, HTML5 Broilerplace jQuery, HTML5 Texas, HTML5 Texas Conference, img > media, internet connection, Internet economy, jpegs FitText Native, larger images, longer download times, media queries, mobile device, mobile devices, native speed, native speed test, open web, Ready Images, responsive image format, responsive path, responsive web, Responsive Web Design, responsive web Retina, Retina display, retina images, right size image, script src=, Smart phones, speed test, speed test IMG, Speed Tests, Speed Tests Hinder, spikes. imageoptim IMG, SVG font-based solutions, Technology Internet, Texas conference, user agent string, user experience, Web Design, Web Design Developing, width Speed Tests

Stuff I Like to Talk About:

  • Business
  • Digital Imaging
  • Internet Marketing
    • Email Marketing
    • SEM / Paid Search
  • Life
  • Other Stuff
    • Health
    • Taekwondo (TKD)
  • Sports
    • Football
  • Technology
    • Augmented Reality
    • Awesome or Scary?
    • Marketing Technology
      • Data / Analytics
      • Omnichannel
    • Mobile
      • Android
    • Virtual Reality
  • User Interface / User Experience Design
  • Web Development
    • Browsers
    • CSS
    • Front-End Development
    • Google+ (Google Plus)
    • HTML5
    • JavaScript
    • jQuery
    • Mobile
    • MVC
    • Responsive Design
    • SEO
    • Social Media
    • UI/UX
    • WordPress

HTML

  • HTML Entities

JavaScript

  • MEAN.js

My Sites

  • Head Turning Media
  • Jonathan Jeter (Brand Yourself)
  • My Humor

Online Experts

  • Bryan Eisenberg
  • Danny Sullivan
  • Duane Forrester
  • Keith Brown
  • Louis Gray
  • Matt Cutts

UI / UX

  • Jared Spool
  • Paul Jeter
FreshBooks
Genesis Framework for WordPress Premise Landing Pages Made Easy

Most Popular

  • Exploring Standard Ad Unit Sizes: Google AdSense 300…
  • The Relentless Pursuit of the Right Answer: Why…
  • To The Moon And Back: Taking The Leap Towards…
  • Looking for Instagram or Android fonts or logos and…
  • Verizon Wireless – My Favorite Mobile Provider
  • My Notes on “Marketing Technology as Force…
  • Exploring Standard Ad Unit Sizes: Google AdSense…
  • In Data We Trust
  • A Brief History of the Complete Redesign of Google…
  • Ultimate Engagement: Data Driven Email Tactics

Copyright © 2025 Jonathan Jeter

 

Loading Comments...
 

    %d