Ir sajūta, ka CSS Grid ir ieradies jau ilgu laiku, taču šķiet, ka tas tikai tagad sasniedz punktu, kurā ļaudis arvien vairāk runā par to un ka tas kļūst par kaut ko tādu, kas mums būtu jāmācās. Pēdējo pāris nedēļu laikā es sāku lasīt dažus ierakstus un spēlējos ar sintaksi, bet palūdzu savai kolēģei CSS-Trickster Miriam Suzanne ar to sazināties ar mani video Hangout sesijā.
Mēs pavadījām laiku, pokingot uz pašiem CSS Grid pamatiem, un mēs uzzinājām, ka ir daudz mazāk biedējoši sākt to izmantot, nekā kāds no mums gaidīja. Mēs sākam ar vienkāršu piemēru un pēc tam nūdelējam ceļu caur CSS režģa īpašībām, lai uzzinātu, ar kādām citām lietām tas spēj rīkoties, nenokļūstot pārāk tālu nezālēs.
Šeit ir daži resursi, kurus mēs pieminējām tērzēšanas laikā un kurus ir vērts saistīt ar:
- Pilnīgs režģa ceļvedis - visaptverošs CSS režģa pārskats, tostarp tā īpašības un svarīgu terminu un jēdzienu vārdnīca.
- CodePen demonstrācija - šis ir vienkāršais piemērs, ar kuru mēs sākām videoklipā un virzījāmies tālāk.
- CSS režģis un režģa marķieris - šis rīks tika minēts beigās, un tas nodrošina veidu, kā vizualizēt režģa izkārtojumu, izmantojot Firefox DevTools.