Holy grail Layout mit CSS Grid
Das Holy Grail Layout ist ein klassisches Webdesign-Layout, das aus fünf Hauptbereichen besteht: einem Header, einem Footer, einer Hauptinhaltsfläche und zwei Seitenleisten. Der Hauptinhalt ist in der Mitte, flankiert von den Seitenleisten, während Header und Footer sich über die gesamte Breite des Layouts erstrecken. Mit modernem CSS, insbesondere mit Flexbox und CSS Grid, ist es […]
CSS Grid Layout
… oder wollen wir lieber sagen: ASCII Art Layout? Es wird Zeit sich mit einem neuen Layoutmodul auseinanderzusetzen. Lange Zeit waren Floats das Mittel der Wahl für Layouts von Webseiten. Dann kam Flexbox, das aber auch nur partiell Lösungen z.B. für eine Navigationsleiste bietet, da es sich um eine eindimensionales Layoutsystem handelt (eine Zeile oder […]
Element beim Scrollen an einer bestimmten Position anzeigen
Folgendermaßen kann man ein Element auf einer Seite beim Scrollen an einer bestimmten Position fest fixieren. See the Pen stickyheader by uli schaeffler (@ulrischa) on CodePen.