Nilalaman
- 01. Ang Flexbox Game
- 02. Flexbox Froggy
- 03. Pagtatanggol sa Flexbox
- 04. Isang Kumpletong Gabay sa Flexbox
- 05. Mga Halimbawa ng Layout ng Flexbox
Ang paggawa ng tumutugong disenyo ng web ay hindi kailanman naging madali salamat sa flexbox, o Flexible Box Layout. Ito ay isang malakas na module ng CSS na nagbibigay sa mga tagadisenyo sa web at developer ng isang mahusay at simpleng paraan upang mag-ipon, ihanay at ipamahagi ang mga elemento sa isang lalagyan. Nalulutas nito ang maraming mga problema sa layout na matagal na nating pinaglalaban upang malutas.
At salamat sa iba't ibang mga mapagkukunan na magagamit sa buong web, ang pag-aaral ng flexbox ay hindi dapat maging mahirap. Sa mga gabay, mapagkukunan at laro na ito, mai-i-flex mo ang iyong mga kalamnan ng flexbox nang walang oras.
01. Ang Flexbox Game
Pinapayagan ka ng Laro ng Flexbox na biswal na lutasin ang mga puzzle ng layout ng flexbox nang hindi nagsusulat ng isang solong linya ng code. Kung ikaw ay isang visual na natututo, ito ang para sa iyo.
02. Flexbox Froggy
Isang online game na nagtuturo sa iyo ng mga pangunahing kaalaman ng flexbox habang tinutulungan mo ang ilang mga palaka na makatawid sa isang pond. Hindi kailanman naging mas madaling tumalon sa flexbox.
03. Pagtatanggol sa Flexbox
Sino ang nagsasabing hindi seryoso ang flexbox? Sa larong ito gagamitin mo ang mga karaniwang layout ng flexbox upang iposisyon ang mga kanyon at hadlangan ang paparating na mga alon ng mga kaaway.
04. Isang Kumpletong Gabay sa Flexbox
Ang CSS-Tricks ay isang mahusay na mapagkukunan para sa lahat ng iyong mga snippet ng flexbox code. Tiyaking i-bookmark ang isang ito.
05. Mga Halimbawa ng Layout ng Flexbox
Sa Webflow ay dinisenyo at binuo namin ang ilan sa mga pinaka-karaniwang layout ng flexbox sa paligid. Dito itinuturo namin sa iyo kung paano mo malilikha ang mga ito sa iyong sarili.
Ang artikulong ito ay orihinal na lumitaw sa magazine sa net isyu 282; bilhin mo dito!