Web Geliştiriciler İçin Pratik Araç
Spacing Palette Overlay, web sayfalarındaki margin, padding ve boşluk boyutlarını anlık olarak görselleştiren bir Chrome eklentisidir. Bu araç, geliştiricilerin her sayfanın düzenini hızlıca incelemesine olanak tanır ve DevTools'u açma ihtiyacını ortadan kaldırır. Renk kodlamasıyla, sayfanın tamamı otomatik olarak gruplandırılır; çift sayılar turuncu ve kırmızı, 8 veya 4 katları sarı-yeşil, tek sayılar ise açık mavi ve çivit rengi ile gösterilir.
Eklenti, fare ile üzerine gelindiğinde aynı px değerine sahip olmayan alanları karartarak, altında bulunan bilgi balonlarıyla detayları sunar. Etiket Modu aktif olduğunda, her overlay'in ortasında px etiketleri görünür hale gelir. Ayrıca, yüzen menüde her px değeri ile birlikte M/P/G sayıları listelenir ve bu menü sayfanın herhangi bir yerinde açılıp kapatılabilir. Web tasarımcıları, ön uç mühendisleri ve QA ekipleri için ideal bir denetim aracı olarak öne çıkmaktadır.
