Uzziniet CSS Flexbox vietnē Lynda.com

• Jūnijs 1, 2024

Pēc desmit gadiem, kas ir mūžs tīmeklī, mēs nolēmām MUSED Literary Review vietnei piešķirt jaunu izskatu. Protams, mēs vēlējāmies izmantot jaunākos HTML un CSS, un tas nozīmē izmantot Flexbox, CSS Grid un Responsive Web Design.

Pateicoties vietnei Lynda.com, nepagāja ilgs laiks, lai sasniegtu ātrumu. Zemāk ir tikai daži no labākajiem video pamācības, kas man palīdzēja noformēt jauno izskatu MUSED.

Uzlaboti reaģējoši izkārtojumi ar CSS Flexbox
Mortens Rants-Hendriksens
Šajā projektā balstītajā kursā autors sniedz jums soli pa solim, veidojot Flexbox izvēlnes, adaptīvos karšu izkārtojumus, Holy Grail izkārtojumu un interaktīvos komponentus.

CSS uzlaboti izkārtojumi ar režģi
Mortens Rants-Hendriksens
Šajā kursā jūs daudz iemācīsities. Autore sāk ar CSS Grid pamatiem un režģa izkārtojumu plānošanu. Tad jūs esat gatavs izveidot vairāku kolonnu izkārtojumu un vienas kolonnas pilnīgu izkārtojumu. Tālāk jūs uzzināsit, kā noformēt dažādus karšu izkārtojumus un ārpus ekrāna esošu navigācijas paneli, kurš pēc vajadzības slīd skatā.

CSS Essential Training 3
Kristīna Truonga
Šajā kursā jūs iemācīsities izmantot CSS Grid un Flexbox, lai izveidotu adaptīvus izkārtojumus. Jūs arī uzzināsit, kā sagatavot savus tīmekļa attēlus tīklenes displejiem un SVG vektoru attēliem. Pēc tam autore pāriet uz vienkāršām CSS animācijām, atsaucīgu tipogrāfiju un pieejamību.

CSS Flexbox pirmais izskats
Džeimss Viljamsons
Šis kurss ved jūs soli pa solim, apgūstot visu CSS Flexbox izkārtojuma moduļa sintakse. Autore apspriež, ko Flexbox var darīt, un pašreizējo pārlūka atbalstu. Pēc tam viņš rūpīgi apspriež tādas tēmas kā elementu plūsma, satura iesaiņošana, priekšmetu izlīdzināšana un flex konteineru ligzdošana.

CSS Režģis pirmais izskats
Mortens Rants-Hendriksens
Šajā kursā jūs uzzināsit jaunu un uzlabotu veidu, kā izveidot divdimensiju režģa izkārtojumus. Sākot ar CSS Grid izmantošanas pamatiem, lai izveidotu adaptīvus režģa izkārtojumus, autors apraksta to, kas jums būs jāzina, lai izveidotu gan tiešsaistes žurnālu, gan trīs kolonnu izkārtojumu.

Reaģējošu veidlapu veidošana ar Flexbox
Džeimss Viljamsons
Jūs nevarat noformēt vietni bez veidlapām. Veidlapām jābūt tikpat atsaucīgām visu veidu un izmēru ekrāniem, tāpat kā pārējā vietnē. Viljamsons māca jums, kā izmantot CSS Flexbox lodziņa modeli, lai izveidotu un veidotu adaptīvas tīmekļa formas. Viņš sāk ar vienkāršu meklēšanas formu un veido lielu, divu kolonnu formu.

Atsaucīgi attēli
Mortens Rants-Hendriksens
Ja jūs izmantojat Wordpress, jūs zināt, ka tas automātiski ģenerēs vairāku dažādu izmēru attēlus katram attēlam, ko augšupielādējat sistēmā. Kāpēc? Šis kurss izskaidros adaptīvo attēlu jēdzienu un to, kā tos izmantot savā vietnē.

Video Instrukcijas: STATE / CHANGE: The 2018 MFA Interaction Design Thesis Festival (Jūnijs 2024).