Gartenarbeit mit CSS

Mit CSS Grid lassen sich Bereiche in Zeilen und Spalten aufteilen und so responsive Designs erstellen. Thomas Park bietet Anfängern in seinem Onlinespiel die Möglichkeit, die Grundlagen von CSS Grid spielerisch zu erlernen. Im Spiel müssen in 28 unterschiedlichen Leveln verschiedene Gartenarbeiten mit Hilfe von CSS-Befehlen erledigt werden. Wie nicht anders zu erwarten ist die Spielfläche durch ein Raster in verschiedene Felder aufgeteilt. Werden in einer Aufgabe die korrekten Felder selektiert, hat man das Level erfolgreich absolviert und erhält eine neue Aufgabe mit einem leicht höheren Schwierigkeitsgrad. Nach erfolgreichem Abschluss des Spiels kennt man die grundlegendsten Konzepte von CSS Grid.

Im Grid Garden muss man mittels CSS-Befehlen dafür sorgen, dass die Karotten auch immer genügend Wasser erhalten. (Screenshot: cssgridgarden.com).

  • Autor David Maissen
    Der Aargauer hat seine gesamte berufliche Laufbahn in der grafischen Branche absolviert und kann auf fünfzehn spannende Jahre als Polygraf zurückblicken. Zusätzlich zu seiner Erfahrung in den Bereichen Publishing und Digitaldruck hat er durch seine Ausbildung im Bereich Informatik das Skripten und Konzipieren von Workflows für sich entdeckt. Nebst diesen eher technischen Aspekten begeistert er sich aber auch für gutes Design und Themen wie «User Experience».
  • Rubrik Tipps & Tricks
  • Dossier: Tricks im Web
  • Thema CSS

Kommentieren

7 + 1 =

*Pflichtfelder

Ihre Persoenlichen Daten werden nicht veroeffentlicht oder weitergegeben.