Artikel über CSS

Seit kurzem verfügt Aureola über einen Dark-Mode. Über die kleine Sonne rechts oben im Header kannst Du zwischen der hellen und dunklen Variante der Seite hin und her schalten. Dein Browser merkt sich Deine Auswahl. Wie das genau funktioniert und wie Du das selber in Tailwind umsetzen kannst, erkläre ich Dir in diesem Artikel.

Damit uns Entwicklern nicht langweilig wird, denken sich Designer gerne neue Gimmicks für Webseiten aus. Zum Beispiel so etwas schönes wie Textfeld-Labels, die sich beim Fokus auf das Feld verschieben. Ich nenne sie einfach mal "dynamische Labels". Sowas kann man natürlich mit JavaScript realisieren. Oder man missbraucht ein HTML5-Feature für seine Zwecke und kommt ganz ohne JavaScript aus. Ich zeige Euch heute beide Varianten.

Einen festen Header zu erstellen, der dynamisch auf Scroll-Ereignisse reagiert, ist nicht schwierig. Ihr braucht dafür keine Bibliothek oder irgendein Widget. Alles was Ihr benötigt sind ein paar Zeilen JavaScript und ein wenig CSS. Nun... und Ihr braucht ein Header-Element irgendwo in Eurer Webseite.

Letzten Monat habe ich Euch Simply Build vorgestellt. Ein Helper-Tool zur Verwaltung Eurer Tasks und Build-Prozesse. Heute möchte ich Euch eine kleine Sammlung von Simply-Tasks vorstellen, die Euch den Einstieg in Simply erleichtern sollen. Jeder Task funktioniert unabhängig voneinander und prinzipiell auch unabhängig von Simply Build.

Vor kurzem stieß ich beim Googeln auf einen etwas älteren Blogeintrag über LESS. Der Eintrag ist äußerst euphorisch und spiegelt, so scheint es zumindest, die einhellige Meinung vieler weiterer Blogs zu diesem Thema wieder. Er trägt den Titel "Write Better CSS with Less". Interessanter als den Artikel selbst, fand ich allerdings die Diskussion, die sich in den Kommentaren unterhalb des Eintrags abspielte. Da die dynamische Stylesheet-Sprache nun schon seit etwa einem Jahr zu meinen Arbeitsinstrumenten, nahm ich diesen Zufallsfund zum Anlass für mich selbst ein Resümee zu ziehen.