Google'ın Web Rehberi: Anında Ulaşabileceğiniz Bir Kıdemli Geliştirici Gibi

Kimsenin Konuşmadığı Sorun

Şöyle bir gerçek var: AI kodlama asistanları inanılmaz zekiler, ama her zaman birkaç ay geç kalmışlar. Bugün yeni bir CSS özelliği çıktı, modelin eğitim tarihi üç ay önceydi ve tam olarak bu boşlukta, deprecated sözdizimleri, eksik fallback'ler ve erişilebilirlik hataları pusuya yatmış durumda. Gece ikide debug yaparken fark edeceğiniz türden sürprizler bunlar.

Google'ın yeni Modern Web Guidance'ı tam olarak bu boşluğu doldurmaya çalışıyor. Bir nevi AI ajanlarının kod yazarken başvurabileceği hazır bir kural seti olarak düşünün. Modeli güncellemek değil, modelin yanına oturtabileceğiniz yapılandırılmış bir bilgi tabanı.

İçinde Ne Var?

Kılavuz ön yüz geliştirmenin temel konularını kapsıyor, ama gerçekten parlayan kısım, profesyonel iş ile acemi iş arasındaki farkı yaratan detaylarda.

Erişilebilirlik varsayılan olarak. Dokümantasyon açıkça AI'dan prefers-reduced-motion'a saygı göstermesini, doğru ARIA attribute'larını kullanmasını ve animasyonlardaki overlay elementlerini hesaba katmasını istiyor. Bunlar opsiyonel tavsiyeler değil, MUTLAKA uyulması gereken kurallar olarak işaretlenmiş. Web erişilebilirliğinde gerçekten fark yaratan türden bir uygulama bu.

Modern CSS geçişleri ve animasyonları. Evrensel tarayıcı desteği henüz olmayan yeni bir CSS özelliği mi kullanıyorsunuz? Kılavuzda fallback stratejileri mevcut. Entry animasyonları için @starting-style ile mi çalışıyorsunuz? Kılavuz bu blokların kaskad için nereye yerleştirileceğini biliyor ve exit animasyonları için kullanılmaması konusunda açıkça uyarıyor (hint: exit animasyonları base state transition ile hallediliyor).

Basınç altındayken unuttuğumuz şeyler. Açıkçası, bir özelliği yetiştirmeye çalışırken reduced motion tercihini atlama, focus state'i ihmal etme veya top layer'a giren elementleri hesaba katmama ihtimali yüksek. Kılavuz bunları "güzel olur" kategorisinden çıkarıp, vazgeçilmez gereksinimler olarak ele alıyor.

Ekibiniz İçin Neden Önemli?

AI destekli geliştirme ile çalışıyorsanız — ve gerçekçi olalım, artık çoğumuz öyle yapıyoruz — bu tür yapılandırılmış rehberlik dönüştürücü olabiliyor. Mesele AI'ın daha zeki olması değil; AI'a normalde sadece kıdemli geliştiricilerin kafasında yaşayan kurumsal bilgiyi aktarabilmek.

NameOcean'da vibe coding ve AI destekli workflow'lara uzun süredir yatırım yapıyoruz. Modern Web Guidance gibi araçlar bir sonraki evrimi temsil ediyor: Sadece kod üreten değil, sorumlu kod üreten AI. Edge case'leri handle eden, kullanıcı tercihlerine saygı gösteren ve kutudan çıktığında erişilebilirlik standartlarına uyan kod üreten AI.

Gerçekçi Bir Bakış

Birkaç önemli not: Bu sihir değil. Ürettiği kodu anlayan geliştiricilere hâlâ ihtiyacınız var. Kılavuzun kendisi de en iyi ifadeyi kullanıyor — "Ne yaptığınızı bilmelisiniz." Bunlar uzmanlığın yerine geçecek şeyler değil, çitler.

Architecture kararlarınız için bir spell-check gibi düşünün. Bariz hataları yakalar, en iyi pratikleri zorunlu kılar ve hızlı ilerlerken gözden kaçan şeyleri hatırlatır. Ama iş mantığınızı yazmaz ve insan geliştiricinin yapacağı gibi spesifik kullanım senaryonuzu anlayamaz.

Nereden Ulaşılır?

Modern Web Guidance dosyaları herhangi bir AI ajanının parse edip referans alabileceği Markdown formatında GitHub'da yaşıyor. Ekip çalışmasına AI destekli geliştirme workflow'ları entegre ediyorsanız, bu standart araç setinizin bir parçası olmalı.

Web platformu hızlı hareket ediyor. Bu tür araçlar bize ayak uydurmamızda yardımcı oluyor.

AI destekli kodlama rehberliği hakkında ne düşünüyorsunuz? Yorumlarda düşüncelerinizi paylaşın — birlikte keşfediyoruz.