CSS-Grid

Über ein Jahr ist es schon her, seit Firefox mit seiner Version 52 als erster Browser weltweit die neue Spezifikation der CSS-Grid implementiert hat.

Seitdem haben fast alle anderen Browser nachgezogen, was vielen Webseiten innerhalb kürzester Zeit erlaubt hat, dieses neue und mächtige Layout-Tool produktiv zu verwenden.

Weiterlesen…

Rails-Anwendungen auf LibSass umstellen

Seit April 2018 ist Ruby-Sass offiziell deprecated. Damit ist auch das Sass-Gem betroffen, welches Rails-Anwendungen standardmäßig verwenden.

Die Entwickler von Sass empfehlen eine Umstellung auf die LibSass-Alternative. Dies haben wir in einem umfangreichen Projekt getan und uns dabei einigen Hürden erfolgreich gestellt.

Weiterlesen…

CSS Stacking-Kontext und z-index

Man könnte glauben, der z-index ist ganz simpel zu verstehen, jedoch versteckt sich dahinter noch ein komplexeres Thema, welches vielen Webentwicklern nicht bekannt ist: Der Stacking-Kontext, der beim Stapeln von Elementen durchaus mal Probleme bereiten kann.

In diesem Artikel erkläre ich ausführlich, worum es sich bei einem Stacking-Kontext genau handelt, wie sie entstehen und welche Auswirkungen sie auf die Stapelung von Elementen haben.

Weiterlesen…

CSS3 Flexbox

Die Flexbox ist ein sehr mächtiger, umfangreicher Layoutmodus in CSS3. Wir haben uns mit dem Thema beschäftigt und eine ausführliche Anleitung mit einer Reihe von Beispielen erstellt, um dieses komplexe Thema anschaulich zusammenzufassen.

Weiterlesen…