Tanulja meg a CSS Flexboxot a Lynda.com webhelyen

• Lehet 14, 2024

Tíz év után, ami egy élettartama az interneten, úgy döntöttünk, hogy új megjelenést biztosít a MUSED Literary Review webhelynek. Természetesen a legújabb HTML-t és CSS-t akartuk használni, ami azt jelenti, hogy a Flexboxot, a CSS Grid-t és az Responsive Web Design-ot használjuk.

A Lynda.com-nak köszönhetően nem tartott sokáig, hogy felgyorsuljanak. Az alábbiakban néhány a legjobb video oktatóanyagokból, amelyek segítettek megtervezni a MUSED új megjelenését.

Speciális érzékeny elrendezések a CSS Flexbox segítségével
Morten Rand-Hendriksen
Ebben a projekt-alapú kurzusban a szerző lépésről lépésre viszi Önt a Flexbox menük, az érzékeny kártya elrendezések, a Szent Grál elrendezés és az interaktív összetevők összeállításakor.

CSS Advanced Layouts with Grid
Morten Rand-Hendriksen
Sokat fog tanulni ezen a kurzuson. A szerző a CSS Grid alapjaival és a rácsos elrendezések tervezésével kezdődik. Ezután készen áll egy több oszlop elrendezésének és egy teljes oszlop elrendezésének felépítésére. Ezután megtanulja, hogyan lehet megtervezni a különféle kártyaelrendezéseket és egy képernyőn kívüli navigációs panelt, amely szükség esetén megtekinthetővé válik.

CSS Essential Training 3
Christina Truong
Ebben a kurzusban megtanulja a CSS Grid és a Flexbox használatát reagáló elrendezések készítéséhez. Megtudhatja továbbá, hogyan készítheti elő webképeit retina-megjelenítésekhez és SVG-vektorképekhez. A szerző ezután az egyszerű CSS-animációkhoz, az adaptív tipográfiához és az akadálymentességhez tér tovább.

A CSS Flexbox első megjelenése
James Williamson
Ez a tanfolyam lépésről lépésre eljuttatja a CSS Flexbox elrendezési modul összes szintaxisának elsajátításához. A szerző megvitatja, hogy mit tud a Flexbox, és a böngésző jelenlegi támogatását. Ezután alaposan megvitatja az olyan témákat, mint az elemáramlás, a tartalom csomagolása, az elemek összehangolása és a rugalmas tartályok fészkelése.

A CSS Grid első pillantása
Morten Rand-Hendriksen
Ebben a tanfolyamban megtanul egy új és továbbfejlesztett módszert a kétdimenziós rács elrendezés létrehozására. A CSS-rács reagáló rács-elrendezések használatának alapjaitól kezdve a szerző ismerteti azokat a tudnivalókat, amelyeket tudnia kell mind az online magazin, mind a három oszlopos elrendezés létrehozásához.

Érzékeny űrlapok készítése a Flexbox segítségével
James Williamson
Nem hozhat létre webhelyet űrlapok nélkül. Az űrlapoknak ugyanolyan érzékenynek kell lenniük minden típusú és méretű képernyőre, csakúgy, mint a webhely többi részére. Williamson megtanítja, hogyan kell használni a CSS Flexbox dobozmodellt reagáló webes űrlapok létrehozásához és stílusához. Egy egyszerű keresési űrlappal kezdődik, és felépít egy nagy, két oszlopos űrlapot.

Érzékeny képek
Morten Rand-Hendriksen
A Wordpress használata esetén tudja, hogy automatikusan több különböző méretű képet generál minden, a rendszerbe feltöltött képhez. Miért? Ez a tanfolyam elmagyarázza a reagáló képek mögött meghúzódó koncepciót és azt, hogyan lehet azokat a saját webhelyén használni.