CSS Grids lernen mit Grid Garden

CSS Grid Garden

Es ist ja noch gar nicht so lange her das ich über Flexbox Froggy berichtet habe. Mit dem Spiel kann man einfach und schnell den Umgang mit Flexboxen erlernen. Es gibt nun ein recht ähnliches Spiel, das sich aber mit CSS Grids beschäftigt. Eine kurze Einführung in das Thema CSS Grid Layout findet ihr hier.

Das Spiel fängt relativ harmlos an, gegen Ende wird es aber durchaus komplex. Das Spiel an sich findet ihr hier. Der Quelltext des Spiels ist auf GitHub zu finden. Ich finde diese Möglichkeit den Umgang mit dem neuen Grid Layout zu erlernen super! Man sieht direkt was passiert. Wenn man alle Level geschafft hat weiß man auch ziemlich genau was geht, und was nicht.

Ähnliche Beiträge

CSS GrundgerĂĽst automatisch erstellen lassen Der erste Wurf eines Templates ist recht nervig. Ich weiss nicht wie ihr vorgeht, aber ich beginne erst einmal damit die komplette Struktur in HTML au...
Landkarten als Font – Map Glyphs Wer den Blog schon länger verfolgt weiß durchaus, das ich mich sehr viel mit der Darstellung von Objekten auf Landkarten und Umkreissuchen beschäftige...
Einfaches HTML Testing mit dem HTML Inspector Damals, als ich noch den Firefox verwendet habe, gab es ein nettes Tool mit dem man testen konnte ob HTML valide ist. Dann kam HTML5, alles wurde ande...
Lint fĂĽr CSS Und noch ein Lint! Ăśber das fĂĽr jQuery habe ich ja bereits berichtet, nun gibt es das Ganze auch fĂĽr CSS als Webapp mit dem Namen CSS Lint. Frei nach ...

Schreibe einen Kommentar