2021 Chrome Geliştirici Zirvesi'nde yapılan tüm önemli duyuruların bir özeti ve daha fazla bilgi için ihtiyacınız olan bağlantılar.
Bu gönderide, 2021 Chrome Geliştirici Zirvesi'nde yapılan tüm önemli duyurular bir araya getirilmiş olup daha fazla bilgi edinmek için ihtiyacınız olan bağlantıları bulabilirsiniz.
Web'i birlikte çalışabilir hale getirin
Web uyumluluğu, web geliştiricilerinin karşılaştığı en büyük zorluklardan biridir. Bu nedenle Google, uyumlulukla ilgili başlıca beş sorunu çözmek için diğer tarayıcı tedarikçileriyle birlikte çalışmaktadır: flexbox, grid, position: sticky, aspect-ratio ve transforms.
Çalışmalar şimdiden bu önemli alanlarda iyileştirmeler sağladı. Compat 2021 yıl ortası güncellemesinde bunlar hakkında bilgi edinebilirsiniz.
Yeni uygulama sınıflarının web'de çalışmasına izin ver
Fugu Projesi, web'de yeni uygulama sınıflarına olanak tanımayı amaçlayan bir çalışmadır. fugu-tracker.web.app adresinden Fugu API'leriyle ilgili gelişmeleri takip edebilirsiniz.
Adobe kısa süre önce Adobe, Google ve web standardındaki kuruluşlar arasındaki iş birliğiyle mümkün hale gelen bir başarı olan Photoshop'u web'e taşıdığını duyurdu. Daha fazla bilgi için Photoshop'un web'e yolculuğu başlıklı makaleyi okuyun.
Gizliliği sağlayın
Yaygın web işlevlerinin çoğu üçüncü taraf çerezlerine ve gizlilik göz önünde bulundurularak tasarlanmamış diğer siteler arası izleme mekanizmalarına dayanır. Bu da geliştiricilerin artan gizlilik ihtiyacını karşılamalarını zorlaştırır.
Üçüncü taraf çerezlerini kullanımdan kaldırmak ve gizli izleme ile tarayıcı dijital parmak izini azaltmak amacıyla, ekosistemi desteklemek amacıyla gizliliği korumaya yönelik yeni teknolojiler geliştirmek için web topluluğu ve sektör paydaşlarıyla birlikte çalışıyoruz.
Özel Korumalı Alan sitesinde bu çalışma hakkında bilgi edinebilirsiniz. Ayrıca geliştiriciler için teklifler, bilgiler ve kılavuzlar, aylık güncelleme veya değişiklikler ve ilerleme, ayrıca kullanıcı aracısı dizesinde yapılan değişikliklerin zaman çizelgesi ve test ayrıntılarıyla ilgili bilgileri de bulabilirsiniz.
Core Web Vitals'ı iyileştirin
Core Web Vitals'ı iyileştirmek için popüler JavaScript çerçevelerinin geliştiricileriyle birlikte çalışıyoruz ve bu çalışmalar kapsamında, sizden geri bildirimlerinizi duymaktan memnun kalacağımız iki yeni metrik belirledik. Genel yanıt verme ve sorunsuzluk hakkında bilgi edindikten sonra düşüncelerinizi bizimle paylaşın.
Ayrıca PageSpeed Insights'ın güncellenmiş sürümü, şu anda Canary'de kullanıma sunulan yeni Chrome Geliştirici Araçları için Kaydedici Paneli ve Lighthouse için yeni bir kullanıcı akışı API'si de duyuruldu.
Yeni web platformu özelliklerini etkinleştir
RenderingNG, Chromium'un oluşturma motorunun yeniden düzenlenen iddialı bir projesidir. Bu proje, Chrome'da uzun süredir var olan hataları düzeltmeyi ve yeni özelliklerin kilidini açmayı hedefler. Bu, yıllardır web geliştiricilerin en çok istediği özellik olan kapsayıcı sorguları'nı içeriyor.
Kapsayıcı sorguları, duyarlı tasarım oluşturmak için bir medya sorgusu kullanan herkese tanıdık gelir.
Ancak görüntü alanı boyutunu sorgulamanın içinde, bileşeninizin bulunduğu kapsayıcının boyutunu sorgulamanıza olanak tanır.
Google, Chrome'daki #enable-container-queries işaretinin arkasında, yeni ortaya çıkan spesifikasyonun deneme amaçlı uygulanması üzerinde çalışmaktadır.
Bu çalışmanın, bir zamanlar ulaşmanın imkansız olduğu düşünülen özelliklerin uygulanmasını nasıl sağladığına dair önemli ayrıntıları öğrenmek için RenderingNG'i ayrıntılı olarak ele alan bir blog yayınını okuyun veya bu videoyu izleyin.
Güzel ve duyarlı siteler oluşturmanıza yardımcı olur
Yeni duyarlı tasarım, ekran veya kapsayıcı boyutundan çok daha fazlasını sunuyor. Modern duyarlı sitelerin nasıl oluşturulacağını Tasarım Öğrenme kursumuzda öğrenebilirsiniz. İlk beş modül bugün kullanıma sunuluyor. Diğer modüller önümüzdeki haftalarda yayınlanacak.
Bu yıl güzel deneyimler oluşturmayı kolaylaştırmak için yeni CSS özellikleri Chrome'da ve diğer tarayıcılarda kullanıma sunuldu.
accent-color ve size-adjust hakkında daha fazla bilgi edinin.
Yeni CSS'den hızlı bir şekilde yararlanmanıza yardımcı olmak için bir dizi düzen kalıbını kullanıma sunduk. Bunlar size, yaygın olarak kullanılan birçok arayüz modeli için sağlam bir başlangıç noktası sağlar.
Web teknolojisini öğrenmenize yardımcı olacak kurslar sunun
Learn Design'a ek olarak, bu yılın başlarında kullanıma sunduğumuz kapsamlı CSS kursumuz olan Learn CSS için yeni modüller sunuyoruz.
Ayrıca, işlevsel ve erişilebilir formlar tasarlamanıza yardımcı olan kapsamlı bir kurs da hazırladık: Learn Forms. Bu kurslarla birlikte, Learn PWA'nın ilk birkaç modülünü bulabilirsiniz.