Ismerje meg a CSS Grid Layout-ot (The Fun Way) a Grid Garden-tel

A legtöbb webfejlesztő ismeri a Flexbox Froggy játékot megtanítja a flexbox alapjait a semmiből. Ez az ingyenes játék vírusos volt és még mindig hihetetlenül értékes ahhoz, hogy az emberek tanítsák, hogyan kell kódolni a flexboxot.

Nos, ugyanaz a fejlesztő, aki ezt a játékot tette van egy vadonatúj játék hívott Grid Garden.

Ez a játék hasonló módon működik, de tanít hogyan kell kódolni a CSS rácsokat. Ez egy viszonylag új funkció, de ez gyorsan felzárkózik és a Grid Garden egyszerűen a legjobb módja a tanulásnak.

A Grid Gardenben minden minden a hasonló tanítási stílus mint Flexbox Froggy. Ezt ugyanaz a fejlesztő, a Thomas Park hozta létre, így hasonló nehézségi és használhatósági szintre számíthat.

Alapértelmezés szerint az első szinten egy a összesen 28 szint a kezdetektől a végéig. Mindig átugrási szintek ha úgy gondolja, hogy túlságosan kemények, de úgy vélem, mindig jó, ha mindezeket csak egy frissítővel dolgozom át.

Ha fogalma sincs arról, hogy a hálózathoz kapcsolódó tulajdonságok hogyan működnek, akkor sok szót találsz. A CSS rács elrendezése a teljesen új modul saját szintaxisával és funkcióival.

Nagyon ajánlom, hogy a Grid Garden-en körbejárjanak, amikor megvan az esély. Ez gyakorlatilag a CSS fejlesztői játszótér a különböző rács-elrendezési tulajdonságok megismerésére és tanulmányozására.

Nem mondhatom, hogy ez a játék a CSS-rácsok szakértőjévé teszi. Csak építési projektek és sokan gyakorolhatnak szakértői szintet. De a Grid Garden szórakoztató módja annak, hogy elkezdhessük a szokásos stresszt, ami valami újdonságot tanul.

A teljes projekt teljesen ingyenes és a GitHub-tól nyílt forrásból származik, ha azt helyben szeretné letölteni tanulni vagy bővíteni. Ön is megoszthatja gondolatait a Twitter @thomashpark alkotójával.