Flexible Videos für Responsive Webdesign

Flexible Videos über HTML5 Neben Bildern werden auch häufig Videos eingebunden. Das Erstellen von flexiblen Videos für Responsive Webdesign funktioniert wie bei den flexiblen Bildern über die CSS-Eigenschaft max-width:100%, solange das Video über HTML5 eingebunden...

Flexible Bilder für Responsive Webdesign

Ein flexibles Grid und optimierte Schriften reicht leider nicht aus um ein gutes Responsive Webdesign zu gestalten. Wenn ein Bild eine fixe Größe hat und die Größe des Bildes nicht in Layout passt, verschieben sich Spalten und Texte ungewollt. Daher sind flexible...

Optimierung von Schriften für Responsive Webdesign

Bei der Umsetzung eines Responsive Webdesigns ist neben dem flexiblem Grid, die Optimierung von Schriften wie Schriftart und Schriftgröße für die unterschiedlichen Geräte und Displays eine wichtige Aufgabe. Im Zusammenhang bei der Optimierung von Schriften sind einige...

Flexibles Grid für Responsive Webdesign

Es gibt drei zentrale Elemente, die ein Responsive Webdesign ausmachen: Ein flexibles Grid Flexible Bilder und Medien Mediaqueries Die wichtigste Eigenschaft eines Responsive Webdesign ist das flexible Gestaltungsraster oder auch Grid genannt. Mit einem flexiblen Grid...

Cascading Stylesheets (CSS)

HMTL Inhalte über Stylesheets steuern Cascading Stylesheets wird auch kurz CSS genannt und ist eine sogenannte deklarative Sprache für Dokumente. Mit CSS kann man die Darstellung der HTML Inhalte steuern und regeln. Es können z. B. die Präsentationen, die Ausgabe, die...