Naučte CSS Grid Layout (Fun Way) s Grid Garden

Většina vývojářů webu zná hru Flexbox Froggy vás naučí základy flexboxu od nuly. Tato bezplatná hra šla virové a je to stále neuvěřitelně cenné pro výuku lidí, jak kódovat flexbox.

Stejný vývojář, který tu hru vyrobil má zbrusu novou hru volal Zahrada mřížky.

Tato hra funguje podobným způsobem, ale vás naučí jak kódovat CSS mřížky. Je to relativně nová funkce, ale je to chytání rychle a Grid Garden je snadno nejlepší způsob, jak se učit.

Vše v Grid Garden následuje podobný styl výuky jako Flexbox Froggy. Byl vytvořen stejným vývojářem, Thomasem Parkem, takže můžete očekávat podobnou úroveň obtížnosti a použitelnosti.

Ve výchozím nastavení začínáte na úrovni jedna a celkem 28 úrovní od začátku do konce. Vždy můžete úrovně přeskočení pokud si myslíte, že jsou příliš tvrdé, ale vždycky je dobré, abych se jim všem podařil.

Pokud nemáte ponětí, jak fungují vlastnosti související s rastrem, ocitnete se v Googlu spoustu slov. Rozložení CSS mřížky je zcela nový modul s vlastní syntaxí a vlastnostmi.

Vřele doporučuji pohrávat si s Grid Garden, kdykoliv budete mít šanci. Je to prakticky CSS vývojářské hřiště pro studium a studium všech různých vlastností rozložení sítě.

Nemůžu říct, že tato hra z vás udělá znalce v CSS mřížkách. Pouze stavební projekty a hodně cvičení vás dovedou na odbornou úroveň. Ale Grid Zahrada je zábavný způsob, jak začít bez všech obvyklých stresu, který jde do učení něco nového.

Celý projekt je zcela zdarma a otevřený na GitHubu, pokud ho chcete stáhnout lokálně ke studiu nebo k rozšíření. Můžete také sdílet své myšlenky s tvůrcem na Twitteru @ thomashpark.