Naučte sa usporiadanie mriežky CSS (zábavná cesta) s mriežkou Garden

Väčšina webových vývojárov vie, že hra Flexbox Froggy učí vás základy flexboxu od začiatku. Táto voľná hra sa stala vírusovou a je stále neuveriteľne cenná pre učenie ľudí, ako kódovať s flexboxom.

No ten istý vývojár, ktorý urobil túto hru má úplne novú hru volal Grid Garden.

Táto hra funguje podobným spôsobom, ale učí vás ako kódovať mriežky CSS. Je to relatívne nová funkcia, ale je to chytať rýchlo a Grid Garden je jednoducho najlepší spôsob, ako sa učiť.

Všetko v Grid Garden nasleduje a podobný štýl vyučovania ako Flexbox Froggy. Bol vytvorený rovnakým vývojárom, Thomasom Parkom, takže môžete očakávať podobnú úroveň ťažkostí a použiteľnosti.

Štandardne začínate na úrovni jedna s hodnotou a celkom 28 úrovní od začiatku do konca. Vždy môžete preskočiť úrovne ak si myslíte, že niekto je príliš tvrdý, ale zistím, že je vždy dobré pracovať cez všetky ako obnovu.

Ak nemáte predstavu o tom, ako fungujú mriežkové vlastnosti, zistíte, že Googling veľa slov. Rozloženie siete CSS je a úplne nový modul s vlastnou syntaxou a vlastnosťami.

Veľmi odporúčam hrať si s Grid Garden, kedykoľvek máte šancu. Je to prakticky a CSS vývojové ihrisko na štúdium a štúdium všetkých vlastností rozloženia siete.

Nemôžem povedať, že táto hra vás urobí odborníkom v sieťach CSS. Iba stavebné projekty a mnohé praktiky vám môžu priviesť na odbornú úroveň. Ale Grid Garden je zábavný spôsob, ako začať bez bežného stresu, ktorý prináša niečo nové.

Celý projekt je na GitHub úplne bezplatný a otvorený, ak ho chcete stiahnuť lokálne na štúdium alebo rozšírenie. Môžete tiež zdieľať svoje myšlienky s tvorcom na Twitter @ thomashpark.