Chrome, insanların büyük çoğunluğu tarafından kullanılıyor ve Chrome uzantılarını düşünmek mantıklı. Diğer tarayıcılar da mevcuttur, ancak Chrome, internet kullanıcılarının %7’si ile en popüleridir. Mahremiyetten yoksun olsa da üretkenlikle bunu telafi ediyor!
Bir geliştirici veya tasarımcıysanız, muhtemelen günlük olarak kullandığınız birkaç Chrome uzantısına zaten aşinasınızdır. Uzantılar hayatı kolaylaştırır, üretkenliği artırır veya kritik bir görevi yerine getirir.
İster backend ister frontend web geliştiricisi olun tarayıcınızda web sitenizi test etmek istediğiniz zaman, web tarayıcılarının konsollarını istediğiniz gibi verimli kullanmanız pek mümkün değildir. Bu yazımızda Chrome web tarayıcımıza kurabileceğiniz eklentileri sizin için derledik.
1- Web Developer
Bir Web geliştiricisinin ihtiyacı olan her şeyi içinde barındıran bu Chrome eklentisi ile ister frontend ister backend geliştiricisi olun bu eklentiyi mutlaka Chrome tarayıcınıza kurmalısınız. İçerisinde javascriptleri pasif moda alma, CSS’leri düzenleme, Farklı ekranlar için sayfa çözünürlüğü ayarlama, renk seçimi, önbelleği temizleme gibi birçok farklı özellik tek bir eklentide mevcut.
2- Lorem Ipsum Generator (Default Text)
Bu eklenti ise özellikle test kullanıcıları için istenilen ölçülerde Lorem Ipsum metinleri oluşturmanızı ve tasarımda zorluk çekmemenizi sağlıyor. Cümle sayısı veya paragraf sayısına göre metinler oluşturmanız bu eklenti sayesinde mümkün.
3- Form Elephants
Web sitesine eklediğiniz formlara her seferinde farklı girişler yaparak test etmek yerine bu eklentiyi kullanarak farklı verilerle formunuzu doldurarak test etmek imkanına sahipsiniz. Web geliştiricilerin işlerini hızlandırmasını sağlayacak bir eklenti olarak yer alıyor.
4- What Font
Girdiğiniz herhangi bir web sitesinde yer alan fontları tespit etmenizi sağlayan bir Chrome eklentisi. Hoşunuza giden fontların isimlerini bulmakta güçlük çekiyorsanız What Font Chrome eklentisi tam size göre.
5- Style Bot
Web sitenizi tasarlarken kullanacağınız font’a boyutuna rengine karar veremiyor görerek denemek istiyorsanız style bot Chrome eklentisi web sayfalarına adeta bir görsel düzenleyici ekliyor. Frontend geliştiricilerin işini kolaylaştırmakta çok faydalı.
6- Window Resizer
Responsive tasarım yaparken aklınıza gelebilecek birçok cihazın ekran boyutuna göre tarayıcınızın ekran boyutunu bu eklenti sayesinde değiştirerek web sitenizin farklı ekranlarda nasıl görüneceğini test edebilirsiniz.
7- Clear Cache
Bazen web sitenizde yaptığınız CSS ve JS değişikliklerini görüntüleyemeyebilirsiniz. Bu sorun çoğu zaman tarayıcınızın web sitesini ön bellek üzerinden çalıştırdığı için yaşanır. Farklı bir tarayıcı üzerinden web sayfasını açmak bir çözüm olsa da geçici bir çözüm olarak değerlendirilir burada devreye önbelleği silmek gelir. Tarayıcı önbelleğinizi tarayıcı geçmişinden de silebilirsiniz ancak pratiklik sağlaması adına Clear Cache isimli eklentiyi kullanmanızı tavsiye ediyoruz.
8- Page Ruler
Web sayfanızı tasarlarken hizalamalar konusunda hassas ve ince işçilik çıkartmayı seviyorsanız bu eklenti yine vazgeçilmeziniz olacaktır. Bazı görsel editörlerde olduğu gibi web tarayıcınız üzerinde kılavuz çizgileri ve cetveller oluşturmanıza olanak sağlayan bu eklentiyi hizalama ölçülendirme gibi işlerinizde yardımcı olarak kullanabilirsiniz.
9- UX Check
Ux Check Chrome eklentisi Niessel’in 10 buluşsal yöntemini kullanarak web sayfalarını değerlendiren bir UX analiz aracıdır. Web sitenizdeki kullanılabilirlik sorunlarını size göstermede yardımcı olan bu araç sorunlar hakkında not almanızı, ekran görüntüsü almanızı ve bulduğunuz sorunları ekip içerisinde paylaşmanızı sağlar. Paylaşımlarını yapmak için bulguları dışarıya aktarmanıza imkan sağlar.
UX Kontrolü ise detaylara fazla inmeden yüzeysel kullanıcı testi gerçekleştirmenin pratik bir yoludur. Bir web projesini teslim etmeden önce ilk test olarak nitelendirebiliriz.
10- Check My Links
Web sitelerinde link yapısı ne kadar SEO çalışmalarını etkiliyor olsa dahi bir web sitesinin son kontrollerini sağlarken kırık link olmamasına özen göstermeliyiz. Check My Links Chrome eklentisi ile web sitenizde bulunan linklerin durumlarını hızlıca gözden geçirebilir ve bulduğunuz sonuçlara göre aksiyon alabilirsiniz.
Tavsiye ettiğimiz bu eklentileri kullanarak web site tasarım sürecinizi hızlandırabilir, ya da bizlere ulaşarak web site tasarım sürecinizi yürütmemiz için bizimle iletişime geçebilirsiniz.
