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 Refresh ohne Reload, dafür mit JavaScript
Seien wir doch mal ehrlich, was ist die am meisten genutzte Taste auf eurer Tastatur? Richtig! F5 - Reload! ;) Das nervige Reloaden einer Seite kann d...


CSS Crush – noch ein CSS Preprocessor aus De...
Ich für meinen Teil bin inzwischen starker Verfechter für den Einsatz von Turbine. Der CSS Preprocessor von Peter Kröner vereinfacht mein Leben nachha...


Der ultimative CSS gradient Generator
CSS Gradients sind nicht nur ein neuer Hype, sondern eine äußerst sinnvolle Sache, da sie helfen, statische Grafiken loszuwerden und schnell austausch...


piCSSel-art – Lustige C64 Sprites in CSS
Dieser ganze HTML5-Spiele-Hype erinnert mich in seinen Resultaten immer mehr an den C64. Immer mehr Klassiker kommen für iOs auf den Markt, ohne das m...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.