Yayınlanma tarihi: 23 Ekim 2024
Bu yayında, kendi sitenizde yeni <baseline-status> web bileşenini ve web platformu özellikleriyle ilgili yazdığınız veya konuştuğunuz her durumda sunularda Baseline logolarını nasıl kullanabileceğinizi öğrenebilirsiniz.
Çoğu geliştirici, web geliştirme sorununa çözüm arama, mükemmel çözümü açıklayan bir makale bulma ve ardından makalenin yalnızca bir tarayıcıda kullanılabildiğini fark etme deneyimini yaşamıştır. Veya bir konferans sunucusunun anlattığı özellikten heyecanlanıp bu özelliğin deneysel olduğunu öğrenmek. Bu, Chrome geliştirici sitelerimizde iyileştirmek istediğimiz bir konuydu ve son iki yıldır gönderilerimize MDN'den uyumluluk verileri ekliyoruz.
Ancak Baseline, durumu daha da netleştirir. Tek tek tarayıcı sürümlerini kontrol etmek yerine, bir özelliğin Baseline Widely Available (Temel olarak yaygın şekilde kullanılabilir) olup olmadığını ve dolayısıyla endişelenmeden kullanıma hazır olup olmadığını kontrol edebilirsiniz. Veya Baseline Newly available (Yeni kullanıma sunulan Baseline) olduğunu ve bu nedenle birlikte çalışabilir olduğunu ancak yeni bir özellik olarak yedek stratejiler düşünmek isteyebileceğinizi öğrenin. web.dev'de bazı sayfalarımıza yeni bir Baseline durumu 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 kullanımımıza yönelik değildir. <baseline-status> bileşenini sizinle paylaşmaktan heyecan duyuyoruz. Bu rozeti, oluşturduğunuz içeriklerde temel durumunu göstermek için kullanabilirsiniz. Bileşen, npm'den yüklenebilir veya CDN'den önceden derlenebilir. Yükleme talimatlarını okuyun.
Yüklendikten sonra, font-size-adjust için aşağıdaki HTML'de gösterildiği gibi bir özelliğin durumunu gösterin.
<baseline-status featureId="font-size-ad><just"/basel>ine-status
Bileşen, özellik sınırlı kullanılabilirlikten yeni kullanıma sunulmaya ve geniş çapta kullanıma sunulmaya geçtikçe otomatik olarak güncellenir.
featureId bulun
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.
Baseline logosu ekleme
Basılı, PDF veya konferans sunumlarında yayın yapıyorsanız logolar, o andaki durumu göstermek için faydalı olabilir. Web Platformu Durumu kontrol paneli, herhangi bir özelliğin Baseline durumunu kontrol etmenize yardımcı olabilir.
Baseline logoları, tüm materyallerinizde kullanmanız için lisanslanmıştır. Logoları PNG ve SVG biçiminde indirin.
Baseline'ı nerede kullandığınızı bize bildirin
Baseline'ın nerede kullanıldığını görmek isteriz. Bir PR oluşturun ve Baseline in the wild'da kullandığınız yere bir bağlantı ekleyin.
Başka entegrasyon fikirleriniz var mı?
Baseline'ı başka bir şekilde entegre etme fikriniz var mı? Belki bu bilgileri içerebilecek bir geliştirici aracınız veya yönetici paneli tarafından kullanılan temel sürümü paylaşabilmekten yararlanacak bir ürününüz vardır. Fikirlerinizle ilgili bir sorun bildirirseniz size yardımcı olmaktan memnuniyet duyarız.