Saturs
- 01. Spēle Flexbox
- 02. Flexbox Froggy
- 03. Flexbox aizsardzība
- 04. Pilnīgs Flexbox ceļvedis
- 05. Flexbox izkārtojuma piemēri
Pateicoties elastīgam tīmekļa dizainam, nekad nav bijis vieglāk, pateicoties flexbox vai Flexible Box Layout. Tas ir spēcīgs CSS modulis, kas sniedz tīmekļa dizaineriem un izstrādātājiem efektīvu un vienkāršu veidu, kā izvietot, izlīdzināt un izplatīt elementus konteinerā. Tas atrisina daudzas izkārtojuma problēmas, kuru risināšanai mēs esam cīnījušies jau ilgu laiku.
Pateicoties dažādiem resursiem, kas pieejami visā tīmeklī, flexbox apmācībai nav jābūt sarežģītai. Izmantojot šīs rokasgrāmatas, resursus un spēles, jūs īsā laikā salieciet savus lokšņu muskuļus.
01. Spēle Flexbox
Spēle Flexbox ļauj vizuāli atrisināt flexbox izkārtojuma mīklas, nerakstot vienu koda rindiņu. Ja esat vizuāli izglītojies, tas jums ir piemērots.
02. Flexbox Froggy
Tiešsaistes spēle, kas iemāca flexbox pamatus, kamēr jūs palīdzat dažām vardēm nokļūt pāri dīķim. Nekad nav bijis tik vienkārši pāriet uz flexbox.
03. Flexbox aizsardzība
Kurš saka, ka flexbox nav nopietns? Šajā spēlē jūs izmantosiet parastos flexbox izkārtojumus, lai novietotu lielgabalus un kavētu tuvojošos ienaidnieku viļņus.
04. Pilnīgs Flexbox ceļvedis
CSS-Tricks ir lielisks resurss visiem jūsu flexbox koda fragmentiem. Noteikti atzīmējiet šo grāmatzīmi.
05. Flexbox izkārtojuma piemēri
Webflow mēs esam izstrādājuši un izveidojuši dažus visizplatītākos flexbox izkārtojumus. Šeit mēs iemācām, kā jūs varat tos viegli izveidot pats.
Šis raksts sākotnēji parādījās net žurnāls 282. izdevums; nopērciet to šeit!