Yeniden ekran: Web tasarımcıları için yan panel duyarlı yakalamaları
Rescreen - Breakpoints ekran görüntüsü, João Telo'dan, duyarlı web düzenlerini belgelemek ve tasarıma hazır ekran görüntüleri üretmek için bir Chrome uzantısıdır. Tasarımcıların ve geliştiricilerin kırılma noktaları boyunca sayfa görünümlerini yakalamasına, görsel özellikleri incelemesine ve devretmeye uygun varlıklar oluşturmasına yardımcı olur. Uzantı, duyarlı yakalamaya ve tarayıcı içi incelemeye odaklanmaktadır. Rescreen, hassas görsel spesifikasyonlar ve daha net devretme belgeleri gerektiren web tasarımcıları, UI geliştiricileri ve QA test uzmanlarını hedef alır.
Uzantının ne yaptığı ve kimin faydalandığı
Rescreen, tarayıcı iş akışının içine yakalama ve inceleme araçları yerleştirir ve duyarlı belgeler üzerinde yoğunlaşır. Uzantı, Pro özelliği olarak tek tıklamayla çoklu kırılma noktası yakalama (Masaüstü, Tablet, Mobil) sunar ve tipografi, renkler, boşluklar, resimler ve metinleri ortaya çıkaran beş fareyle yönlendirilen denetleyici içerir. Yakalama modları, ekiplerin gözden geçirme ve spesifikasyon için piksel düzeyinde görsellere doğrudan erişim sağlamasına olanak tanıyan eleman, bölge, görünür ekran ve tam sayfa ekran görüntüleri içerir.
Büyük sayfaları ve duyarlı testleri nasıl ele aldığı
Rescreen, uzun sayfaları ve duyarlı çalışmaları dış sunuculara varlık göndermeden yönetir. Ayarlanabilir hızlarla tam sayfa kaydırma videoları kaydeder ve çoklu kırılma noktası sonuçlarını otomatik olarak özel sekmelere sıralayabilir. Dışa aktarma seçenekleri, büyük ekran görüntülerinin Figma veya Miro sınırlarına uyacak şekilde tam çözünürlüklü bloklara kesilmesini sağlar, bu da teslimat hazırlığı sırasında manuel kırpma ve dışa aktarma işlerini azaltır.
Gizliliği, dışa aktarmaları ve iş akışı uyumunu nasıl ele aldığı
Uzantı tamamen kullanıcının makinesinde çalışır ve bir hesap gerektirmez, bu nedenle ekran görüntüleri ve veriler yerel kalır. Desteklenen resim dışa aktarmaları PNG, WebP, JPG ve PDF olup, video dışa aktarmaları MP4 ve WebM'dir. Rescreen, Chrome ve diğer Chromium tabanlı tarayıcılarda çalışır ve çalışabilmesi için tarayıcının yan panel işlevselliğine ihtiyaç duyar, bu da ekip ortamında nerede dağıtılabileceğini şekillendirir.
Kimler Rescreen'i seçmeli ve bir pratik ipucu
Rescreen, tarayıcı içinde üretilmiş teslimata hazır görsel belgeler gereksinimi olan tasarımcılar ve QA ekipleri için pratik bir seçenektir. Yerel çalıştırması, gizlilik odaklı iş akışlarını destekler ve manuel son işlemeyi azaltır. Pratik ipucu: yakalamadan önce gerçek hover durumlarını açığa çıkarmak için Caps Lock tuşuna basın ve daha hızlı geçişler için kesilmiş yakalamaları etiketli çerçeveler olarak içe aktarmak için Figma eklentisini kullanın.
