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

 

 

Technik

responisives Web Design (Artikel auf deutscht) Juergen Liechtenecker

responsive-webdesign-die-basics/

 

Chris Spooner zeigt wie man Media Queries responsive Sites erstellt.

create-a-responsive-web-design-with-media-queries

 

Grundlagen mit CSS3 und HTML5
responsive-webdesign-html5-css3-grundlagen-335305

 

Videos einfach skalieren

fitvidsjs.com

 

 

Templates und Frameworks

Linksammlung
responsive-web-design-templates-and-frameworks

Framework von Twitter – Sleek, intuitive, and powerful front-end framework for faster and easier web development.

http://twitter.github.com/bootstrap/

 

Linkliste

Responsive Design von Jens Franke

responsivewebdesign0312

 

Beispielsites für responsives Layout

bearded.com/

 

mediaqueri.es/

 

siteinspire.com/responsive-design

 

starbucks.com/

 

2016-10-25T16:26:15+00:00

Schreiben sie uns einach

Email

Oder rufen Sie uns an

+49 30 847 10 654