Responsive Grafiken mit HTML

Responsive Grafiken im Alltag

29,95
Wenn man alle Anwendungsfälle berücksichtigt, wird die Einbindung einer responsiven Grafik sehr aufwendig. Im Alltag muss es also wahrscheinlich Kompromisse geben und Content-Management-Systeme werden uns die Arbeit erleichtern.

Responsive Grafiken per HTML - das ist noch ein sehr, sehr neues Thema, da ist noch vieles im Fluss; es gibt kaum Best Practices, die sich wirklich etabliert haben. Innerhalb von wenigen Wochen kommen neue Erkenntnisse und neue Empfehlungen. Trotzdem ein kleines Fazit. Zunächst einmal ist es viel Arbeit, denn alle Grafiken müssen in verschiedenen Versionen vorliegen. Das muss irgendwie gemacht werden. Es gibt verschiedene Einsatzmöglichkeiten, zunächst "img" und "srcset x" für nicht responsive Webseiten, das reicht, dort wird die Pixeldichte abgefragt. "img", "srcset w" und "sizes" ist für responsive Webseiten die am häufigsten benutzte Möglichkeit. "Picture" & "Co", wenn man die Kontrolle haben will und Art Direction benötigt. Als Nachhilfe für alte Browser gibt es "Picturefill" oder Alternativen wie "respimage" von Alexander Farkas. Und wir hoffen, dass Content-Management-Systeme uns bei dieser Arbeit helfen werden.

Responsive Grafiken mit HTML

In diesem Video-Training lernen Sie, wie Sie mit Attributen und Elementen wie srcset, sizes und responsive Grafiken per HTML einbinden können.

1 Std. 39 min (25 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!