2021 Chrome Geliştirici Zirvesi'ndeki tüm önemli duyuruların özeti, daha fazla bilgi edinmeniz için gereken bağlantıları içerir.
Bu yayında, 2021 Chrome Geliştirici Zirvesi'ndeki tüm önemli duyuruların yanı sıra daha fazla bilgi edinmek için ihtiyaç duyduğunuz 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 en önemli beş sorunu düzeltmek için diğer tarayıcı tedarikçileriyle birlikte çalışmaktadır: flexbox,
grid,
position: sticky,
aspect-ratio ve transforms.
Çalışmalar bu temel alanlarda şimdiden iyileşmeler sağladı. Compat 2021 yıl ortası güncellemesinde bunlar hakkında bilgi edinebilirsiniz.
Yeni uygulama sınıflarının web'de çalıştırılmasına izin ver
Project Fugu web'de yeni uygulama sınıflarının kullanılmasına olanak tanımayı amaçlayan bir çalışmadır. Fugu API'leriyle ilgili ilerleme durumunu fugu-tracker.web.app adresinden takip edebilirsiniz.
Adobe kısa süre önce Photoshop'u web'e getirdiğini duyurdu. Bu yenilik; Adobe, Google ve web standardı kuruluşları arasındaki işbirliği sayesinde mümkün oldu. Daha fazla bilgi edinmek için Photoshop'un web'deki yolculuğu başlıklı makaleyi inceleyin.
Gizliliği sağlama
Yaygın web işlevlerinin çoğu, gizlilik göz önünde bulundurularak tasarlanmamış üçüncü taraf çerezlerine ve 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 izlemeyi ve tarayıcı parmak izini azaltmak amacıyla, ekosistemi desteklemek için gizliliği korumaya yönelik yeni teknolojiler geliştirmek için web topluluğu ve sektör paydaşlarıyla birlikte çalışıyoruz.
Bu çalışmayla ilgili bilgileri Özel Korumalı Alan sitesinde bulabilirsiniz. Ayrıca, geliştiriciler için teklifler hakkında bilgi ve kılavuzlar, aylık güncelleme veya değişiklikler ve ilerleme durumu, kullanıcı aracısı dizesindeki değişiklikler için zaman çizelgesi ve test ayrıntıları hakkında bilgiler de sunuyoruz.
Core Web Vitals'ı iyileştirin
Core Web Vitals'ı iyileştirmek için popüler JavaScript çerçevelerinin geliştiricileriyle birlikte çalıştık ve bu çalışmaların bir parçası olarak geri bildirimlerinizi almak istediğimiz iki yeni metrik belirledik. Genel yanıt verme ve sorunsuz çalışma hakkında bilgi edinin, ardından görüşlerinizi bize bildirin.
Ayrıca, PageSpeed Insights'ın güncellenmiş sürümünü, şu anda Canary'de kullanılabilen yeni Chrome Geliştirici Araçları için Kaydedici Paneli'ni ve Lighthouse için yeni bir kullanıcı akışı API'sini duyurduk.
Yeni web platformu özelliklerini etkinleştir
RenderingNG, Chromium'un oluşturma motorunun iddialı bir şekilde yeniden düzenlenmesidir. Bu proje, Chrome'da uzun süredir var olan hataları düzeltmek ve yeni özelliklerin kilidini açmak için kullanılan bir projedir. Buna, yıllardır web geliştiricilerin en çok talep ettiği tek özellik olan container sorguları da dahildir.
Kapsayıcı sorguları, duyarlı tasarım oluşturmak için medya sorgusu kullanmış olan herkese tanıdık gelir.
Bununla birlikte, görüntü alanı boyutunu sorgulama sırasında bileşeninizin bulunduğu kapsayıcının boyutunu sorgulamanıza olanak tanırlar.
Google, Chrome'daki #enable-container-queries işaretinin arkasında, yeni çıkan spesifikasyonun deneme amaçlı uygulaması üzerinde çalışmaktadır.
renderNG'yi ayrıntılı olarak ele alan blog yayınını okuyun veya bu çalışmanın bir zamanlar uygulanması mümkün olmadığı düşünülen özellikleri uygulamaya nasıl olanak tanıdığına ilişkin tüm önemli ayrıntıları öğrenmek için bu videoyu izleyin.
Güzel ve duyarlı siteler oluşturmanıza yardımcı olur
Yeni duyarlı tasarım yalnızca ekran veya kapsayıcı boyutundan çok daha fazlasıdır. Tasarımı Öğrenin adlı kursumuzda modern duyarlı sitelerin nasıl oluşturulacağını öğrenebilirsiniz. İlk beş modülün lansmanı bugün, diğerlerinin ise önümüzdeki haftalarda yayınlanması bekleniyor.
Güzel deneyimler oluşturmayı kolaylaştırmak için bu yıl Chrome'da ve diğer tarayıcılarda yeni CSS özellikleri kullanıma sunuldu.
accent-color ve size-adjust hakkında daha fazla bilgi edinin.
Yeni CSS'lerden hızla yararlanmanıza yardımcı olmak için bir dizi düzen kalıbı kullanıma sunduk. Bunlar size yaygın olarak kullanılan pek çok arayüz modeli için sağlam bir başlangıç noktası sağlar.
Web teknolojisini öğrenmenize yardımcı olacak kurslar verme
Tasarım Öğrenin'in yanı sıra, bu yılın başlarında kullanıma sunulan kapsamlı CSS kursumuz olan CSS Öğrenme için yeni modülleri kullanıma sunuyoruz.
Ayrıca işlevsel ve erişilebilir formlar tasarlamanıza yardımcı olacak eksiksiz bir kurs hazırladık: Formları Öğrenme. Bu kursların yanı sıra Learn PWA'nın (Progresif Web Uygulaması) ilk birkaç modülünü de bulabilirsiniz.