Več o tem, kako CSS Grid lastnosti delujejo z Griddy.io

Če ste na tekočem z web design tech potem morate vedeti o CSS mrež. Te lastnosti so novih dodatkov v formatu CSS3 in hitro postajajo najboljši razvijalec.

Pred kratkim smo zajeli zabavno igro, ki vam bo pomagala pri učenju lastnosti mreže CSS, vendar igre ne poučujejo vedno praktičnih idej. Tam bi bil Griddy bolj koristen.

Ta brezplačna spletna aplikacija vam omogoča prilagodite omrežja v realnem času in posodobite odrezke v živo na strani. Svojo mrežo po meri lahko zmešate tako, da določite stolpce, žlebove in robove ter prestrukturirate stran, da boste izvedeli, kako delujejo lastnosti omrežja.

Griddy je pravzaprav a brezplačno orodje za učenje za razvijalce frontendov ki želijo razumeti več o CSS mrežah.

S tem webappom lahko v mrežo dodate nove elemente, odstranite druge elemente in jih spremenite po velikosti, da se prilega kateri koli postavitvi.

Webapp ima različne dele z različnimi vnosnimi polji za urejanje lastnosti mreže. Ti vam omogočajo ponovno formatiranje vrstic / stolpcev mreže in vas naučijo točno to, kar počnete spotoma.

V teh poljih obrazcev lahko določite vrzeli v stolpcih, poravnate elemente v mreži in se igrate z nastavitvami opravičevanja. Vsakič, ko naredite spremembo, bo samodejno posodobil predogled in manjši odrezek kode pod njim.

Na ta način lahko preprosto kopirate in prilepite CSS v svoj slogovni list, če se želite še bolj zapletati. Precej kul!

Griddy morda ni tako zabavna kot Grid Garden, vendar Griddy je praktičen način za učenje in vizualno razumeti kako lastnosti CSS mreže vplivajo na elemente strani.

Če se želite z njim igrati, obiščite domačo stran Griddy. Lahko tudi delite svoje misli ali vprašanja z ustvarjalcem na Twitterju @drewisthe.