Yayınlanma tarihi: 23 Ekim 2024
Bu yayında, web platformu özellikleri hakkında yazarken veya konuşurken kendi sitenizde yeni <baseline-status> web bileşenini ve Baseline logolarını sunumlarda nasıl kullanabileceğinizi öğreneceksiniz.
Çoğu geliştirici, web geliştirmeyle ilgili bir soruna çözüm ararken mükemmel çözümü açıklayan bir makale buluyor ve makalenin sonuna geldiğinde çözümün yalnızca bir tarayıcıda kullanılabildiğini fark ediyor. Konferans sunucusunun anlattığı bir özellikten heyecan duyup bunun deneysel olduğunu öğrenmek de can sıkıcı olabilir. Bunu, Chrome geliştirici sitelerimizde iyileştirmek istediğimiz bir şeydi ve son iki yıldır, yayınlarımıza MDN'den karşılaştırma verileri ekliyoruz.
Ancak referans çizgisi, durumu daha da netleştirir. Tarayıcı sürümlerini tek tek kontrol etmek yerine, bir özelliğin Temel Geniş Kullanılabilirlik kapsamında olup olmadığını ve dolayısıyla endişelenmeden kullanılıp kullanılamayacağını kontrol edebilirsiniz. Ya da bu özelliğin yeni kullanıma sunulan referans bir özellik olduğunu ve bu nedenle birlikte çalışabilir olduğunu ancak yeni bir özellik olarak yedek stratejiler uygulamak isteyebileceğinizi öğrenin. web.dev'de bazı sayfalarımıza yeni bir Temel durum bileşeni eklemeye başladık. Bu bileşeni, CSS font-size-adjust ile ilgili blog yayınında görebilirsiniz.
Bileşeni sitenize ekleme
Web bileşeni yalnızca bizim tarafımızdan kullanılmaz. <baseline-status> bileşenini sizinle paylaşmaktan heyecan duyuyoruz. Artık oluşturduğunuz içeriğin temel durumunu
göstermek için bu özellikten yararlanabilirsiniz. Bileşen, npm'den yüklenebilir veya bir CDN'den önceden derlenebilir. Yükleme talimatlarını okuyun.
Yüklendikten sonra, bir özelliğin durumunu font-size-adjust için aşağıdaki HTML'de gösterildiği gibi gösterin.
<baseline-status featureId="font-size-adjust"></baseline-status>
Daha sonra bileşen, Sınırlı kullanılabilirlik'ten Yeni Wideline'a kadar yeni kullanıma sunulan özelliklere geçiş yaptığında otomatik olarak güncellenir.
featureId
Bileşene iletilen featureId, web-features deposundaki özelliğin adıdır.
Bileşen, özelliğin durumunu web özellikleri projesi aracılığıyla toplanan verilerden alır.
Referans logoları ekleme
Basılı veya PDF biçiminde bir içerik yayınlıyorsanız ya da bir konferansta sunum yapıyorsanız logolar o anki durumu göstermek için büyük olasılıkla faydalı olacaktır. Web Platformu Durumu kontrol paneli, herhangi bir özelliğin referans durumunu kontrol etmenize yardımcı olabilir.
Temel logolar, tüm materyallerinizde kullanmanız için lisanslanmıştır. Logoları PNG ve SVG biçiminde indirin.
Temel çizgiyi nerede kullandığınızı bize bildirin.
Temel çizginin nerede kullanıldığını görmek isteriz. Bir halkla ilişkiler oluşturun ve bunu, daha önce kullandığınız yerlere ait bir bağlantı ekleyerek vahşi doğadaki referanslara ekleyin.
Başka entegrasyon fikirleriniz var mı?
Baseline'ı başka bir şekilde entegre etme fikriniz var mı? Bu bilgileri içerebilecek bir geliştirici aracınız veya yönetici paneli tarafından kullanılan temel sürümü paylaşmaktan fayda sağlayacak bir ürününüz olabilir. Fikirlerinizle ilgili bir sorununuzu dile getirirseniz size yardımcı olmaktan memnuniyet duyarız.