Responsive Webdesign: Konzepte, Techniken, Praxisbeispiele

Intro -- Vorwort -- 1 Denken in flexiblen Strukturen -- 1.1 Responsive Webdesign: Was bedeutet das eigentlich? -- 1.1.1 Veränderte Anforderungen an die Darstellung von Websites -- 1.1.2 Anpassungsfähige Websites versus Mobilversionen von Websites -- 1.1.3 Beispiele für anpassungsfähige Websites -- 1...

Ausführliche Beschreibung

Gespeichert in:
Bibliographische Detailangaben
Hauptverfasser: Ertel, Andrea ca. 20. Jh (VerfasserIn), Laborenz, Kai ca. 20. Jh (VerfasserIn)
Format: Elektronisch E-Book
Sprache:German
Veröffentlicht: Bonn Rheinwerk Verlag 2017
Ausgabe:3., aktualisierte und erweiterte Auflage
Schlagworte:
Online-Zugang:TUM01
Zusammenfassung:Intro -- Vorwort -- 1 Denken in flexiblen Strukturen -- 1.1 Responsive Webdesign: Was bedeutet das eigentlich? -- 1.1.1 Veränderte Anforderungen an die Darstellung von Websites -- 1.1.2 Anpassungsfähige Websites versus Mobilversionen von Websites -- 1.1.3 Beispiele für anpassungsfähige Websites -- 1.2 Layouttypen, feste, fluide und flexible -- 1.2.1 Das feste Layout -- 1.2.2 Das fluide und das elastische Layout -- 1.2.3 Das adaptive Layout -- 1.2.4 Das responsive Layout -- 1.3 Flexible Raster - Gridsysteme -- 1.3.1 Anwendungsbeispiel: Fixes Raster in flexibles umrechnen -- 1.4 Layoutumbrüche - Breakpoints -- 1.4.1 Adaptives oder responsives Layout -- 1.5 Zusammenfassung -- 2 Schnelleinstieg: Responsive Umsetzung eines fixen Layouts -- 2.1 Die Ausgangslage: Ein grafischer Entwurf mit festen Abmessungen -- 2.2 Der erste Schritt: Feste Raster in flexible umrechnen -- 2.3 Der zweite Schritt zu mehr Flexibilität: Anpassungsfähige Inhalte -- 2.3.1 Exkurs: Flexible Bilder -- 2.4 Der dritte Schritt: Layouts mit Media Queries umschalten -- 2.4.1 Exkurs: Media Queries -- 2.5 Zusammenfassung -- 3 Die Schlüsseltechnologie Media Queries -- 3.1 Cascading Stylesheets (ein kurzer Rückblick) -- 3.1.1 Zuweisung von CSS-Eigenschaften -- 3.2 Medientyp (Media Type) -- 3.2.1 Medienabfrage für den Medientyp setzen -- 3.2.2 Medientypen in der Übersicht -- 3.3 Medieneigenschaften (Media Features) -- 3.3.1 Medieneigenschaften in der Übersicht -- 3.4 Media Queries schreiben -- 3.4.1 Komponenten eines Media Querys -- 3.4.2 Media Queries zuweisen -- 3.5 Viewports und Pixel -- 3.5.1 Der visuelle Viewport -- 3.5.2 Der Layout-Viewport auf mobilen Geräten -- 3.5.3 Gerätepixel und CSS-Pixel: Der »virtuelle« visuelle Viewport -- 3.5.4 Das Viewport-Metatag und seine Eigenschaften -- 3.5.5 Die @viewport-Anweisung in CSS -- 3.6 Media Queries in der Praxis
Beschreibung:Description based on publisher supplied metadata and other sources
Beschreibung:1 Online-Ressource
ISBN:9783836245807

Es ist kein Print-Exemplar vorhanden.

Fernleihe Bestellen Achtung: Nicht im THWS-Bestand!