Web uygulaması oluştururken ilk ihtiyaç duyulan şeylerden biri, uygulamanızın içeriğini düzenleyecek bir yöntemdir.
Birçok tasarımcı, site veya uygulama için içerikleri düzenlemek üzere hayali ızgaralar kullanır. CSS grubu, düzenleri kolaylaştırmak için yoğun bir şekilde çalışıyor ve bu kapsamda, artık tarayıcılarda kullanıma sunulan CSS Izgara Düzen Modülü'nü geliştirdi.
Bu özellik, Chrome'da deneysel bir işaretin arkasından denenebilir. Bu özellik, IE 10 sürümünden beri IE'de de uygulanmaktadır ve yakında çoğu tarayıcıda kullanıma sunulacaktır.
Yönetici özeti
- CSS ızgara düzeni, düzeniniz için satır ve sütunları tanımlamanıza olanak tanır
- Izgaralar, kullanılabilir alanı kullanmak için uyum sağlayabilir
- İçerik sırası, ızgara kapsayıcı görüntüleme sırasından bağımsız olabilir
- Medya sorgularına göre değişebilen düzenler, duyarlı tasarımı kolaylaştırır
- İçerik çakışabilir (diğer yöntemlerle imkansız olan bir düzeni etkinleştirir)
- Izgara düzeni hızlıdır
CSS Grid Layout'ın işleyiş şekli hakkında birçok bilgiyi içeren genel bakış videosunu burada bulabilirsiniz (sunuları buradan indirebilirsiniz:
Deneyin
CSS Grid düzenini Chrome'da kullanmak artık çok kolay. İlk olarak, özelliği etkinleştirmek için deneysel işareti açmanız gerekir.
Öncelikle chrome://flags URL'sini yükleyin ve aşağıdaki gibi Deneme aşamasındaki Web Platformu özelliklerini etkinleştir seçeneğine gidin:
İşaretçiyi etkinleştirmek için Etkinleştir'i tıklamanız yeterlidir. Ardından, tarayıcıyı yeniden başlatmanızı isteyen şu mesajı görürsünüz:
Artık tarayıcınızı yeniden başlatmak için Şimdi Yeniden Başlat düğmesini tıklamanız yeterlidir. Ardından CSS Grid Layout'ı denemeye başlayabilirsiniz.
Düşüncelerinizi bizimle paylaşın
CSS Grid Layout, web içeriği için harika bir yeni primitiftir. Ancak her zamanki gibi geliştiricilerin bu konudaki görüşlerini öğrenmek istiyoruz. Geri bildirimde bulunmanın birçok yolu vardır: Burada yorum bırakın, W3C CSS Çalışma Grubu listesine "[css-grid]" konu satırıyla e-posta gönderin, hataları günlüğe kaydedin veya bu konudaki düşüncelerinizi blog'da paylaşıp tweetleyin. Bu son derece kullanışlı yeni özellikle oluşturacağınız harika düzenleri görmek için sabırsızlanıyoruz.