Farben mischen mit HSL

Der HSL Color Picker hilft beim Denken in HSL:

  1. Hue (Farbton) auf dem »Farbkreis« wählen (oberster Balken):
    • Primäre Farben: 0/360° = Rot, 120° = Grün, 240° = Blau
    • Sekundäre Farben: 60° = Gelb, 180° = Cyan, 300° = Magenta
  2. Die reinste Form der Farbe erhalten Sie mit
    • Saturation (Farbsättigung) = 100
    • Lightness (Hellwert) = 50
  3. Saturation verringern bewegt die Farbe Richtung Grau.
  4. Lightness verändern:
    • erhöhen = Farbe geht Richtung Weiß
    • verringern = Farbe geht Richtung Schwarz
  5. Transparenz der Farbe: 0 = durchsichtig, 1 = nicht durchsichtig

Der Würfel links unten neben dem Farbfeld zeigt eine Zufallsfarbe.

Responsive Navigation mit Progressive Enhancement

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.

Weiterlesen

Eine kurze Geschichte der »CSS Resets«

Dieser Beitrag stellt die wichtigsten klassischen CSS-Resets vor, die jeder CSS-Autor kennen sollte, und zeigt dann noch ein paar interessante, moderne Resets. Auch wenn man einen CSS-Reset heute nicht mehr unbedingt benötigt, lohnt sich die Beschäftigung damit, denn man lernt dabei eine Menge.

Weiterlesen

CSS? Da wurschteln wir uns so durch.

Viele Designer und Entwickler lernen CSS durch Versuch und Irrtum, und sammeln dabei im Laufe der Zeit immer mehr Puzzleteile, die aber zusammen oft nicht wirklich ein Ganzes ergeben. »Da wurschteln wir uns so durch«, heißt es dann, aber selbst wenn es klappt, macht es wenig Spaß.

Weiterlesen

HTML? Muss man das lernen?

HTML ist eine vergleichsweise einfache Sprache und wird vielleicht gerade deshalb oft nicht ganz ernst genommen. „H-T-M-L? Das macht bei uns der Azubi!“ oder so ähnlich heißt es dann.

Weiterlesen