Impara il layout griglia CSS (The Fun Way) con Grid Garden

La maggior parte degli sviluppatori web conosce il gioco Flexbox Froggy ti insegna le basi della flexbox da zero. Questo gioco gratuito è diventato virale ed è ancora incredibilmente utile per insegnare alle persone come codificare con la flexbox.

Bene, lo stesso sviluppatore che ha realizzato quel gioco ha un nuovo gioco chiamato Grid Garden.

Questo gioco funziona in modo simile ma ti insegna come codificare le griglie CSS. È una funzionalità relativamente nuova, ma è così prendere velocemente e Grid Garden è facilmente il modo migliore per imparare.

Tutto in Grid Garden segue a stile di insegnamento simile come Flexbox Froggy. È stato creato dallo stesso sviluppatore, Thomas Park, quindi puoi aspettarti un livello simile di difficoltà e usabilità.

Per impostazione predefinita, si inizia dal primo livello con a totale di 28 livelli dall'inizio alla fine. Puoi sempre salta i livelli se pensate che qualcuno sia troppo difficile, ma trovo che sia sempre un buon modo di elaborarli tutti proprio come un ripasso.

Se non hai idea di come funzionano le proprietà relative alla griglia, ti ritroverai a cercare su Google un sacco di parole. Il layout della griglia CSS è a modulo totalmente nuovo con la sua sintassi e le sue caratteristiche.

Consiglio vivamente di giocare con Grid Garden ogni volta che ne hai la possibilità. È praticamente a Campo di gioco dello sviluppatore CSS per imparare e studiare tutte le varie proprietà del layout della griglia.

Non posso dire che questo gioco ti renderà un esperto nelle griglie CSS. Solo costruire progetti e praticare molto può portarti ad un livello esperto. Ma, Grid Garden è un modo divertente per iniziare senza il solito stress che va a imparare qualcosa di nuovo.

L'intero progetto è totalmente gratuito e open-source su GitHub se vuoi scaricarlo localmente per studiare o espandere. Puoi anche condividere i tuoi pensieri con il creatore su Twitter @thomashpark.