Lynda.com'da CSS Flexbox'ı Öğrenin

• Mayıs Ayı 10, 2024

Web'de bir ömür olan on yıl sonra, MUSED Literary Review web sitesine yeni bir görünüm vermeye karar verdik. Tabii ki, en yeni HTML ve CSS'yi kullanmak istedik ve bu da Flexbox, CSS Grid ve Responsive Web Design'ı kullanmak anlamına geliyor.

Lynda.com sayesinde, hızlanmak uzun sürmedi. Aşağıda, MUSED'in yeni görünümünü tasarlamamda yardımcı olan en iyi video eğiticilerinden sadece birkaçı var.

CSS Flexbox ile Gelişmiş Duyarlı Düzenler
Morten Rand-Hendriksen
Bu proje tabanlı kursta yazar, Flexbox menüleri, duyarlı kart düzenleri, Kutsal Kase düzeni ve etkileşimli bileşenler oluştururken sizi adım adım götürür.

Izgaralı CSS Gelişmiş Düzenleri
Morten Rand-Hendriksen
Bu kursta çok şey öğreneceksiniz. Yazar, CSS Izgarasının temelleri ve ızgara düzenlerini planlama ile başlar. Ardından, çok sütunlu bir düzen ve tam boşaltma tek bir sütun düzeni oluşturmaya hazırsınız. Ardından, çeşitli kart düzenlerini ve gerektiğinde görünüme kayan bir ekran dışı gezinme panelini nasıl tasarlayacağınızı öğreneceksiniz.

CSS Temel Eğitimi 3
Christina Truong
Bu derste, duyarlı mizanpajlar oluşturmak için CSS Izgarası ve Flexbox'ı kullanmayı öğreneceksiniz. Web görüntülerinizi Retina ekranlar ve SVG vektör görüntüleri için nasıl hazırlayacağınızı da öğreneceksiniz. Yazar daha sonra basit CSS animasyonlarına, duyarlı tipografiye ve erişilebilirliğe geçer.

CSS Flexbox İlk Bakış
James Williamson
Bu kurs, CSS Flexbox Düzen Modülü için tüm sözdizimini öğrendiğinizde sizi adım adım yönlendirir. Yazar, Flexbox'ın neler yapabileceğini ve mevcut tarayıcı desteğini tartışıyor. Ardından öğe akışı, içeriği sarma, öğeleri hizalama ve esnek kapları iç içe yerleştirme gibi konuları ayrıntılı olarak tartışır.

CSS Izgarası İlk Bakış
Morten Rand-Hendriksen
Bu derste, iki boyutlu ızgara düzenleri oluşturmanın yeni ve geliştirilmiş bir yolunu öğreneceksiniz. Duyarlı ızgara düzenleri oluşturmak için CSS Izgarasını kullanma temelleriyle başlayarak, yazar hem çevrimiçi bir dergi hem de üç sütunlu bir düzen oluşturmak için bilmeniz gerekeni kapsar.

Flexbox ile Duyarlı Formlar Oluşturma
James Williamson
Formlar olmadan bir web sitesi tasarlayamazsınız. Formların, sitenin geri kalanı gibi her tür ve boyuttaki ekran için duyarlı olması gerekir. Williamson, duyarlı web formları oluşturmak ve stil oluşturmak için CSS Flexbox kutu modelini nasıl kullanacağınızı öğretir. Basit bir arama formu ile başlar ve büyük, iki sütunlu bir form oluşturur.

Duyarlı Görüntüler
Morten Rand-Hendriksen
Wordpress kullanıyorsanız, sisteme yüklediğiniz her görüntü için otomatik olarak birkaç farklı boyutlu görüntü üreteceğini bilirsiniz. Neden? Bu ders, duyarlı görüntülerin arkasındaki kavramı ve bunları kendi web sitenizde nasıl kullanacağınızı açıklayacaktır.