Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Temmuz 2015)

Web geliştiricileri, çevrimiçi olarak bulunan ve her ay Taze Kaynaklar serimizde güzelce topladığımız ücretsiz araçlar ve kaynaklarla kutsanmaktadır. Geçen ayki partiyi kaçırdıysanız, burayı tekrar ziyaret edin veya yılın başlarında derlenen yeni kaynaklara bakın..

Temmuz 2015 partisi için, eklenti güncellemelerini ilgi çekici animasyonlar eklemek için özel olarak JavaScript kitaplığına özel olarak dağıtabilmenizi sağlayan WordPress eklentilerinden görevlerinizi kolaylaştıracak yeni araçları ve kaynakları öneriyoruz.

Alaaddin

Bu eklenti, OS X Spotlight'a benzer WordPress yönetimine ekstra işlevsellik katar. Bununla Mac'inizdeki dosya ve klasörlere hızla erişebilirsiniz. Kurulduktan sonra Shift'e iki kez basın, sonra erişmek istediğiniz şeyi yazın. WordPress yönetimini klavyenin kullanımıyla daha erişilebilir kılar.

SiteOrigin CSS

SiteOrigin CSS, herhangi bir tema görünümünü gerçek zamanlı olarak özelleştirmek için sağlam bir WordPress eklentisidir. Eklenti, altına yeni bir panel ekler. Görünüm> Özel CSS Menü. Orada, kullandığınız temanın CSS'in üzerine yazmak için özel CSS kuralları yazabilir veya sezgisel olarak CSS kurallarını eklemek için GUI panelini kullanabilirsiniz..

DynamicsJS

DynmaicJS fizik tabanlı animasyon uygulamak için bir kütüphanedir. Ben bir Fizik uzmanı değilim ama bu menüdeki örnekler gerçekten harika görünüyor. HTML ve SVG öğelerini canlandırabilir ve herhangi bir bağımlılık olmadan hızlı performans sağlar. DynamicJS, Safari 7+, Firefox 35+, Chrome 34+ ve IE10'da test edilmiştir.+.

Uçak modu

Bu eklenti, Google Fonts, Gravatar ve WordPress güncelleyicileri gibi bazı WordPress harici HTTP isteklerinin güncellemeler için eklentilere ve tema havuzlarına bağlanmaya çalışmasını önleyecektir. Yerel gelişim için, bu çağrılar başarısız olduğunda meydana gelen hataları önlemek için yararlı bir eklentidir (genellikle, son derece yavaş İnternet altında yerel olarak geliştirdiğinizde gerçekleşir).

Coverr

Web sitesi başlıklarınız için harika bir video koleksiyonu. Tüm videolar ücretsiz, Public Domain altında lisanslıdır. Kontrol etmeyi unutmayın “Nasıl kullanılır” videoyu web sayfanıza nasıl ekleyeceğinizi öğrenmek için.

VibrantJS

VibrantJS, bir görüntüden belirgin renkleri alır. Ayrıca, renk formatını değiştirmek ve arka plan ve metin için uygun kompozisyona karar vermek gibi elde edilen rengi işlemenizi sağlayan birkaç API sunar. Dinamik renk üretimi ile web sitenizin arayüzünü geliştirmek, görüntü henüz tam olarak yüklenmediğinde rengi yer tutucu görüntü olarak kullanmak veya renk örneği oluşturmak için bir web uygulaması oluşturmak için kullanabilirsiniz.

GradifyCSS

Bu kütüphane iki belirgin rengi alır ve elde edilen renklerden bir CSS gradyanı oluşturur. VibrantJS'ye benzer şekilde, degradeyi, görüntünün tam yüklenmediği zamanlarda görüntü yer tutucusu olarak veya bir kaplama rengi olarak uygulayabilirsiniz..

PurifyCSS

PurifyCSS, kullanılmamış CSS kurallarını stil sayfanızdan temizler. Bunu, Bootstrap ve Foundation gibi büyük çerçevelerin stil sayfası boyutlarını% 40'a kadar küçültmek için kullanabilirsiniz. PurifyCSS bir Grunt ve Gulp eklentisi olarak mevcuttur.

WordPress için Başlık Başlığı

Adı her şeyi söyledi. Bu WordPress eklentisi, içeriği ve başlıkların yanı sıra, başlığı ve sayfayı kaydetme veya yayınlamadan sonra büyük harflere çevirir. Bu eklentiyi, web sitelerinin içeriği için tutarlılığı korumak amacıyla birden fazla yazarlı web siteleri için yararlı buluyorum.

GitHub Güncelleyici

Bu eklenti kullanıcının izin verir yükle ve otomatik olarak güncelle GitHub'da barındırılan WordPress eklentileri. Adına rağmen, eklenti özel bir depoda bir tane de dahil olmak üzere Bitbucket ve GitLab'ı da destekliyor. Eklentilerini veya temalarını yalnızca müşterileri için özel olarak geliştiren ve dağıtan geliştiriciler için yararlı bir eklenti.

Kod örnekleri

Kod örnekleri topluluğu WordPress Tema İnceleme Ekibi. Şu anda, örnek, Bölüm, Ayarlar ve Panel oluşturmak da dahil olmak üzere Özelleştirici API'sini kullanarak Tema Özelleştirici bileşenleri oluşturmak için kodlardan oluşmaktadır. Gelecekte eklenen en iyi uygulamalardan daha fazla kod örneği.