CSS-Layout | Peter Müller

Responsive Navigation mit Progressive Enhancement

4. Dezember 202227. April 2021

In diesem Beitrag erstellen Sie eine responsive Navigation, die immer funktioniert: Ohne JavaScript sehen die Besucher eine vertikale Navigationsliste, mit JavaScript gibt es einen Menübutton, der die Navigation bei Berührung sanft einblendet. In breiten Viewports bekommen die Besucher eine horizontale Navigation.

Sticky CSS Grid Items

4. Dezember 202230. Dezember 2020

Melanie Richards erklärt, wie man position: sticky innerhalb eines Grid-Layouts einsetzen kann.

CSS-Tricks – A Complete Guide to Grid

4. Dezember 202214. Dezember 2020

Eines der besten Nachschlagewerke zum »CSS Grid Layout« ist der »Complete Guide« von CSS-Tricks.com.

CSS-Tricks – A Complete Guide to Flexbox

26. November 202230. November 2020

Eines der besten Nachschlagewerke zum »Flexible Box Layout« ist der »Complete Guide« von CSS-Tricks.com.

Beschreibungslisten gestalten per Grid

14. Dezember 20227. August 2020

Beschreibungslisten, die auch unter ihrem alten Namen Definitionslisten bekannt sind, kann man mit ein paar einfachen CSS-Grid-Anweisungen sehr einfach layouten.

Responsive CSS-Layouts? Ohne float? Echt?

4. Dezember 20228. Juni 2020

Mehrspaltige Layouts wurden in CSS lange Zeit quasi in Notwehr mit Eigenschaften wie float oder position umgesetzt. Das war zwar besser als die HTML-Tabellen der 90er-Jahren, aber alles andere als einfach. Inzwischen geht das viel einfacher.