Научите како ЦСС Грид Пропертиес раде са Гридди.ио

Ако будете пратили технологију веб дизајна онда бисте требали знати о ЦСС мрежама. Ова својства су нове додатке у ЦСС3 формату и брзо постају најбољи девелопер.

Недавно смо покрили забавну игру која ће вам помоћи да научите својства ЦСС мреже, али игре не подучавају практичне идеје. Тамо је Гридди можда кориснија.

Овај бесплатни вебапп вам омогућава прилагодите решетке у реалном времену и ажурирајте исјечке уживо на страници. Можете да се мешате са својом прилагођеном мрежом тако што ћете дефинисати колоне, олуке и маргине, и реструктурирати страницу да бисте сазнали како функционишу решетке.

Гридди је заправо а бесплатни алат за учење направљен за фронтенд програмере који желе да разумеју више о ЦСС мрежама.

Помоћу овог вебапп-а можете додати нове ставке у мрежу, уклонити друге ставке и промијенити величину како би одговарали било којем жељеном распореду.

Вебапп има различите секције са различитим пољима за унос за уређивање својстава мреже. Ово вам омогућава да поново формирате редове / колоне мреже и они вас уче тачно оно што радите успут.

Можете дефинирати празнине у ступцима, поравнати ставке мреже и играти се с поставкама оправдања - кроз ова поља обрасца. Када направите промену, аутоматски ће ажурирати преглед и мали исјечак кода испод.

На тај начин можете једноставно копирати и залијепити ЦСС у свој стилски лист ако желите да се још више забрљате с њим. Прилично кул!

Гридди можда није тако забавна као Грид Гарден али Гридди је практичан начин да се научи и визуелно разумети како својства решетке ЦСС утичу на елементе странице.

Да бисте се играли са њим, посетите почетну страницу Гридди. Такођер можете подијелити своје мисли или питања с креатором на Твиттеру @древистхе.