Web Uygulaması oluştururken gereken ilk şeylerden biri, uygulamanızın içeriğini düzenleme yoludur.
Pek çok tasarımcı, ister bir site ister bir uygulamayla ilgili olsun, içeriği yerleştirmek için hayali ızgaralar kullanır. CSS grubu, düzenleri kolaylaştırmak için yoğun bir şekilde çalışıyor. Bu çalışmaların bir parçası olarak, artık tarayıcılarda kullanıma sunulan CSS Grid Layout Module (CSS Izgara Düzeni Modülü) de geliştirildi.
Bu özellik, deneysel bir işaretin ardından Chrome'da denenebilir. Ayrıca, sürüm 10'dan itibaren IE'de de uygulanmıştır ve yakında çoğu tarayıcıda kullanıma sunulacaktır.
Yönetici özeti
- CSS Izgara Düzeni, düzeniniz için satırlar ve sütunlar tanımlamanızı sağlar
- Izgaralar, mevcut alandan yararlanmak için uyarlanabilir.
- İçerik sırası, ızgara kapsayıcısı görüntüleme sırasından bağımsız olabilir
- Düzenler medya sorgularına göre değişebildiğinden duyarlı tasarımı kolaylaştırır
- İçerik çakışabilir (diğer yöntemlerle mümkün olmayan bir düzen sağlar)
- Izgara Düzeni hızlı
CSS Izgara Düzeni'nin nasıl çalıştığı hakkında çok fazla bilgi veren bir genel bakış videosunu burada bulabilirsiniz (slaytlar buradadır:
Deneyin
Chrome'da CSS Izgara Düzeni'ni kullanmak artık çok kolay. Yapmanız gereken ilk şey, özelliği etkinleştirmek için deneysel işareti etkinleştirmektir.
Önce chrome://flags URL'sini yükleyin ve aşağıda gösterildiği gibi, Deneysel Web Platformu özelliklerini etkinleştir seçeneğine ilerleyin:
Bayrağı etkinleştirmek için Etkinleştir'i tıklayın. Tarayıcıyı yeniden başlatmanız için şuna benzer bir istem görürsünüz:
Şimdi tarayıcınızı yeniden başlatmak için Şimdi Yeniden Başlat düğmesini tıklamanız yeterlidir. CSS Izgara Düzeni'ni denemeye hazır olursunuz.
Düşüncelerinizi bizimle paylaşın
CSS Izgara Düzeni, web içeriği için mükemmel bir yeni temeldir, ancak her zaman olduğu gibi hepimiz geliştiricilerin bu konuda ne düşündüklerini öğrenmek isteriz. Geri bildirimde bulunmanın pek çok yolu vardır. Buraya yorum bırakabilir, W3C CSS Çalışma Grubu listesine konu satırında "[css-grid]" ifadesi bulunan bir e-posta gönderebilir, günlük hataları veya blog oluşturabilir ve düşüncelerinizi tweet'leyebilirsiniz. Son derece kullanışlı olan bu yeni özellikle oluşturduğunuz muhteşem düzenleri görmek için sabırsızlanıyoruz.