sin3

Responsive Webdesign

Published by Sindre Wimberger on May 15th, 2014

Design / Workflow
Improving Your Responsive Workflow with Style Guides

Der Workflow im Responsive Web Design – Prototyping & Co.
http://blog.kulturbanause.de/2013/06/workflow-responsive-web-design-prototyping/

What We've Learned About Responsive Design
http://www.newfangled.com/contentmgr/showdetails.php/id/24561

Responsive Webdesign Workflow – Sechs Praxistipps
http://www.mobile-zeitgeist.com/2013/06/24/responsive-webdesign-workflow-sechs-praxistipps/

Resources
A collection of resources about the various aspects of responsive web design.
http://bradfrost.github.io/this-is-responsive/resources.html

How to Make Any Website Responsive

Where BBC News developers blog about responsive design.
http://responsivenews.co.uk/

Images

HTML5 Picture Element
The picture Element - W3C Working Draft
A responsive image polyfill
http://scottjehl.github.io/picturefill/

Current users, polyfills, prototypes, and implementations - picture-element
https://github.com/ResponsiveImagesCG/picture-element/wiki/Current-users,-polyfills,-prototypes,-and-implementations

Responsive Images: Use Cases and Documented Code Snippets to Get You Started
http://dev.opera.com/articles/responsive-images/

Responsive Image Rendering in TYPO3 CMS 6.2
http://typo3.org/news/article/responsive-image-rendering-in-typo3-cms-62/

Slideshow: Introduction into Responsive Images (german)
http://maddesigns.de/responsive-images/

Imager.js is an alternative solution to the issue of how to handle responsive image loading, created by developers at BBC News.
http://responsivenews.co.uk/post/50092458307/images
https://github.com/BBC-News/Imager.js/

Mobify.js is an open source library for improving responsive sites by providing responsive images, JS/CSS optimization, Adaptive Templating and more.
http://www.smashingmagazine.com/2013/10/24/automate-your-responsive-images-with-mobify-js/
http://www.mobify.com/mobifyjs/v2/docs/

Responsive Image as Service (RIaS)
http://abhishek-tiwari.com/post/responsive-image-as-service-rias

Image Lightbox, Responsive and Touch‑friendly

Sensible jumps in responsive image file sizes

iFrames

Tables
A group of plugins for responsive tables.
Bootstrap - Responsive tables
http://getbootstrap.com/css/#tables-responsive

Responsive Tabellen – Responsive Retrofitting Teil1
http://maddesigns.de/responsive-tables-2393.html

E-Mail
A workflow for responsive emails using Ink and Grunt
https://medium.com/p/32d607879082

Sindre Wimberger Posted on May 15th, 2014