Saznajte kako CSS Grid svojstva rade s Griddy.io
Ako držite korak s tehnologijom web-dizajna onda biste trebali znati o CSS mrežama. Ta svojstva su nove dodatke u CSS3 formatu i brzo postaju najbolji prijatelj razvojnog programera.
Nedavno smo pokrili zabavnu igru koja će vam pomoći da naučite svojstva CSS mreže, ali igre ne podučavaju uvijek praktične ideje. Tamo je Griddy možda korisnija.
Ovaj besplatni webapp omogućuje vam prilagodite rešetke u stvarnom vremenu i ažurirajte isječke uživo na stranici. Možete se zabavljati sa svojom prilagođenom rešetkom definiranjem stupaca, oluka i margina te restrukturirati stranicu da biste saznali kako funkcioniraju svojstva mreže.
Griddy je zapravo a besplatni alat za učenje koji je izrađen za razvojne programere koji žele razumjeti više o CSS mrežama.
S ovim webapp možete dodati nove stavke u mrežu, ukloniti druge stavke, te ih promijeniti veličinu da stane bilo koji izgled koji želite.
Webapp ima različite odjeljke s različitim poljima za unos za uređivanje svojstava mreže. Oni vam omogućuju ponovno oblikovanje redova / stupaca mreže i uče vas točno ono što radite Putem.
Možete definirati praznine u stupcima, poravnati stavke mreže i igrati se s postavkama opravdanja - kroz ova polja obrazaca. Kada napravite promjenu, automatski će ažurirati pregled i mali isječak koda ispod.
Na taj način možete jednostavno kopirati i zalijepiti CSS u svoj stilski list ako se želite dodatno zabrljati. Baš super!
Griddy možda nije tako zabavna kao Grid Garden, ali Griddy je praktičan način učenja vizualno razumjeti kako svojstva rešetke CSS-a utječu na elemente stranice.
Za igranje s njom samo posjetite početnu stranicu Griddy. Također možete podijeliti svoje misli ili pitanja s tvorcem na Twitteru @drewisthe.
