Uzziniet, kā CSS režģa īpašības darbojas ar Griddy.io

Ja jūs sekojat līdzi web dizaina tehnoloģijai, jums vajadzētu zināt par CSS tīkliem. Šīs īpašības ir jauni CSS3 formāta papildinājumi un viņi ātri kļūst par attīstītāja labāko draugu.

Nesen mēs aptvēra jautru spēli, lai palīdzētu jums uzzināt CSS režģa īpašības, bet spēles ne vienmēr māca praktiskas idejas. Tādā gadījumā Griddy varētu būt noderīgāka.

Šis bezmaksas webapp ļauj jums pielāgot tīklus reālā laikā un atjaunina tiešraides fragmentus lapā. Varat sajaukt ar savu pielāgoto režģi, definējot kolonnas, notekas un margas un pārstrukturējiet lapu, lai uzzinātu, kā darbojas režģa rekvizīti.

Griddy ir faktiski a bezmaksas mācību rīks, kas paredzēts frontend izstrādātājiem kas vēlas uzzināt vairāk par CSS tīkliem.

Izmantojot šo Webapp, varat pievienot jaunus vienumus tīklā, noņemt citus vienumus un mainīt to izmērus, lai tie atbilstu jebkuram vēlamajam izkārtojumam.

Tīmeklim ir dažādas sadaļas ar dažādiem ievades laukiem režģa rekvizītu rediģēšanai. Tie ļauj pārformatēt režģa rindas / kolonnas, un viņi jums māca tieši to, ko jūs darāt paceļam.

Varat definēt kolonnu nepilnības, izlīdzināt režģa vienumus un spēlēt ar attaisnojuma iestatījumiem - visi caur šiem veidlapas laukiem. Ikreiz, kad veicat izmaiņas, tas automātiski atjauninās priekšskatījumu un zemo koda fragmentu.

Tādā veidā jūs varat vienkārši kopēt un ielīmēt CSS savā stillapā, ja vēlaties ar to sajaukt. Diezgan vēss!

Griddy var nebūt tik jautri kā Grid Garden, bet Griddy ir praktisks veids, kā mācīties un vizuāli saprast kā CSS režģa īpašības ietekmē lapas elementus.

Lai to spēlētu, apmeklējiet Griddy mājas lapu. Varat arī dalīties savās domās vai jautājumos ar veidotāju pakalpojumā Twitter @drewisthe.