Android'de Chrome'u uçtan uca taşıma kılavuzu

Kenardan kenara web deneyimleri oluşturma

Android'de Chrome'un tam ekrana geçmesine hazırlanın

Android'de Chrome 135'ten itibaren tam ekran modu kullanıma sunulacak.

• Chrome

CSS attr() işlevi yenilendi

Artık özel özellikler dahil olmak üzere herhangi bir CSS özelliğiyle attr() işlevini kullanabilirsiniz. Bu işlev, değerleri dize dışındaki veri türlerine ayrıştırabilir.

• Chrome

CSS Wrapped 2024

Chrome DevRel ekibine ve kaykay yapan Chrome Dino'ya katılarak 2024'te Chrome ve web platformu için kullanıma sunulan en yeni CSS'yi keşfedin.

Chrome 131'deki yenilikler

Chrome 131 kullanıma sunuldu. Ayrıntılar öğesi için daha fazla CSS stili, sayfa kenar boşluğu kutularıyla daha kolay baskı düzeni ve daha fazlası.

• Chrome

Stillendirme için daha fazla seçenek <details>

Artık yeni ::details-content sözde öğesini kullanarak görüntüleme türünü ayarlayabilir ve genişleyen ve daralan kısım için kapsayıcıya stil uygulayabilirsiniz.

Chrome 130'daki yenilikler

Chrome 130 kullanıma sunuluyor! Doküman içinde pencere özelliği, pencere içinde pencere üzerinde daha fazla kontrol sahibi olmanızı sağlar. CSS iç içe yerleştirilmiş bildirimleri, bazı zorlu uç durumları düzeltir ve birden çok satıra bölünen öğelerdeki süslemelerin nasıl davranacağını belirleyebilirsiniz. Pete LePage, Chrome 130'da geliştiriciler için sunulan yeniliklerle ilgili tüm ayrıntıları paylaşıyor.

• Chrome

Tek sayfalık uygulamalar için aynı doküman görünümü geçişleri

Tek sayfalık uygulamanızda kullanmak üzere aynı doküman görünümü geçişlerini kullanmaya başlayın.

Animasyonu yüksekliğe getir: auto; (ve diğer doğal boyutlandırma anahtar kelimeleri)

"interpolate-size" ve "calc-size(" ile doğal boyutlandırma anahtar kelimeleri arasında animasyonlu geçiş

Anlık Etkinlikleri Kaydırma

İki yeni JavaScript etkinliğiyle tanışın: ScrollSnapChange ve slideSnapSwap.

• Chrome

Görüntüleme geçişleriyle ilgili yanlış kanılar

View Transition API'yi inceleyen kullanıcıların sayısı arttıkça bazı yanlış kanıları çürütmenin zamanı geldi.

• Chrome

CSS ve web kullanıcı arayüzündeki son yenilikler: I/O 2024 özeti

Google I/O 2024'te yayınlanan tüm CSS ve web kullanıcı arayüzü duyurularını okuyun.

• Chrome

Görüntüleme geçişlerindeki yenilikler nelerdir? (Google I/O 2024 güncellemesi)

MPA için dokümanlar arası görüntüleme geçişleri, etkin türlerle seçmeli görünüm geçişleri ve görüntüleme geçiş sınıfıyla animasyon stillerini paylaşma duyurusu.

• Chrome

Kaydırma odaklı animasyonlarla ilgili örnek olaylar

Policybazaar, redBus ve Tokopedia ile kaydırma destekli animasyonların avantajlarını keşfedin.

• Chrome

CSS ve kullanıcı arayüzü özellikleri e-ticaret siteniz için neden önemlidir?

E-ticaret sitelerinin en yeni CSS ve kullanıcı arayüzü özelliklerini (Görüntüleme Geçişleri, Kaydırma tabanlı animasyonlar, Popover API vb.) uygulayarak nasıl avantaj sağladığını öğrenin.

• Chrome

"Kaydırma Odaklı Animasyonların gücünden yararlanın"

Kaydırma tabanlı animasyonlar hakkında her şeyi öğrenebileceğiniz 10 bölümlük video kursu

• Chrome

CSS duvarı için alternatif bir teklif

Duvar işçiliğini ve ızgarayı farklı özelliklerde tanımlama teklifi.

• Chrome

View Transition API ile sorunsuz geçişler

View Transition API, bir web sitesinin görünümleri arasında geçişler eklemenize olanak tanır.

Çok sayfalı uygulamalar için dokümanlar arası görünüm geçişleri

Çok sayfalı uygulamanızda (MPA) kullanmak üzere dokümanlar arası görünüm geçişlerini kullanmaya başlayın.

CSS ::backdrop devralma değişiklikleri

Chrome 122 sürümünden itibaren "::backdrop" öğesi, özellikleri kaynak öğesinden devralmaktadır.

• Chrome

Kaydırma çubuğu stili

Kaydırma çubuklarının stilini belirlemek için "scrollbar-width" ve "scrollbar-color" özelliklerini kullanın.

Özel Akordeon

Aynı "name"e sahip birden fazla "" öğesi ile özel bir akordeon oluşturun.

CSS sarmalandı: 2023

2023 CSS için büyük bir yıldı. Bu yıl Chrome'da ve web platformu genelinde kullanıma sunulanlar hakkında bilgi edinin.

• Chrome

Seçicilerinizin erişimini, kuraldaki CSS @scope ile sınırlayın

DOM'unuzun yalnızca sınırlı bir alt ağacındaki öğeleri seçmek için @scope'u kullanmayı öğrenin.

linear() yumuşak geçiş işleviyle CSS'de karmaşık animasyon eğrileri oluşturma

CSS'deki yumuşak geçiş işlevini kullanıma sunuyoruz. Bu yumuşatma işlevi, noktaları arasında doğrusal etkileşim kurarak hemen çıkma ve ilkbahar efektlerini yeniden oluşturmanıza olanak tanır.

CSS ve kullanıcı arayüzündeki yenilikler: I/O 2023 Sürümü

Google I/O 2023'te öne çıkarılan, kaçırmak istemediğiniz en popüler 20 CSS ve kullanıcı arayüzü özelliği.

• Chrome

Kaydırma odaklı animasyonlarla, kaydırma sırasında öğeleri canlandırın

Bildirim temelli bir şekilde kaydırmaya dayalı animasyonlar oluşturmak için Kaydırma Zaman Çizelgeleri ve Zaman Çizgilerini Görüntüleme ile nasıl çalışacağınızı öğrenin.

CSS İç İçe Yerleştirme

Favori CSS ön işlemci özelliklerimizden biri artık dilin içinde yerleşik olarak bulunuyor: iç içe yerleştirme stili kuralları.

CSS İç İçe Yerleştirme söz diziminin seçilmesine yardımcı olun

CSS Çalışma Grubu, CSS'de iç içe yerleştirmeyi tanımlamanın en iyi yolu üzerine tartışmaya devam etmektedir. CSS yazarsanız yardımınıza ihtiyacımız var.

• Chrome

Android'deki Chrome'da, görüntü alanını yeniden boyutlandırma davranışında yapılacak değişikliklere hazırlanma

Chrome 108'de görüntü alanı yeniden boyutlandırma davranışında yapılacak değişiklikler, Chrome'un bu değişikliği neden yaptığı ve hazırlanmak için neler yapabileceğiniz.

• Chrome

Chrome 106'daki yenilikler

Chrome 106 kullanıma sunulmaya başladı. Sayıları biçimlendirirken daha fazla kontrol sahibi olmanızı sağlayan yeni Uluslararası API'ler var. Kritik içerikleri kullanıcıya göstermeyi kolaylaştıran yeni Pop-up API için bir kaynak denemesi var. CSS ile ilgili birkaç iyileştirme mevcuttur. Dahası da var.

• Chrome

Örnek Olay: Geliştirici Araçları ile Daha İyi Angular Hata Ayıklama

Chrome Geliştirici Araçları ve Angular ekipleri, test pilotu olarak Angular'ı kullanarak size daha iyi bir hata ayıklama deneyimi sunmak için iş birliği yaptı. Diğer çerçeveler de benzer değişiklikler sağlayabilir.

• Chrome

Chrome Geliştirici Araçları'nda modern web hata ayıklaması

Chrome Geliştirici Araçları'nda yapılan ve paketleyiciler, çerçeveler ve üçüncü taraf kodlarla çalışırken hata ayıklama ve profil oluşturma deneyiminizi iyileştiren son değişikliklerden bazılarına göz atın.

• Chrome

Basamaklı katmanlar tarayıcınıza geliyor

"Basamaklı katmanlar, kodunuzun basamak önceliğini yönetmenize yardımcı olacak yeni bir CSS API'sidir ve yakında tüm modern tarayıcılarda kullanıma sunulacaktır."

• Chrome

Chrome 89'daki yenilikler

Chrome 89 kullanıma sunuluyor! WebHID, WebNFC ve Web Serial, kaynak denemelerinden kaldırıldı ve artık kararlı olarak kullanılabilir. Birkaç geliştiricinin PWA yüklenebilirlik kontrollerini atlatmak için kullandığı güvenlik açığını kapatıyoruz. Web Paylaşımı ve Web Paylaşımı Hedefi masaüstüne geliyor. Dahası da var!

• Chrome

How NRK uses scroll-driven animations to bring stories to life

Learn how scroll-driven and scroll-triggered animations enhance storytelling articles

• Chrome

Specify how multiple animation effects should composite with animation-composition

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

• Workbox

More control over :nth-child() selections with the of S syntax

Pre-filter a set of child elements before applying An+B logic on it.

• Workbox