Katlanabilir ekranlar için CSS ortam değişkenleri ve medya sorguları öne çıkıyor
Öne çıkanlar
- Katlanabilir ekranlar için geliştirilen CSS ortam değişkenleri ekran paneli boyutlarını otomatik hesaplıyor.
- Medya sorguları cihazın kitap veya dizüstü bilgisayar tutuş şekline göre ayrı düzenler oluşturuyor.
- Katlanabilir web standartları Microsoft Edge kararlı sürümünde desteklenirken Chrome'da deneysel kalıyor.
Google Pixel Fold duyurusunun ardından katlanabilir ve çift ekranlı cihazlara yönelik web tasarımı standartları yeniden gündeme geldi. Modern CSS özellikleri, geliştiricilerin cihazların fiziksel menteşe ve ekran bölünmelerine uyumlu arayüzler tasarlamasına imkan tanıyor. Bu kapsamda sunulan yatay ve dikey görüntü alanı segmenti medya sorguları, cihazın kitap gibi ya da dizüstü bilgisayar biçiminde tutulma durumlarını ayrı ayrı hedeflemeyi sağlıyor.
Farklı üreticilerin donanım boyutlarına uyum sağlamak amacıyla CSS ortam değişkenleri devreye giriyor. Geliştiriciler bu değişkenlerle her bir ekran panelinin genişlik, yükseklik ve konum koordinatlarını doğrudan CSS Grid gibi esnek yerleşim yapılarına aktarabiliyor. Bu yaklaşım, her katlanabilir cihaz modeli için ayrı tasarım hazırlama zorunluluğunu ortadan kaldırarak ekran geometrisine göre otomatik hesaplanan iki sütunlu düzenler oluşturulmasına olanak tanıyor.
Söz konusu özellikler Microsoft Edge kararlı sürümünde desteklenirken Google Chrome tarafında henüz deneysel bayraklar arkasında yer alıyor. Sektör tahminleri 2023 yılında 21 milyondan fazla katlanabilir cihazın piyasaya sürüleceğini gösteriyor. Uzmanlar, web geliştiricilerinin kullanıcı verilerine göre katlanabilir ekran desteğini değerlendirmesi ve platform desteği genişledikçe bu arayüzlere yatırım yapması gerektiğini belirtiyor.
Bu özet yapay zekâ ile hazırlanmıştır; ayrıntılar ve doğrulama için orijinal kaynağa başvurun.