Naučite se CSS Flexbox na Lynda.com

• Maj 5, 2024

Po desetih letih, ki je življenjska doba na spletu, smo se odločili, da spletnemu mestu MUSED Literary Review damo novo podobo. Seveda smo želeli uporabiti najnovejši HTML in CSS, kar pomeni uporabo Flexbox, CSS Grid in Odziven spletni dizajn.

Zahvaljujoč Lynda.com, ni trajalo dolgo, da bi prišli do hitrosti. Spodaj je le nekaj najboljših video vadnic, ki so mi pomagale oblikovati nov videz MUSED.

Napredne odzivne postavitve s CSS Flexbox
Morten Rand-Hendriksen
V tem tečaju, ki temelji na projektu, vas avtor vodi korak za korakom, ko gradi menije Flexbox, odzivne postavitve kartic, postavitev Holy Grail in interaktivne komponente.

CSS Napredne postavitve z mrežo
Morten Rand-Hendriksen
Na tem tečaju se boste veliko naučili. Avtor začne z osnovami CSS Grid in načrtovanjem postavitve mreže. Nato ste pripravljeni za postavitev postavitve z več stolpci in postavitve enojnih stolpcev s polnim odstranjevanjem. Nato se naučite, kako oblikovati različne postavitve kartic in zunanjo zaslonsko navigacijsko ploščo, ki po potrebi drsi v pogled.

CSS Essential Training 3
Christina Truong
V tem tečaju se boste naučili uporabljati CSS Grid in Flexbox za izdelavo odzivnih postavitev. Spoznali boste tudi, kako pripraviti svoje spletne slike za zaslone mrežnice in vektorske slike SVG. Avtor nato preide na preproste animacije CSS, odzivno tipografijo in dostopnost.

CSS Flexbox prvi pogled
James Williamson
Ta tečaj vas vodi po korakih, ko se naučite vse skladnje modula postavitve CSS Flexbox. Avtor razpravlja o tem, kaj lahko naredi Flexbox, in trenutno podporo brskalniku. Nato temeljito razpravlja o temah, kot so pretok elementov, zavijanje vsebine, poravnava predmetov in gnezdenje fleksibilnih posod.

CSS Grid prvi pogled
Morten Rand-Hendriksen
V tem tečaju se boste naučili novega in izboljšanega načina ustvarjanja dvodimenzionalnih postavitev mrež. Začenši z osnovami uporabe CSS Grid za izdelavo odzivnih postavitev omrežja, avtor zajema tisto, kar boste morali vedeti, če želite sestaviti tako spletno revijo kot postavitev v treh stolpcih.

Izdelava odzivnih obrazcev s Flexboxom
James Williamson
Ne morete oblikovati spletnega mesta brez obrazcev. Obrazci morajo biti enako odzivni za vse vrste in velikosti zaslonov, tako kot ostala spletna stran. Williamson te nauči, kako uporabiti model CSS Flexbox box za ustvarjanje in oblikovanje odzivnih spletnih obrazcev. Začne se s preprostim iskalnim obrazcem in oblikuje do velikega obrazca z dvema stolpcema.

Odzivne slike
Morten Rand-Hendriksen
Če uporabljate Wordpress, veste, da bo samodejno ustvaril več slik različnih velikosti za vsako sliko, ki jo naložite v sistem. Zakaj? Ta tečaj bo razložil koncept odzivnih slik in kako jih uporabiti na svojem spletnem mestu.

Navodila Video: CSS - Linkovi #5 (Maj 2024).