Grundlagen des Responsive Webdesign

Heutzutage wird eine Webseite von einer Vielzahl von Geräten besucht: Desktops mit großen Monitoren, mittelgroßen Laptops, Tablets, Smartphones und mehr. Um eine optimale Benutzererfahrung zu erzielen, sollte ein Webseiten Layout an verschiedene Geräte angepasst werden.

Weiterlesen

Rey’s CSS Haxx: CSS-Grid

CSS-Grid

Aller guten Dinge sind drei. Das gilt auch für CSS. Denn CSS 3 bringt eine weitere Errungenschaft der Webentwicklung mit sich: das CSS-Grid.

Warum dies eine so revolutionäre Technologie ist, sehen wir, wenn wir uns vor Augen halten, wie Websiten bisher designed wurden. Um den immer komplexeren Designs unserer Webdesigner-Kollegen gerecht zu werden, ist es oftmals nötig, um verschiedene Elemente und Inhalte Container zu packen. Das ist aber leider nicht nur semantisch doof, es generiert auch unnötig viel Code. Der aber leider wiederum nötig ist, um die verschiedenen Elemente korrekt auf der Seite zu platzieren.

Weiterlesen