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

Web Scraping (Veri Kazıma) Hakkında En Çok Aratılan 7 Başlık

Neden Web Scraping Yaparız? İnternet üzerinde çok fazla veri bulunuyor. İnsanların ihtiyacı olan verilere temiz bir şekilde erişmesi ise manuel olarak yapıldığında çok fazla zaman ve emek kaybına yol açıyor. Web Scraping işleminin manuel yapılmasının bir dezavantajı...

Sektörel Bazda E-Posta Pazarlaması Davranış İstatistikleri

Bir çok şirket en yaygın e-posta pazarlama şirketlerinden olan MailChimp'i kullanmakta. Ayrıca MailChimp de tüm bu bu sektörel bazdaki verileri kendi datasında tutarken, kapalı şekilde sektörel bazda paylaşmış durumda. Diğer e-posta pazarlama şirketlerinden en çok...

Neden Rakipleriniz Sizden Daha İyi?

Bulunduğu konumu daha iyiye taşımak isteyen her işletmenin kendine mutlaka sorması gereken soruların başında rakiplerim neden benden daha iyi sorusudur. Rakiplerinizin sizden farklı yaptığı şey nedir? Burada yer alan; rakiplerim neden benden daha iyi sorusu, sunulan...

UX Writing Nedir?

UX Nedir? Kullanıcı deneyimi (UX) tasarımı kısaca, kullanıcının deneyimini kolaylaştırmak ve memnuniyetini artırmak adına düzenlenen tasarım sürecidir. UX tasarımı, marka, tasarım, kullanılabilirlik ve işlev yönleri dahil olmak üzere ürünü edinme ve entegre etme...

İyi Bir Marka İsmi Nasıl Belirlenir?

Yolun başında başarılı olmak zor. Yeni bir işletme kurmak ve onu uzun vadede ayakta tutmak fazlasıyla çalışma gerektirir. İstatistiklere göre, çoğunlukla yeni işletme ve girişimlerin yalnızca yarısı beş yılı geride bırakmaktadır. Bu girişi cesaretinizi kırmak veya...

Kasım Ayı Özel Günler Takvimi 2022

Kasım ayı özel günler takvimi 2022

Nft’nizi Twitter’da Nasıl Tanıtırsınız

Bir insanın gülümsemesinin, kıkırdamasının, burnunu çekmesinin ve hatta gözyaşlarının uzun vadeli finansal değeri paha biçilemezGaryVee Okumak üzere olduğun şey sana garip gelecek. Güvenli oynamayı ve geneli olanı takip etmeyi seven biriyseniz, bu bilgi sizin için...

NFT Pazarlama Stratejileri: NFT Koleksiyonunuzu Tanıtmanın 17 Ücretsiz Yolu

NFT koleksiyonunuz var ama satış yapamıyor musunuz? Pek çok içerik oluşturucu, NFT koleksiyonlarını nasıl tanıtacakları, pazarlayacakları ve özellikle de pazarlamaya harcayacak gelirleri yoksa koleksiyoncuların dikkatini nasıl çekecekleri konusunda mücadele ediyor. Bu...

UI Tasarımında Boşluk Kullanımı

Wojciech Zieliński ’nin arayüz tasarımcıları için hazırladığı kaynaklardan faydalanıp, boşluk tasarımı ve etkilerinden bahsedeceğimiz bir blog yazısı olacak. Umuyoruz ki bu yazı bizlere olduğu kadar sizlere de yeni bir bakış açısı kazandıracaktır.Boşluk, hayatın...

Sosyal Medya Post Tasarımı Yaparken Dikkat Edilmesi Gerekenler

İnternetin her geçen gün daha da fazla kullanılmasıyla birlikte artık 7’den 70’e herkes birer internet ve akıllı telefon kullanıcısı. Günlük hayatımız da dahil olmak üzere neredeyse tüm işlerimizi internet üzerinden yürüttüğümüz bir düzene geçiş yapmış bulunmaktayız....

UX Writing Nedir?

UX Nedir? Kullanıcı deneyimi (UX) tasarımı kısaca, kullanıcının deneyimini kolaylaştırmak ve memnuniyetini artırmak adına düzenlenen tasarım sürecidir. UX tasarımı, marka, tasarım, kullanılabilirlik ve işlev yönleri dahil olmak üzere ürünü edinme ve entegre etme...

İyi Bir Marka İsmi Nasıl Belirlenir?

Yolun başında başarılı olmak zor. Yeni bir işletme kurmak ve onu uzun vadede ayakta tutmak fazlasıyla çalışma gerektirir. İstatistiklere göre, çoğunlukla yeni işletme ve girişimlerin yalnızca yarısı beş yılı geride bırakmaktadır. Bu girişi cesaretinizi kırmak veya...

Kasım Ayı Özel Günler Takvimi 2022

Kasım ayı özel günler takvimi 2022

Nft’nizi Twitter’da Nasıl Tanıtırsınız

Bir insanın gülümsemesinin, kıkırdamasının, burnunu çekmesinin ve hatta gözyaşlarının uzun vadeli finansal değeri paha biçilemezGaryVee Okumak üzere olduğun şey sana garip gelecek. Güvenli oynamayı ve geneli olanı takip etmeyi seven biriyseniz, bu bilgi sizin için...

NFT Pazarlama Stratejileri: NFT Koleksiyonunuzu Tanıtmanın 17 Ücretsiz Yolu

NFT koleksiyonunuz var ama satış yapamıyor musunuz? Pek çok içerik oluşturucu, NFT koleksiyonlarını nasıl tanıtacakları, pazarlayacakları ve özellikle de pazarlamaya harcayacak gelirleri yoksa koleksiyoncuların dikkatini nasıl çekecekleri konusunda mücadele ediyor. Bu...

UI Tasarımında Boşluk Kullanımı

Wojciech Zieliński ’nin arayüz tasarımcıları için hazırladığı kaynaklardan faydalanıp, boşluk tasarımı ve etkilerinden bahsedeceğimiz bir blog yazısı olacak. Umuyoruz ki bu yazı bizlere olduğu kadar sizlere de yeni bir bakış açısı kazandıracaktır.Boşluk, hayatın...

Sosyal Medya Post Tasarımı Yaparken Dikkat Edilmesi Gerekenler

İnternetin her geçen gün daha da fazla kullanılmasıyla birlikte artık 7’den 70’e herkes birer internet ve akıllı telefon kullanıcısı. Günlük hayatımız da dahil olmak üzere neredeyse tüm işlerimizi internet üzerinden yürüttüğümüz bir düzene geçiş yapmış bulunmaktayız....

Ekim Ayı Özel Günler Takvimi 2022

1 Ekim Cumartesi Dünya Gülümseme Günü Dünya Kahve Günü Dünya Çocuk Günü Dünya Vejetaryen Günü Dünya Yaşlılar Günü Dünya Gülümseme Günü 2 Ekim Pazar Dünya Şiddete Hayır Günü 3 Ekim Pazartesi Dünya Mimarlık Günü 4 Ekim Salı Hayvanları Koruma Günü 6 Ekim Perşembe Dünya...

TikTok Reklam Türleri ve Maliyetleri 2023

Markanız veya işletmeniz için TikTok Reklamlarına başlamayı mı düşünüyorsunuz? TikTok'un 2022'nin 1. çeyreğinde aylık 1.39 milyardan fazla aktif kullanıcısı bulunmakta ve 2022'nin sonunda 1.8 milyar kullanıcıya ulaşması tahmin ediliyor. Son yılların en hızlı büyüyen...

Google Ads Geçersiz Tıklamalar Algoritmaları İyileştirildi (Invalid Clicks)

Öncelikle konuya başlamadan önce Google Ads’te “Bize Ulaşın” kısmından geçersiz tıklamaları bildirebileceğiniz linki iletmek istedim. 👉 https://support.google.com/google-ads/troubleshooter/2557048?rd=1  Geçersiz Trafik Nedir? Geçersiz trafik, reklamverenin...