CSS Izgara Özellikleri'nin Griddy.io ile Nasıl Çalışdığını Öğrenin

Web tasarım teknolojisine ayak uyduruyorsanız, CSS şebekeleri hakkında bilgi sahibi olmalısınız. Bu özellikler CSS3 formatına yeni eklemeler ve hızla bir geliştiricinin en iyi arkadaşı oluyorlar.

Kısa bir süre önce CSS grid özelliklerini öğrenmenize yardımcı olacak eğlenceli bir oyun sunduk, ancak oyunlar her zaman pratik fikirleri öğretmiyor. Griddy'nin daha yararlı olabileceği yer.

Bu ücretsiz webapp size ızgaraları gerçek zamanlı olarak özelleştirin ve canlı snippet'leri güncelleyin sayfada. Sütunlar, oluklar ve kenar boşluklarını tanımlayarak kendi özel ızgaralarınızla uğraşabilir ve ızgara özelliklerinin nasıl çalıştığını öğrenmek için sayfayı yeniden yapılandırabilirsiniz..

Griddy aslında bir Frontend geliştiricileri için hazırlanmış ücretsiz öğrenme aracı CSS ızgaraları hakkında daha fazla bilgi edinmek isteyen.

Bu webapp ile ızgaraya yeni öğeler ekleyebilir, diğer öğeleri kaldırabilir ve istediğiniz herhangi bir düzende sığacak şekilde yeniden boyutlandırabilirsiniz..

Webapp, ızgara özelliklerini düzenlemek için farklı giriş alanlarına sahip farklı bölümlere sahiptir. Bunlar ızgara satırlarını / sütunlarını yeniden biçimlendirmenize izin verir ve size öğretirler tam olarak ne yapıyorsun yol boyunca.

Tüm bu form alanları boyunca sütun boşluklarını tanımlayabilir, ızgara öğelerini hizalayabilir ve gerekçe ayarlarıyla oynatabilirsiniz. Bir değişiklik yaptığınızda, önizlemeyi ve altındaki küçük kod parçasını otomatik olarak günceller.

Bu şekilde, daha fazla uğraşmak istiyorsanız CSS'yi kopyalayıp kendi stil sayfanıza yapıştırabilirsiniz. Oldukça havalı!

Griddy, Grid Garden kadar eğlenceli olmayabilir, ancak Griddy öğrenmenin pratik bir yoludur. görsel olarak anlamak CSS ızgara özellikleri sayfa öğelerini nasıl etkiler.

Onunla oynamak için Griddy ana sayfasını ziyaret edin. Düşüncelerinizi veya sorularınızı yaratıcıdan Twitter'da @drewisthe ile de paylaşabilirsiniz..