2014_Wi-AP-U12-Responsive Design-KV

hier schon mal verwandte Artikel:

 

Links:

http://media.kulturbanause.de/blog/2012/11/responsive-webdesign/index.html#/9

Grid – eine einfache Einführung in Responsive Webdesign

Grid – eine einfache Einführung in Responsive Webdesign

Grid – eine einfache Einführung in Responsive Webdesign Autor: Ilja ZaglovDatum: 24.05.2014, 13:42 Uhr Willst du schnell den Einstieg in Responsive Webdesign finden oder die Basics auffrischen? Mit diesem Tutorial ist beides kein Problem. Grid – eine einfache Einführung in Responsive WebdesignGrid LogoResponsive Webdesign ist keine Zauberei: Dennoch ist die richtige Herangehensweise an die Herausforderungen…

[Weiterlesen]

Responsive Webdesign Workflow

Responsive Webdesign Workflow

Responsive Webdesign verkaufen: So sieht der optimale Workflow aus Mit „Responsive Webdesign“ werden oft nur die technischen Komponenten in Verbindung gebracht – wie Breakpoints, Responsive Images und progressive Enhancement. Kein Wunder, dass RWD-Projekte zum Scheitern verurteilt sind. Denn Responsive Webdesign ist deutlich mehr. Es ist eine (im Grunde gar nicht so) neue Sicht auf den…

[Weiterlesen]

Responsive Webdesign

Responsive Webdesign testen mit Duo

Responsive Webdesign testen mit Duo

Duo ist ein Browser, der dabei helfen soll, Responsive Webdesign zu testen. Dazu stellt er eine mobile Ansicht neben einer Desktop- oder Tablet-Ansicht dar.   Responsive Webdesign: Duo hilft beim Testen von Webseiten. (Bild: Apple App-Store) Responsive Webdesign: Duo hilft beim Testen von Webseiten. (Bild: Apple App-Store)   Respsonsive Webdesign: Duo soll die Arbeit vereinfachen…

[Weiterlesen]

Adaptive Website vs. Responsive Website

Ein kurzer Screencast, der euch an zwei Live-Beispielen den Unterschied zwischen den Website-Typen „Adaptive“ und „Responsive“ zeigt. Das Video ist Bestandteil des Artikels „Adaptive Website vs. Responsive Website“

Das ist doch gar nicht „responsive“!

Das ist doch gar nicht „responsive“!

  Responsive, Adaptive, Fluid, Mobile First oder Elastic – wir alle haben davon gehört, aber was bedeuten diese Begriffe eigentlich genau? Ein Guide ohne eine einzige Zeile Code. Vor drei Jahren, genauer gesagt am 25. Mai 2010, hat Ethan Marcotte einen legendären Artikel auf „A List Apart“ veröffentlicht, der die Web-Entwicklung nachhaltig verändert hat. Fast…

[Weiterlesen]

Was bedeutet Media Queries / Media Query?

Was bedeutet Media Queries / Media Query?

Bei einem Media Query handelt es sich um ein CSS-Technik, mit der innerhalb eines Stylesheets gerätespezifische Eigenschaften abgefragt werden können. Zu diesen Eigenschaften gehören beispielsweise die Größe des Viewports, die Abmessungen des Bildschirms, die Auflösung des Displays oder die Ausrichtung eines mobilen Endgeräts (Hoch- oder Querformat). Media Queries sind elementarer Bestandteil des sog. „Responsive Webdesign“;…

[Weiterlesen]

Responsive Webdesign (Videos)

Mobile First, Content First – Responsive Webdesign – MyVideo

Was ist Responsive Webdesign?

Was ist Responsive Webdesign? Responsive Webdesign beschreibt eine Technik des Webdesigns, die es ermöglicht, Internetseiten auf diversen Endgeräten anzuzeigen, ohne dass der Nutzer hierfür unterschiedliche Versionen aufrufen muss. Vielmehr erkennt die Website selbst, welche Version für das Gerät des Nutzers die richtige ist, und spielt jedem Besucher die für ihn optimale Ausgabe aus. So werden…

[Weiterlesen]

Media Query

Linkliste: Artikel zum Thema Media Query