Saznajte CSS Flexbox na Lynda.com

• Svibanj 19, 2024

Nakon deset godina, što je radni vijek na webu, odlučili smo novom web-mjestu MUSED Literary Review dati novi izgled. Naravno, željeli smo koristiti najnoviji HTML i CSS, a to znači koristiti Flexbox, CSS Grid i responzivni web dizajn.

Zahvaljujući usluzi Lynda.com, nije trebalo dugo da se postigne brzina. Ispod je samo nekoliko najboljih video tutorijala koji su mi pomogli da dizajniram novi izgled za MUSED.

Napredni prilagodljivi izgled s CSS Flexbox-om
Morten Rand-Hendriksen
U ovom tečaju temeljenom na projektu autor vas vodi korak po korak dok izrađuje Flexbox menije, prilagodljive rasporede kartica, raspored Svetog grala i interaktivne komponente.

CSS napredni izgled s mrežom
Morten Rand-Hendriksen
Na ovom tečaju ćete naučiti puno. Autor započinje s osnovama CSS Grid-a i planiranjem izgleda mreže. Tada ste spremni za izradu izgleda s više stupaca i rasporeda jednog stupca s potpuno iskrvarenjem. Zatim naučite kako dizajnirati različite izgledima kartica i navigacijsku ploču izvan zaslona koja klizi prema prikazu po potrebi.

CSS osnovni trening 3
Christina Truong
U ovom tečaju naučit ćete koristiti CSS Grid i Flexbox za izradu prilagodljivih izgleda. Također ćete saznati kako pripremiti svoje web slike za Retina zaslone i SVG vektorske slike. Autor zatim prelazi na jednostavne CSS animacije, tipografiju koja odgovara i pristupačnost.

CSS Flexbox prvi pogled
James Williamson
Ovaj tečaj vodi vas korak po korak dok učite svu sintaksu za CSS modul Izgled Flexbox-a. Autor razmatra što Flexbox može učiniti i trenutnu podršku za preglednik. Zatim temeljito razmatra teme kao što su protok elemenata, zamatanje sadržaja, poravnavanje predmeta i gniježđenje fleksibilnih spremnika.

CSS Grid First Look
Morten Rand-Hendriksen
U ovom tečaju naučit ćete novi i poboljšani način stvaranja dvodimenzionalnih rasporeda rešetki. Polazeći od osnova za korištenje CSS Grid-a za izradu prilagodljivih rasporeda rešetki, autor opisuje ono što ćete trebati znati kako biste napravili i mrežni časopis i izgled tri stupca.

Izrada prilagodljivih oblika pomoću Flexboxa
James Williamson
Ne možete dizajnirati web mjesto bez obrazaca. Obrasci moraju biti podjednako prilagodljivi za sve vrste i veličine zaslona, ​​baš kao i ostatak web mjesta. Williamson vas uči kako koristiti model CSS Flexbox okvira za izradu i stil internetskih obrazaca koji odgovaraju na način. Započinje s jednostavnim oblikom pretraživanja i stvara do velikog obrasca s dva stupca.

Responzivne slike
Morten Rand-Hendriksen
Ako koristite Wordpress, znate da će automatski generirati nekoliko slika različitih veličina za svaku sliku koju učitate u sustav. Zašto? Ovaj tečaj će objasniti koncept reaktivnih slika i kako ih koristiti na vlastitoj web stranici.

Upute Video: Recenzija : LG G Flex2 (Svibanj 2024).