Tutvuge CSS Flexboxiga saidil Lynda.com

• Mai 4, 2024

Pärast kümmet aastat, mis on veebis terve elu, otsustasime anda MUSED Literary Review veebisaidile uue ilme. Muidugi tahtsime kasutada uusimat HTML-i ja CSS-i ning see tähendab Flexboxi, CSS Gridi ja Responsive Web Design'i kasutamist.

Tänu Lynda.com-le ei läinud kiiruse tõusmiseks kaua aega. Allpool on toodud vaid mõned parimad videoõpetused, mis aitasid mul kujundada uue pildi MUSED jaoks.

CSS Flexboxi täpsemad tundlikud paigutused
Morten Rand-Hendriksen
Sellel projektipõhisel kursusel viib autor teid samm-sammult Flexboxi menüüde, tundlike kaardipaigutuste, Püha Graali paigutuse ja interaktiivsete komponentide koostamisel.

CSS-i täpsemad paigutused ruudustikuga
Morten Rand-Hendriksen
Sellel kursusel õpid palju. Autor alustab CSS Gridi põhitõdedest ja ruudustiku kavandamisest. Siis olete valmis ehitama mitme veeru paigutuse ja ühe veeru täieliku tühjenduse. Järgmisena saate teada, kuidas kujundada erinevaid kaardipaigutusi ja ekraanivälist navigeerimispaneeli, mis vajadusel libiseb vaatesse.

CSS Essential Training 3
Christina Truong
Sellel kursusel õpite CSS Gridi ja Flexboxi kasutama reageerivate paigutuste loomiseks. Samuti saate teada, kuidas valmistada oma veebipilte võrkkesta kuvamiseks ja SVG vektorpilte. Seejärel liigub autor lihtsate CSS-animatsioonide, tundliku tüpograafia ja juurdepääsetavuse juurde.

CSS Flexboxi esimene pilk
James Williamson
See kursus viib teid samm-sammult, kui õpite kogu CSS Flexboxi paigutusmooduli süntaksi. Autor arutleb selle üle, mida Flexbox teha saab, ja praegust brauseri tuge. Seejärel arutab ta põhjalikult selliseid teemasid nagu elementide voog, sisu mähkimine, esemete joondamine ja paindmahutite pesitsemine.

CSS Grid esimene pilk
Morten Rand-Hendriksen
Sellel kursusel saate teada uut ja täiustatud viisi kahemõõtmelise ruudustiku loomiseks. Alustades CSS-i ruudustiku tundlike ruudustiku loomise põhitõdedest, kirjeldab autor seda, mida peate teadma nii veebiajakirja kui ka kolmeveerulise paigutuse ehitamiseks.

Vastuvõtlike vormide loomine Flexboxiga
James Williamson
Ilma vormideta veebisaiti ei saa kujundada. Vormid peavad olema sama tundlikud igat tüüpi ja erineva suurusega ekraanide jaoks, nagu ka ülejäänud sait. Williamson õpetab teile, kuidas kasutada CSS Flexboxi kasti mudelit reageerivate veebivormide loomiseks ja stiilimiseks. Ta alustab lihtsa otsinguvormiga ja moodustab suure, kahe veeru vormi.

Vastuvõtvad pildid
Morten Rand-Hendriksen
Kui kasutate Wordpressi, teate, et see genereerib automaatselt mitu erineva suurusega pilti iga süsteemi üleslaaditud pildi jaoks. Miks? Kursus selgitab tundlike piltide kontseptsiooni ja kuidas neid oma veebisaidil kasutada.

Video Juhiseid: Tutvuge – maksekaart ERIAL (Mai 2024).