iShadeed'in Konteyner Sorguları Laboratuvarı

Ahmad Shadeed, konteyner sorgularında erken bir sıçrama yaptı ve büyüyen örnek koleksiyonu günlük kalıplara dayalıdır.

Ve eğer kaçırdıysanız, onun kapsayıcı sorgularıyla ilgili son gönderi bu ay Chrome 105'e geldikten sonra nasıl çalıştıklarını anlatan harika bir iş çıkarıyor (onları yakında Safari 16'da göreceğiz). Öne çıkan bazı seçimler ve çıkarımlar:

• Konteynerler ile tanımlanır container-type Emlak. Önceki demolar ve teklifler kullanıyordu contain yerine.
• Kapsayıcı sorguları, görüntü alanı boyutunu hedeflemek için baştan beri yazdığımız medya sorgularına çok benzer. Yani, gibi bir şey yerine @media (min-width: 600px) {}, sahibiz @container (min-width: 600px) {}. Bu, bu medya sorgularının çoğunu kapsayıcı sorgularına dönüştürmeyi oldukça basit hale getirmelidir, eksi yeni kesme noktası değerlerini bulma işi.
• Kodumuzda onları ayırt etmeye yardımcı olması için kapsayıcıları adlandırabiliriz (örn. container-name: blockquote).

Harika iş, Ahmet! Ve paylaşım için teşekkürler!

Doğrudan Bağlantı →