Ketahui CSS Flexbox di Lynda.com

• April 29, 2024

Setelah sepuluh tahun, yang seumur hidup di web, kami memutuskan untuk memberikan laman web MUSED Literary Review yang baru. Sudah tentu, kami mahu menggunakan HTML dan CSS terbaru dan ini bermakna menggunakan Flexbox, CSS Grid dan Design Web Responsif.

Terima kasih kepada Lynda.com, ia tidak mengambil masa yang lama untuk mendapatkan kelajuan. Berikut adalah beberapa tutorial video terbaik yang membantu saya merekabentuk rupa baru untuk MUSED.

Layouts Responsif Lanjutan dengan CSS Flexbox
Morten Rand-Hendriksen
Dalam kursus berasaskan projek ini, penulis membawa anda langkah demi langkah semasa dia membina menu Flexbox, susun atur kad responsif, susun atur Grail Kudus dan komponen interaktif.

Layouts Advanced CSS dengan Grid
Morten Rand-Hendriksen
Anda akan belajar banyak dalam kursus ini. Penulis bermula dengan asas CSS Grid dan merancang susun atur grid. Kemudian anda sudah bersedia untuk membina susun atur pelbagai lajur dan susun atur lajur tunggal berdarah. Seterusnya, anda belajar bagaimana untuk merancang pelbagai susun atur kad dan panel navigasi luar skrin yang memaparkan apabila diperlukan.

CSS Essential Training 3
Christina Truong
Dalam kursus ini, anda akan belajar menggunakan CSS Grid dan Flexbox untuk membina susun atur responsif. Anda juga akan belajar bagaimana untuk menyediakan imej web anda untuk memaparkan Retina dan imej vektor SVG. Penulis kemudian bergerak ke animasi CSS mudah, tipografi responsif dan aksesibiliti.

Flexbox CSS Look First
James Williamson
Kursus ini membawa anda langkah demi langkah apabila anda mempelajari semua sintaks untuk Modul Layout CSS Flexbox. Penulis membincangkan apa yang boleh dilakukan oleh Flexbox dan sokongan penyemak imbas semasa. Beliau kemudian membincangkan topik seperti aliran unsur, membungkus kandungan, menyelaraskan item dan bekas pancing bersarang.

CSS Grid First Look
Morten Rand-Hendriksen
Dalam kursus ini, anda akan mempelajari cara baru dan lebih baik untuk mencipta susun atur grid dua dimensi. Bermula dengan asas-asas untuk menggunakan CSS Grid untuk membina susun atur grid yang responsif, penulis merangkumi apa yang anda perlu ketahui untuk membina kedua-dua majalah dalam talian dan susun atur tiga lajur.

Membina Borang Responsif dengan Flexbox
James Williamson
Anda tidak dapat merancang laman web tanpa bentuk. Bentuk perlu menjadi responsif untuk semua jenis dan saiz skrin, sama seperti seluruh laman web. Williamson mengajar anda cara menggunakan model kotak Flexbox CSS untuk mencipta dan bentuk borang web responsif. Dia bermula dengan borang carian yang mudah dan membina satu bentuk besar, dua ruangan.

Imej Responsif
Morten Rand-Hendriksen
Jika anda menggunakan Wordpress, anda tahu bahawa ia secara automatik akan menjana beberapa imej berukuran yang berbeza untuk setiap imej yang anda muat naik ke sistem. Mengapa? Kursus ini akan menerangkan konsep di sebalik imej responsif dan cara menggunakannya di laman web anda sendiri.