Sužinokite apie „CSS Flexbox“ Lynda.com

• Gegužė 2, 2024

Po dešimties metų, kurie visą gyvenimą trunka internete, nusprendėme MUSED literatūros apžvalgos svetainei suteikti naują išvaizdą. Žinoma, mes norėjome naudoti naujausius HTML ir CSS, tai reiškia, kad reikia naudoti „Flexbox“, CSS tinklelį ir „Responsive Web Design“.

Lynda.com dėka ilgai laukti greičio nereikėjo. Žemiau yra tik keletas geriausių vaizdo įrašų vadovėlių, kurie man padėjo sukurti naują MUSED išvaizdą.

Pažangios reaguojančios struktūros su CSS Flexbox
Mortenas Rand-Hendriksenas
Šiame projekto pagrindu parengtame kurse autorius žingsnis po žingsnio nukelia jus į „Flexbox“ meniu, reaguojančių kortelių išdėstymą, „Holy Grail“ išdėstymą ir interaktyvius komponentus.

Išplėstiniai CSS maketai su tinkleliu
Mortenas Rand-Hendriksenas
Šiame kurse jūs išmoksite daug. Autorius pradeda nuo „CSS Grid“ pagrindų ir tinklelio išdėstymo planavimo. Tada būsite pasirengę sukurti kelių stulpelių išdėstymą ir visos kolonėlės išdėstymą. Toliau sužinosite, kaip suprojektuoti įvairius kortelių išdėstymus ir naršymo skydelį ne ekrane, kuris prireikus pasislenka į vaizdą.

„CSS Essential Training 3“
Christina Truong
Šiame kurse išmoksite naudoti CSS Tinklelį ir „Flexbox“, kad sukurtumėte reaguojančius išdėstymus. Taip pat sužinosite, kaip paruošti tinklalapio vaizdus tinklainės vaizdams ir SVG vektorinius vaizdus. Tada autorius pereina prie paprastų CSS animacijų, reaktyvios tipografijos ir prieinamumo.

Pirmasis „CSS Flexbox“ vaizdas
Jamesas Williamsonas
Šis kursas nukelia jus žingsnis po žingsnio, kai išmokstate visą CSS „Flexbox“ išdėstymo modulio sintaksę. Autorius aptaria, ką „Flexbox“ gali padaryti, ir dabartinę naršyklės palaikymą. Tada jis nuodugniai aptaria tokias temas kaip elementų srautas, turinio apvyniojimas, elementų suderinimas ir lankstymo konteinerių įdėjimas.

Pirmasis CSS tinklelio vaizdas
Mortenas Rand-Hendriksenas
Šiame kurse išmoksite naują ir patobulintą būdą sukurti dvimatį tinklelio išdėstymą. Pradėjęs nuo CSS tinklelio naudojimo kuriant reaguojančius tinklelio išdėstymus pagrindai, autorius aprašo tai, ko jums reikės žinoti, norint sukurti internetinį žurnalą ir trijų stulpelių išdėstymą.

Reaguojančių formų kūrimas naudojant „Flexbox“
Jamesas Williamsonas
Negalite kurti svetainės be formų. Formos turi būti tokios pat reaguojančios į visų tipų ir dydžių ekranus, kaip ir visa kita svetainė. Williamsonas moko jus, kaip naudoti CSS „Flexbox“ dėžutės modelį, norint sukurti ir stiliuoti reaguojančias interneto formas. Jis prasideda paprasta paieškos forma ir sudaro didelę dviejų stulpelių formą.

Reaguojantys vaizdai
Mortenas Rand-Hendriksenas
Jei naudojate „Wordpress“, žinote, kad jis automatiškai sugeneruos kelių skirtingų dydžių vaizdus kiekvienam vaizdui, kurį įkeliate į sistemą. Kodėl? Šis kursas paaiškins reaguojančių vaizdų koncepciją ir kaip juos naudoti savo svetainėje.