Pelajari CSS Flexbox di Lynda.com

• Mungkin 4, 2024

Setelah sepuluh tahun, yang merupakan seumur hidup di web, kami memutuskan untuk memberikan tampilan baru pada situs web MUSED Literary Review. Tentu saja, kami ingin menggunakan HTML dan CSS terbaru dan itu berarti menggunakan Flexbox, CSS Grid, dan Desain Web Responsif.

Berkat Lynda.com, tidak butuh waktu lama untuk mencapai kecepatan. Berikut adalah beberapa tutorial video terbaik yang membantu saya mendesain tampilan baru untuk MUSED.

Tata Letak Responsif Tingkat Lanjut dengan CSS Flexbox
Morten Rand-Hendriksen
Dalam kursus berbasis proyek ini, penulis akan membawa Anda selangkah demi selangkah saat ia membangun menu Flexbox, tata letak kartu responsif, tata letak Holy Grail dan komponen interaktif.

Layout Tingkat Lanjut CSS dengan Kotak
Morten Rand-Hendriksen
Anda akan belajar banyak dalam kursus ini. Penulis mulai dengan dasar-dasar CSS Grid dan perencanaan tata letak grid. Kemudian Anda siap untuk membangun tata letak multi-kolom dan tata letak kolom tunggal penuh. Selanjutnya, Anda belajar cara mendesain berbagai tata letak kartu dan panel navigasi di luar layar yang akan terlihat jika diperlukan.

Pelatihan Penting CSS 3
Christina Truong
Dalam kursus ini, Anda akan belajar menggunakan CSS Grid dan Flexbox untuk membangun tata letak yang responsif. Anda juga akan belajar tentang cara menyiapkan gambar web untuk tampilan Retina dan gambar vektor SVG. Penulis kemudian beralih ke animasi CSS sederhana, tipografi responsif, dan aksesibilitas.

CSS Flexbox Tampilan Pertama
James Williamson
Kursus ini membawa Anda selangkah demi selangkah saat Anda mempelajari semua sintaks untuk Modul Layout CSS Flexbox. Penulis membahas apa yang dapat dilakukan Flexbox dan dukungan browser saat ini. Dia kemudian membahas topik-topik seperti aliran elemen, membungkus konten, menyelaraskan item dan wadah fleksibel bersarang.

Tampilan Pertama CSS Grid
Morten Rand-Hendriksen
Dalam kursus ini, Anda akan belajar cara baru dan lebih baik untuk membuat tata letak kotak dua dimensi. Dimulai dengan dasar-dasar untuk menggunakan CSS Grid untuk membangun tata letak grid responsif, penulis membahas apa yang perlu Anda ketahui untuk membangun majalah online dan tata letak tiga kolom.

Membangun Formulir Responsif dengan Flexbox
James Williamson
Anda tidak dapat mendesain situs web tanpa formulir. Formulir harus responsif untuk semua jenis dan ukuran layar, sama seperti situs lainnya. Williamson mengajarkan Anda cara menggunakan model kotak CSS Flexbox untuk membuat dan mendesain formulir web yang responsif. Dia mulai dengan formulir pencarian sederhana dan membangun hingga dua kolom besar formulir.

Gambar Responsif
Morten Rand-Hendriksen
Jika Anda menggunakan Wordpress, Anda tahu bahwa itu akan secara otomatis menghasilkan beberapa gambar berukuran berbeda untuk setiap gambar yang Anda unggah ke sistem. Mengapa? Kursus ini akan menjelaskan konsep di balik gambar responsif dan cara menggunakannya di situs web Anda sendiri.

Petunjuk Video: HTML Tutorial Latihan 1 Mengenal Tag - Tag Dasar dan Running Kode Program (Mungkin 2024).