CSS Grid Level 3 / Masonry (tuğla dizilimi) düzeninin ilk taslağı yayımlandı

• CSS Çalışma Grubu, CSS Grid Layout Module Level 3 yani CSS tuğla dizilimi düzeni (Masonry Layout) için ilk kamuya açık çalışma taslağını duyurdu
• Bu taslak, iki olası söz dizimi biçimi olan grid ile bütünleşik söz dizimi ve grid’den bağımsız söz dizimi üzerinden tuğla dizilimi düzenini CSS’in yerleşik bir özelliği olarak ele alıyor
• Bu taslağın yayımlanmasının, iki söz dizimi biçiminin göreli avantajları üzerine tartışmaları teşvik etmesi umuluyor

CSS Çalışma Grubu'nun kararları

• CSS Çalışma Grubu, bu düzen modelinde tam karma track boyutlandırmasını benimsemeye karar verdi
• Bu, CSS grid düzeninde ifade edilebilen tüm olası track listelerinin tuğla dizilimi düzeninde de kullanılmasına izin veriyor
• Bu, iki teklifin temel düzen modelini birleştiriyor; dolayısıyla her iki söz dizimi biçimi de tuğla dizilimi düzeni için özünde eşdeğer işlevsellik sunuyor (başlangıç değerlerindeki farklarla ilgili çözümlenmemiş bazı konular bulunuyor)
• Karma track boyutlandırmasıyla ilgili performans sorunlarını ele almak için bu taslak, düzen modelinde belirli performans optimizasyonlarını ana hatlarıyla açıklıyor ve subgrid gibi özellikler için bazı basitleştirici sezgisel kurallar benimsiyor

[xguru]

Masonry Layout, MDN’de iyi açıklanmış durumda.
https://developer.mozilla.org/en-US/docs/…

WebKit ekibi de nisan ayında bununla ilgili bir yardım çağrısı yazısı paylaşmıştı.
CSS Grid Level 3, yani "Masonry" düzenini oluşturmak için yardım çağrısı
Bu yazıda Masonry düzenine dair örnek temelli açıklama görselleri yer alıyor; göz atabilirsiniz.