Which responsive images solution should you use? There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques. The spreadsheet has the data, but let's digest it through thinking about it through the lens of practical questions. To choose which technique is right for you and your project these questions may help as a guide.
Do I have legacy content? Which really means... do I have legacy content that is impractical to update? The only technique I know of that works with absolutely no markup changes is Adaptive Images. Another question to ask yourself is if you care about legacy content. Do I care about special markup? This is really a sub-question of the above. Do I care about semantics? Some responsive images techniques involve markup which isn't strictly semantic. Share On.
Web Design Dashboard. Firebug. JavaScript. Typetester – Compare fonts for the screen. Web Safe Fonts Preview - Font Tester. Font Tester - CSS Font Comparison Tool. Online Color Scheme Generator. HTML5.