JEET ist ein flexibles Gridsystem, welches keine Grideigenschaften in die Klassennamen schreibt, wie man es von anderen Grid Systemen gewohnt ist. Dadurch bleibt das HTML auf das Wesentliche reduziert.
Weiterlesen
Kategorie-Archiv: CSS
SASS: Reset Import
Die Import-Funktion kennt man ja bereits schon aus dem herkömmlichen CSS. Geändert hat sich nur die Schreibweise. Weiterlesen
Einführung in SASS
Mit SASS lässt sich CSS leichter und kompakter schreiben. Die Stylesheet-Sprache kann aber nicht wie herkömmliches CSS direkt vom Browser gelesen werden, sondern benötigt einen Compiler, der aus SASS das CSS generiert.
In meinem Beispiel verwende ich das einfach zu installierende Koala. Dieses Programm ist für OSX, Windows und Linux verfügbar. Weiterlesen
three-column css grid
In diesem CSS Beispiel erstelle ich ein responsive 3er Raster in der Flat Screen Optik für eine mobile HTML App. Ein Feld soll hierbei aber 2×2 Zellen groß sein. Die Zellen werden mit einer 1px breiten Linie getrennt. Weiterlesen
jQuery mobile startscreen
Hier habe ich mal ein Startscreen in CSS und jQuery erstellt. Dies kann man zb. als vollflächigen Startscreen für mobile Apps verwenden. Ziel ist es, eine Intro Grafik für eine HTML Anwendung, zentriert in angepasster Höhe und Breite des Displays auszugeben und nach einigen Sekunden auszublenden. Weiterlesen