sin3

Tag: image

HTML5 Picture Element

Published by Sindre Wimberger on June 17th, 2014

The picture Element - W3C Working Draft

A responsive image polyfill
http://scottjehl.github.io/picturefill/

Chrome 34 Beta: Responsive Images and Unprefixed Web Audio
http://blog.chromium.org/2014/02/chrome-34-responsive-images-and_9316.html?m=1

image longdesc

Published by Sindre Wimberger on June 16th, 2014




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

WPO - Web Performance Optimization

Published by Sindre Wimberger on March 14th, 2014

Image Optimization

Extract & Inline Critical-path CSS from HTML (alpha)
https://github.com/addyosmani/critical

A Look At The Current Responsive Design Landscape (And How To Speed It Up)
http://sideproject.io/a-look-at-the-current-responsive-design-landscape/

Breaking news at 1000ms – Patrick Hamann at Front-Trends 2014
http://vimeo.com/100505617

What Every Frontend Developer Should Know About Webpage Rendering
http://frontendbabel.info/articles/webpage-rendering-101/



How we make RWD sites load fast as heck
http://filamentgroup.com/lab/performance-rwd.html


Ressourcen: