İnşa Edin: Web Geliştiricileri İçin 11 Mükemmel Chrome Uzantısı

İnşa Edin: Web Geliştiricileri İçin 11 Mükemmel Chrome Uzantısı

Chrome kısa süre önce İnternet tarayıcı pazarından %25 pay alarak, onu Internet Explorer'ın (Project Spartan'a dönüşen) arkasından dünyanın en çok kullanılan ikinci tarayıcısı haline getirdi. Sonuçta bu, Chrome'un fiili web geliştiricileri için ev.





Firefox'tan yana olmama rağmen, insanların neden Chrome'u sevdiğini anlayabiliyorum. Tarayıcı kıyaslamalarına hakim olma eğilimindedir ve normal kişilerin Chrome'un ileri düzey kullanıcıları olmasını kolaylaştırır. Diğerleri aslında Chrome'dan nefret ediyor, ancak belirli uzantıların kullanılabilirliği nedeniyle onu kullanmakta zorlanıyor.





Chrome'un web geliştiricileri için bu kadar iyi olmasının bir nedeni de budur: Chrome Web Mağazası ve uzantıları havuzu. Bir web sitesi tasarlamayı veya kodlamayı planlıyorsanız, hemen yüklemeniz gereken bazı temel araçlar burada.





ColorZilla

ColorZilla bir Firefox eklentisi olarak başladı, ancak o kadar popüler oldu ki çoğu kişi bir Chrome sürümü istedi. Şimdi buradayız. Bu kullanışlı uzantı, temel olarak, Paint veya Photoshop gibi bir programda bulacağınız göz damlası aracının gelişmiş bir sürümüdür.

Bununla, tarayıcınızda herhangi bir noktayı işaret edebilir ve hemen o noktadaki renk bilgisini çekebilirsiniz. Çektikten sonra, panonuza kopyalamadan önce ince ayar yapabilirsiniz (RGB, HSV veya düz altıgen ile). Kullanımı son derece kolay.



Ayrıca, size kolaylık sağlamak için bir CSS Gradyan Oluşturucu, bir Web Sayfası Renk Analizörü ve önceden yüklenmiş birkaç renk paleti ile birlikte gelir.

Pencere Boyutlandırıcı

Web geliştiricisinin tehlikelerinden biri, bir web sitesinin görüntüleme deneyiminin her tür cihazdaki kullanıcılar için eğlenceli olmasını sağlamaktır. Sadece mobil ve masaüstünden bahsetmiyoruz -- ki bu NS önemli - ama aynı zamanda küçük tabletler ve büyük monitörler arasındaki fark.





Pencere Boyutlandırıcı tarayıcı penceresini anında yeniden boyutlandırmanın kolay bir yoludur. Bir düğmeye tıklayarak, kullanıcılarınızın ne gördüğünü görmek için web sitenizi çeşitli çözünürlüklerde test edebilecek ve ardından buna göre ayar yapabileceksiniz.

IE Sekmesi

Web geliştiricisinin bir başka büyük tehlikesi de tarayıcı standartlarıdır (veya bunların eksikliği). Internet Explorer, Firefox, Chrome, Opera ve diğer tüm küçük tarayıcılar, web sitelerini biraz farklı şekillerde oluşturacaktır. Bu arada, bazı tarayıcılar standartları benimseme konusunda diğerlerinden daha yavaştır.





Veya Internet Explorer örneğinde, standartlar pencereden atılır ve web geliştiricileri, uyum sağlamak zorunda kaldıkları için saçlarını yolmaya yönlendirilir.

İle birlikte IE Sekmesi , bu işlem biraz daha kolay hale getirildi. Bir web sitesini yeni bir Chrome sekmesinde görüntülemenize olanak tanır, ancak IE'de göründüğü gibi oluşturulur. IE sorununa devrim niteliğinde bir çözüm değil, ama en azından bir şey.

Geçerlilik

Tüm HTML kodları eşit değildir. Tarayıcılar standartlara uygunlukta büyük bir rol oynasa da, iyi HTML uygulamalarını takip etme sorumluluğunun bir kısmı da web geliştiricisine aittir. Bu yüzden orada araçlar var HTML'yi test etme ve doğrulama .

Geçerlilik herhangi bir üçüncü taraf sitesini ziyaret etmek zorunda kalmadan tüm bunları yapmanızı sağlayan bir uzantıdır. Sadece web sitenizi açın, düğmeyi tıklayın ve tarayıcı konsolunda tüm geçersiz HTML mesajlarını gösterecektir. Doğrulama, W3C Doğrulama Hizmeti aracılığıyla yapılır.

Dahili

Web geliştirme hakkında nefret ettiğim bir şey, çok fazla kütüphaneler, çerçeveler ve motorlar kullanılabilir. Seçim özgürlüğü harikadır, ancak teknolojilerin sayısı o kadar büyük olduğunda hepsine ayak uyduramayacak kadar büyük bir acıdır.

Hiç bir web sitesini ziyaret ettiniz ve altında yatan teknolojinin ne olduğunu merak ettiniz mi?

NS Dahili uzantısı, görmek için geçerli web sayfasını analiz eden tek bir düğmedir. herşey reklam ağları, içerik dağıtım platformları ve hatta arkasındaki barındırma yazılımı da dahil olmak üzere, ona güç veren web kitaplıkları, çerçeveler ve motorlar.

Postacı REST İstemcisi [Artık Mevcut Değil]

REST API'leri ile çalışanlarınız için, postacı akıcı bir iş akışı için ihtiyacınız olan tek araçtır. Bununla, HTTP istekleri oluşturabilir ve JSON ve XML'de biçimlendirilmiş yanıtlar alabilirsiniz. Yanıtlar HTML olarak ayrı bir pencerede açılır.

Ayrıca, birden çok isteği, düzenli ve verimli kalmanın harika bir yolu olan koleksiyon adı verilen bir şeyde gruplayabilirsiniz. Uzantının içinde çevresel değişkenleri değiştirerek birden fazla ortamda da test edebilirsiniz.

Kurumsal Sigorta

Dolgu metni oluşturmanın bir yolu, 'asdf'yi yüzlerce kez kopyalayıp yapıştırmaktır. Daha iyi bir yol yüklemek olacaktır Kurumsal Sigorta ve göz açıp kapayıncaya kadar sizin için dolgu metni oluşturmasına izin verin.

Daha önce birkaç Lorem Ipsum oluşturucuyu ele aldık, ancak Corporate Ipsum'un çekici yanı, tarayıcınızda tam olarak oturmasıdır. Tek tuşla yukarı çekebilirsiniz. Bana sorarsan kullanmaman için bir sebep yok. Artık web sitenizi gerçekten kodlamaya geri dönebilirsiniz!

TabCloud

Web geliştirme bazen birden fazla makinede gerçekleşir. Geliştiriciler için kaynak denetimi, senkronize ve güncel kalmanın ana yolu olsa da, bilgisayarlar arasında birden çok sekmeyi aktarmak isterseniz ne olur? Bu nerede TabCloud içeri gelir.

TabCloud, sekmelerinizi bulutla senkronize ederek onları başka bir yerde yeniden açmanıza olanak tanır. Ayrıca yerel olarak bir oturum koruyucu olarak kullanılabilir ve daha sonra tekrar ziyaret etmek üzere bir dizi sekme saklamanıza olanak tanır. Sekmeler Google hesabınıza kaydedilir.

Yazı Tipi

Yazı tipi tasarımı, web geliştirmenin büyük bir bileşenidir, bu nedenle Google Web Yazı Tipleri gibi hizmetler bu kadar popüler hale gelmiştir. İyi haber şu ki, bu ücretsiz yazı tipleri şu anda mevcut olan en güzel web yazı tiplerinden bazıları.

Ancak itiraf edin: Web'de gezinirken daha önce hiç görmediğiniz çarpıcı bir yazı tipiyle karşılaştığınız zamanlar vardır. Bunu tanımlamanın birçok yolu vardır, ancak en hızlı yol kullanmaktır. Yazı Tipi . Bununla yazı tiplerini basitçe inceleyebilirsiniz. üzerlerinde gezinen . Nasıl daha kolay olabilir?

Harika Ekran Görüntüsü [Artık Mevcut Değil]

Ekran görüntüleri normal web geliştirme rutininizin bir parçası değilse, Harika Ekran Görüntüsü bunu değiştirmeye yardımcı olacaktır. Ekran görüntüleri, tasarımdaki değişiklikleri belgelemek ve devam eden çalışmaları müşteriniz veya ekip üyelerinizle paylaşmak için harikadır.

photoshop'ta dokular nasıl oluşturulur

Bu uzantı, tam sayfa, seçili alan veya görünür alan dahil olmak üzere çeşitli yakalama işlevlerine sahiptir. Ayrıca açıklama eklemenize, görüntünün hassas kısımlarını bulanıklaştırmanıza ve tek bir tıklamayla paylaşmanıza olanak tanır. Veya bunun yerine Google Drive'ınıza yükleyin.

Konsept ilginizi çekiyorsa ancak daha güçlü bir masaüstü programı kullanmayı tercih ediyorsanız, bu ekran görüntüsü aracı karşılaştırmasına göz atın ve sizin için en uygun olanı kullanmaya başlayın.

Çok sayıda web geliştirme hatası, ziyaretçilerinizi hayal kırıklığına uğratır ve bozuk bağlantılar en kötü suçlulardan biridir. Kırık bir bağlantı sorun olmayabilir, ancak bundan daha fazlası olursa web siteniz güvenilirliğini ve itibarını kaybetmeye başlar. Neyse ki, bu kolayca kaçınılabilen bir hatadır.

Bağlantılarımı Kontrol Et tam olarak vaat ettiği şeyi yapar: bağlantılarınızı kontrol eder. Geçerli bağlantılar yeşil, kopuk bağlantılar kırmızı olarak işaretlenir ve sonunda size bir yüzde puanı verir. Daha sonra tek yapmanız gereken gidip bu bağlantıları onarmak!

Hangi Uzantıları Kullanıyorsunuz?

Tavsiye edeceğim bir üretkenlik uzantısı daha StayFocusd . Bir web geliştirme uzantısından ziyade genel amaçlı bir uzantıdır, ancak ne olursa olsun kesinlikle yararlıdır. Çalışırken web tarafından dikkatinizin dağılmasını engeller!

Bunlar hakkında ne düşünüyorsun? Önereceğiniz başka önemli web geliştirme uzantıları var mı? Aşağıdaki yorumlarda bizimle paylaşın!

Paylaş Paylaş Cıvıldamak E-posta Bilmeniz Gereken 15 Windows Komut İstemi (CMD) Komutu

Komut istemi hala güçlü bir Windows aracıdır. İşte her Windows kullanıcısının bilmesi gereken en kullanışlı CMD komutları.

Sonrakini Oku
İlgili konular
  • tarayıcılar
  • Google Chrome
  • Tarayıcı Uzantıları
Yazar hakkında Joel Lee(1524 Makale Yayınlandı)

Joel Lee, 2018'den beri MakeUseOf'un Genel Yayın Yönetmenidir. Bilgisayar Bilimleri alanında ve dokuz yılı aşkın profesyonel yazma ve düzenleme deneyimi.

Joel Lee'dan Daha Fazla

Haber bültenimize abone ol

Teknik ipuçları, incelemeler, ücretsiz e-kitaplar ve özel fırsatlar için bültenimize katılın!

Abone olmak için buraya tıklayın