Sužinokite, kaip CSS tinklelio savybės veikia su „Griddy.io“
Jei neatsiliksite nuo interneto dizaino technologijų, turėtumėte žinoti apie CSS tinklus. Šios savybės yra nauji CSS3 formato papildymai ir jie greitai tampa geriausiu kūrėjo draugu.
Neseniai aptarėme įdomų žaidimą, kad galėtume išmokti CSS tinklo savybes, tačiau žaidimai ne visada moko praktinių idėjų. Štai kur Griddy gali būti naudingesnė.
Šis nemokamas žiniatinklis leidžia jums tinkinti tinklus realiuoju laiku ir atnaujinti gyvus fragmentus puslapyje. Galite susieti su savo tinkintu tinklu, nustatydami stulpelius, latakus ir paraštes ir pertvarkydami puslapį, kad sužinotumėte, kaip veikia tinklo savybės.
Griddy iš tikrųjų yra a nemokamas mokymosi įrankis, skirtas „frontend“ programuotojams kurie nori daugiau sužinoti apie CSS tinklus.
Naudodamiesi šiuo žiniatinkliu galite įtraukti naujus elementus į tinklelį, pašalinti kitus elementus ir pakeisti jų dydį, kad jie atitiktų bet kurį norimą išdėstymą.
Tinklalapyje yra skirtingi skyriai su skirtingais įvesties laukais tinklelio savybių redagavimui. Tai leidžia jums performuoti tinklelio eilutes / stulpelius ir moko jus būtent tai, ką darote pakeliui.
Galite apibrėžti stulpelių spragas, suderinti tinklelio elementus ir žaisti su pagrindimo nustatymais - visi šie formų laukai. Kai atliksite pakeitimus, jis automatiškai atnaujins apačioje esantį peržiūrą ir mažą kodo fragmentą.
Tokiu būdu jūs galite tiesiog nukopijuoti ir įklijuoti CSS į savo stilių lentelę, jei norėsite jaustis toliau. Gana kietas!
„Griddy“ gali būti ne taip smagu kaip „Grid Garden“, bet „Griddy“ yra praktiškas būdas mokytis ir vizualiai suprasti kaip CSS tinklo ypatybės veikia puslapio elementus.
Jei norite žaisti su juo, apsilankykite Griddy pagrindiniame puslapyje. Taip pat galite pasidalinti savo mintimis ar klausimais su „Twitter“ @drewisthe kūrėju.
