Responsives Webdesign (update)

“Responsives Webdesign bezeichnet ein Design, dass mit einem flexiblen Grid und flexiblen Inhalten auf beliebigen Endgeräten stets das beste Nutzererlebnis bietet. Das Design reagiert auf den Nutzer und dessen Anforderungen.”
Dieter Petereit t3n

Einführung

“What The Heck Is Responsive Web Design?”
Interaktive Präsentation von John Polacek

scrolldeck.js/decks/responsive/

Eine etwas ausführlichere kleine Einführung ins Thema von Eric Nacul

responsive-design-101/

Hier werden unter anderem Fluid Grids und CSS3 media queries auf englisch erklärt

beginners-guide-to-responsive-web-design

Konzept

Welcher Ansatz (App / moblie Site / respoinsve Layout) ist für welche Site das Richtige? Ein Text von Christina Truong

no-screen-left-behind-creating-a-digital-experience-for-multiple-devices/

Brad Frost “For a futurefriendly web mobilism” Sehr gute und lusitge Slide über die Zukunft von Websites

for-a-futurefriendly-web-mobilism-2012

Mobile Website vs. App: Infografik für Entscheider
Ein Text von Sébastien Bonset:

mobile-website-vs-app-394349/

Vergleich der Möglichkeiten einer mobilen Website und responsive Web-Design anhand der Wahlkampseiten von Obama und Romney 2012

http://mobile.smashingmagazine.com

Typografie

Auf dem Blog von iA(Information Architects Inc.) schreibt Oliver Reichenstein eine kurze Anleitung zum Thema Websites und Typografie. Wer Website gestalten will, muss bedenken, dass sie auf möglichst vielen Endgeräten gut lesbar sein muss.

responsive-typography-the-basics