loader image

Web Geliştiriciler için kullanışlı 10 Chrome eklentisi

tarafından | Tem 21, 2022 | Web Tasarım, SEO

İ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

Web developer Chrome Extension Ekran görüntüsü

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 javasicptleri 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)

Lorem ipsum text Generator ekran görüntüsü

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 Filler

Form Filler chrome eklentisi ekran görüntüsü

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

What font chrome eklentisi ekran görüntüsü

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

style bot  chrome eklentisi ekran görüntüsü

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

window resizer  chrome eklentisi ekran görüntüsü

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

clerar cache  chrome eklentisi ekran görüntüsü

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

page ruler  chrome eklentisi ekran görüntüsü

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 ekran görüntüsü

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

check my links  chrome eklentisi ekran görüntüsü

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 destek alabilirsiniz.

İlginizi Çekebilir

WordPress’te Pop-up Form Nasıl Yapılır?

Web site ziyaretçilerinin form doldurma ve dönüşüm oranlarını arttırmak için kullanılan, açılır pencerelerle (pop-up) hemen hemen herkes karşılaşmıştır. Kendi web sitenizde pop-up formatında  form yayınlayarak ziyaretçi dönüşüm oranlarınızı arttırmak için...

Tasarımda Çözüm Üretmenin İlk Adımı: Empati Haritası

Hayatınızın hangi anlarında empati kullanıyorsun? Empati işinizi ne derecede kolaylaştırıyor ya da size ne kadar yardımcı oluyor? Hayatımızda empatiyi ne kadar sık ve doğru yaparsak net bir çözüme ulaşamasak bile olayları daha geniş açıdan görebileceğimizi ve anlayış...

2022’DE WEB TASARIMINDA DİKKAT EDİLMESİ GEREKEN 1O MADDE

Web tasarımı dünyasında gezinmek çoğu zaman zor olabilir. Çok fazla çelişkili ve modası geçmiş tavsiye bulunuyor. Size 3 Tıklama Kuralına uymanız kaç kez tavsiye edildi? 3 tıklama kuralı kullanıcıların istedikleri içeriğe üç tıklama ile ulaşması gerektiğini belirtir....

Google Trends Nasıl Kullanılır

İlk Olarak Google Trends’i Anlamak Google Trends’i yeni yeni kullanmaya başlayan bir marka varsa verileri görselleştirmeye çalışırken unutulamaması kereken gereken birkaç kriter bulunmaktadır. Öncelikle, Google Trends birbirinden farklı verileri karşılaştırma...

YouTube & Web Sitesi Optimizasyon Önerileri

Youtube ve web sitelerinde geniş kitlelere ulaşmak istiyorsanız algoritmanın ve kullanıcıların istediği kriterlere göre Youtube hesaplarınızı ve web sitenizi optimize etmeniz gerekmektedir. Optimizasyonlarınızı yaparken yol haritası niteliğinde hazırladığımız...

Ağustos Ayı Özel Günler Takvimi

pazartesiSalıÇarşambaPerşembeCumaCumartesiPazar1234567Dünya Karpuz GünüUluslararası Bira GünüDünya Temiz Nefes Günü891011121314-Aşure Günü-Dünya Bowling Günü-Kavun Günü-Dünya Kitapseverler GünüDünya Aslan Günü-Dünya Fil Günü-Dünya Gençlik GünüDünya Solaklar...

Google Ads Video Oluşturma Aracı Nedir, Nasıl Kullanılır ? (2022)

Google Ads içerisinde hazır YouTube videolarının kullanılması hepimizi yoruyordu ve YouTube kanalı/hesabı ile düzenlemek ayrı bir yorgunluktu. Özellikle reklam videoları için kullanılmasını istediğimiz ayrı videoları da “gizli” olarak paylaşıp yalnızca linkini Google...

Amazon SEO Nedir ve Nasıl Yapılır?

Amazon SEO, Amazon içerisinde ürünlerin ilk sayfalarda ve ilk sıralarda yer alması yönünde yapılan mağaza içi arama motoru optimizasyonu olarak tanımlanır. Amazon SEO, bu platformun içerisinde kendi dinamikleri ve algoritmasına göre optimizeyi içerir. Amazon SEO...

DESIGN THINKING NEDİR?

Design Thinking, Türkçe anlamıyla Tasarım Odaklı Düşünüştür. Tasarım ise, genel bir tanımlamayla insan bilincinin bir eylemi olduğu, bu eylemi yönlendiren dürtülerin ise maddi ve ruhsal dünyanın gereksinimleri olduğu söylenebilir. Design Thinking’e dönecek olursak...

Yeni Başlayanlar için Logo Tasarım İpuçları

İlk tanışmalar çok önemlidir. Hizmetleriniz ve teknik altyapınız ne kadar başarılı olursa olsun, potansiyel müşterileriniz ilk logo tasarımınızla tanışacaktır. Doğrudur, kitap kapağına göre yargılanmaz; fakat başarısız bir logo tasarımı müşterilerinizin size bakış...

Google Trends Nasıl Kullanılır

İlk Olarak Google Trends’i Anlamak Google Trends’i yeni yeni kullanmaya başlayan bir marka varsa verileri görselleştirmeye çalışırken unutulamaması kereken gereken birkaç kriter bulunmaktadır. Öncelikle, Google Trends birbirinden farklı verileri karşılaştırma...

YouTube & Web Sitesi Optimizasyon Önerileri

Youtube ve web sitelerinde geniş kitlelere ulaşmak istiyorsanız algoritmanın ve kullanıcıların istediği kriterlere göre Youtube hesaplarınızı ve web sitenizi optimize etmeniz gerekmektedir. Optimizasyonlarınızı yaparken yol haritası niteliğinde hazırladığımız...

Ağustos Ayı Özel Günler Takvimi

pazartesiSalıÇarşambaPerşembeCumaCumartesiPazar1234567Dünya Karpuz GünüUluslararası Bira GünüDünya Temiz Nefes Günü891011121314-Aşure Günü-Dünya Bowling Günü-Kavun Günü-Dünya Kitapseverler GünüDünya Aslan Günü-Dünya Fil Günü-Dünya Gençlik GünüDünya Solaklar...

Google Ads Video Oluşturma Aracı Nedir, Nasıl Kullanılır ? (2022)

Google Ads içerisinde hazır YouTube videolarının kullanılması hepimizi yoruyordu ve YouTube kanalı/hesabı ile düzenlemek ayrı bir yorgunluktu. Özellikle reklam videoları için kullanılmasını istediğimiz ayrı videoları da “gizli” olarak paylaşıp yalnızca linkini Google...

Amazon SEO Nedir ve Nasıl Yapılır?

Amazon SEO, Amazon içerisinde ürünlerin ilk sayfalarda ve ilk sıralarda yer alması yönünde yapılan mağaza içi arama motoru optimizasyonu olarak tanımlanır. Amazon SEO, bu platformun içerisinde kendi dinamikleri ve algoritmasına göre optimizeyi içerir. Amazon SEO...

DESIGN THINKING NEDİR?

Design Thinking, Türkçe anlamıyla Tasarım Odaklı Düşünüştür. Tasarım ise, genel bir tanımlamayla insan bilincinin bir eylemi olduğu, bu eylemi yönlendiren dürtülerin ise maddi ve ruhsal dünyanın gereksinimleri olduğu söylenebilir. Design Thinking’e dönecek olursak...

Yeni Başlayanlar için Logo Tasarım İpuçları

İlk tanışmalar çok önemlidir. Hizmetleriniz ve teknik altyapınız ne kadar başarılı olursa olsun, potansiyel müşterileriniz ilk logo tasarımınızla tanışacaktır. Doğrudur, kitap kapağına göre yargılanmaz; fakat başarısız bir logo tasarımı müşterilerinizin size bakış...

Kod Yazmadan Mobil Uygulamalar Oluşturun (No-Code)

Tek satır bile kod yazmadan yazılım oluşturmak mı? Kodsuz yazılım geliştirmek, veri tabanı oluşturmak vb. durumlar için genellikle kısıtlı hizmet alanı sunan başarısız denemeler yapılmış ve birçok kişi tarafından kullanışlı bulunmamış. Sizleri bunu değiştiren ilk...

Sosyal Medya Özel Günler Takvimi (Temmuz)

Sosyal Medya Özel Günler Takvimi (Temmuz) herkes için önemlidir, eğer bir sosyal medya yöneticisiyseniz bu günler daha da önem kazanıyor. Neredeyse her günün kutlandığı günlere yetişmek hiç kolay olmuyor. Biz de bu yüzden sosyal medya içeriklerinizi oluştururken...

Google Reklamları Bizi Nasıl Hedefler?

Bilindiği üzere Google e-posta ve tarayıcı çerezlerimiz ile bizleri hedeflemek için kategorize etmekte. Profillerimizi koyduğu 400’e yakın hedef kitle detayı var. Özellikle yeni kullanıcılara ulaşmak isteyen reklam verenlerin karşısına kategorize edilmiş olarak...