İçerik
- 01. Flexbox Oyunu
- 02. Flexbox Froggy
- 03. Flexbox Savunması
- 04. Tam Flexbox Kılavuzu
- 05. Flexbox Yerleşim Örnekleri
Esnek kutu veya Esnek Kutu Düzeni sayesinde duyarlı web tasarımı yapmak hiç bu kadar kolay olmamıştı. Web tasarımcılarına ve geliştiricilere bir konteynerdeki öğeleri yerleştirmek, hizalamak ve dağıtmak için verimli ve basit bir yol sağlayan güçlü bir CSS modülüdür. Uzun zamandır çözmek için uğraştığımız birçok düzen problemini çözüyor.
Web'de bulunan çeşitli kaynaklar sayesinde, flexbox'ı öğrenmek zor olmak zorunda değil. Bu kılavuzlar, kaynaklar ve oyunlarla flexbox kaslarınızı kısa sürede esneteceksiniz.
01. Flexbox Oyunu
Flexbox Oyunu, flexbox düzeni bulmacalarını tek bir kod satırı yazmadan görsel olarak çözmenizi sağlar. Görsel öğrenen biriyseniz, bu tam size göre.
02. Flexbox Froggy
Bazı kurbağaların havuzdan geçmesine yardım ederken size flexbox'ın temellerini öğreten çevrimiçi bir oyun. Flexbox'a atlamak hiç bu kadar kolay olmamıştı.
03. Flexbox Savunması
Flexbox'ın ciddi olmadığını kim söylüyor? Bu oyunda, topları konumlandırmak ve yaklaşan düşman dalgalarını engellemek için ortak esnek kutu düzenlerini kullanacaksınız.
04. Tam Flexbox Kılavuzu
CSS-Tricks, tüm flexbox kod parçacıklarınız için harika bir kaynaktır. Bunu işaretlediğinizden emin olun.
05. Flexbox Yerleşim Örnekleri
Webflow'da, en yaygın flexbox düzenlerinden bazılarını tasarladık ve oluşturduk. Burada size onları nasıl kolayca yaratabileceğinizi öğretiyoruz.
Bu makale ilk olarak şurada yayınlandı: net dergi sayı 282; buradan satın al!