Bu gönderi, 2021 Chrome Geliştirici Zirvesi’ndeki tüm önemli duyuruları, daha fazla bilgi edinmek için ihtiyacınız olan bağlantılarla bir araya getiriyor.
Web’i daha birlikte çalışabilir hale getirin #
Web uyumluluğu, web geliştiricileri için en büyük zorluklardan biridir ve bu nedenle Google, uyumlulukla ilgili en sorunlu beş noktayı düzeltmek için diğer tarayıcı sağlayıcılarıyla birlikte çalışmaktadır: flexbox, grid, position: sticky, aspect-ratiove dönüştürür.
Çalışma, bu kilit alanlarda halihazırda iyileştirmelere yol açmıştır. Bunlar hakkında Compat 2021 yıl ortası güncellemesinde okuyabilirsiniz.
Yeni uygulama sınıflarının web üzerinde çalışmasına izin ver #
Fugu Projesi web’de yeni uygulama sınıflarına izin vermeyi amaçlayan bir çabadır. Fugu API’lerindeki ilerlemeyi şu adresten takip edebilirsiniz: fugu-tracker.web.app.
Adobe kısa bir süre önce Adobe, Google ve web standartları kuruluşları arasındaki işbirliği sayesinde mümkün olan bir başarı olan Photoshop’u web’e taşıdıklarını duyurdu. Photoshop’un web’e yolculuğu sonrası yazısında daha fazlasını öğrenin.
Gizliliği sağlayın #
Pek çok yaygın web işlevi, gizlilik düşünülerek tasarlanmamış üçüncü taraf tanımlama bilgilerine ve diğer siteler arası izleme mekanizmalarına dayanır ve bu da geliştiricilerin artan gizlilik ihtiyacını karşılamasını zorlaştırır.
Üçüncü taraf tanımlama bilgilerini aşamalı olarak ortadan kaldırmak ve gizli izlemeyi ve tarayıcı parmak izini azaltmak amacıyla ekosistemi desteklemek için gizliliği koruyan yeni teknolojiler geliştirmek için web topluluğu ve sektör paydaşlarıyla birlikte çalışıyoruz.
Bu çalışma hakkında bilgi edinin Gizlilik Korumalı Alanı alan. Ayrıca buna sahibiz geliştiriciler için teklifler için bilgi ve kılavuzlarA aylık güncelleme veya değişiklikler ve ilerlemeve zaman çizelgesi hakkında bilgiler ve test ayrıntıları user-agent dizesindeki değişiklikler.
Önemli Web Verilerini İyileştirin #
Core Web Vitals’ı iyileştirmek için popüler JavaScript çerçevelerinin geliştiricileriyle birlikte çalışıyoruz ve bu çalışmanın bir parçası olarak, geri bildiriminizi almaktan memnuniyet duyacağımız iki yeni ölçüm belirledik. Genel yanıt verme ve akıcılık hakkında bilgi edinin, ardından ne düşündüğünüzü bize bildirin.
Ayrıca, yeni bir uygulama olan PageSpeed Insights’ın güncellenmiş bir sürümü de duyuruldu. Chrome Geliştirici Araçları için Kaydedici Panelişu anda Canary’de mevcut ve Lighthouse için yeni bir kullanıcı akışı API’si.
Yeni web platformu özelliklerini etkinleştirin #
RenderingNG, Chrome’da uzun süredir devam eden hataları düzelten ve aynı zamanda yeni özelliklerin kilidini açan bir proje olan Chromium’un işleme motorunun iddialı bir yeniden düzenlemesidir. Bu, yıllardır web geliştiricilerinin en çok talep ettiği bir özelliği içerir:kapsayıcı sorguları.
Kapsayıcı sorguları, duyarlı bir tasarım oluşturmak için bir medya sorgusu kullanmış olan herkese tanıdık gelebilir. Bununla birlikte, görüntü alanı boyutunu sorgulamanın içinde, bileşeninizin bulunduğu kapsayıcının boyutunu sorgulamanıza olanak tanırlar. Google, ortaya çıkan spesifikasyonun bir deneme uygulaması üzerinde çalışıyor. #enable-container-queries Chrome’da bayrak.
kapsayan bir blog yazısı okuyun Ayrıntılı olarak NG oluşturmaveya izle bu video Bu çalışmanın, bir zamanlar elde edilmesinin imkansız olduğu düşünülen özelliklerin uygulanmasının kilidini nasıl açtığına dair tüm önemli ayrıntıları elde etmek için.
Güzel ve duyarlı siteler oluşturmanıza yardımcı olur #
Yeni duyarlı tasarım, ekran veya kapsayıcı boyutundan çok daha fazlasıdır. Tasarım Öğrenin kursumuzda modern duyarlı sitelerin nasıl oluşturulacağını öğrenebilirsiniz. İlk beş modül bugün başlıyor, geri kalanı önümüzdeki haftalarda yayınlanacak.
Güzel deneyimler oluşturmayı kolaylaştırmak için bu yıl Chrome’a ve diğer tarayıcılara yeni CSS özellikleri eklendi. hakkında daha fazla bilgi edinin accent-color Ve size-adjust.
Yeni CSS’den hızlı bir şekilde yararlanmanıza yardımcı olmak için bir dizi düzen modelini kullanıma sunduk. Bunlar size birçok ortak arayüz modeli için sağlam bir başlangıç noktası sağlayacaktır.
Web teknolojisini öğrenmenize yardımcı olacak kurslar sağlayın #
Learn Design’a ek olarak, bu yılın başlarında başlattığımız kapsamlı CSS kursumuz Learn CSS için yeni modülleri kullanıma sunuyoruz.
Ayrıca işlevsel ve erişilebilir formlar tasarlamanıza yardımcı olan eksiksiz bir kurs geliştirdik: Formları Öğrenin. Bu kurslarla birlikte Learn PWA’nın ilk birkaç modülünü de bulabilirsiniz.