20 Fantastik jQuery Web Türü Eklentileri
Son yıllarda, web tipografi bir utançtan gurur kaynağına geçti. CSS'den JavaScript'e, neredeyse her gün harika türler uygulamamıza yardımcı olan harika araçlar kazanıyoruz.
Bugün, web türünü daha harika hale getirmek için özel olarak tasarlanmış en iyi jQuery eklentilerine bakacağız. Birkaçını indirin ve türünüzü daha ileriye taşıyın.
Tasarım Kaynaklarını Keşfedin
Tipografik Ölçü İşleme
FitText - Web türünü şişirmek için bir eklenti
FitText, bir metin parçasını ana kabının boyutuna kolayca ve otomatik olarak genişletmenizi sağlar.
HATCHSHOW: Dengeleme önlemleri için bir jQuery eklentisi
Hatchshow, bu sert kenarı, değişken metin boyutu hissini (gerçekten popüler bir efekt) elde etmek için düzgün bir ölçü ile metin sütunları oluşturmanıza olanak tanır.
slabText - duyarlı başlıklar oluşturmak için bir jQuery eklentisi
Ayrı hatlarınız için önlemleri sıralayan başka bir eklenti. Bu konuda güzel bir şey, görünümü yeniden boyutlandırırken satırları gerçekten güzel bir şekilde yeniden akış olmasıdır.
Duyarlı-Tedbir
Bu eklenti, yaratıcı başlıklar oluşturmakla ilgili değildir, bunun yerine, türünüzle ilgili birkaç değişkeni göz önünde bulundurur ve paragraflarınız için ideal ve duyarlı bir ölçüm oluşturur. Bu, duyarlı tasarımda türü son derece okunabilir tutmak için mükemmeldir.
bigText
BigText, bir metin satırını belirli bir genişlikle eşleştirmek için gereken yazı tipi boyutunu ve kelime aralığını hesaplar. Burada oynamak için harika bir sihirbaz var.
Karakter aralığı
Kerning.js
Bu tam olarak göründüğü gibi yapar: web türünüzü seçmenize yardımcı olur. Web tasarımcıları genellikle çok karmaşık ve dağınık olduğu için karakter aralığına atlarlar, bu işlemi kolaylaştırır.
TypeButter: Optik Karakter Aralığı FTW!
Her harf için karakter aralığını manuel olarak ayarlamak yerine TypeButter ile işi sizin için yapan optik karakter aralığı ayarlayabilirsiniz. Sağlanan yazı tipi ayarlarından birini kullanabilir veya kendi yazı tipinizi kullanabilirsiniz.
Karakter aralığını kolaylaştırmak için jKerny.js, jQuery eklentisi
jKerny, harf aralığı, sözcük aralığı, ilk harf, son harf ve daha fazlası için yeni CSS sözde seçicileri uygular.
Sarma
Domuz pastırması
Aşırı metin kaydırma. Pastırma, metni bir çerçeve eğrisi veya çizgi etrafına sarmanıza olanak tanır. Aslında oldukça etkileyici ve gerçekten karmaşık bir sargı yaratabilir.
jQSlickWrap - jQuery için kaygan metin kaydırma
JQSlickWrap, ne kadar karmaşık olursa olsun metninizi bir görüntünün etrafına sarmanıza yardımcı olur. Sadece birkaç ayarı değiştirirsiniz ve geri kalanı otomatik olarak halledilir.
Dikey Ritim ve Satır Taban Çizgisi Izgaraları
jMetronome: Tipografik ritmi korumak için jQuery kullanma
Bu komut dosyası, toplam yüksekliğinin belgenin toplam satır yüksekliğinin katı olduğundan emin olmak için çeşitli metin olmayan öğelere dolgu ekleyerek tipografiniz için dikey bir ritim korumanıza yardımcı olur.
SimonFairbairn / Line-In-Tipografi
Bu eklenti, temanızın satır yüksekliğini temel alarak satırları görüntüler, böylece dikey ritminizi doğru şekilde ayarlayabilir ve tüm tipografinizi temel bir ızgaraya hizalayabilirsiniz.
Otomatik satır yüksekliği: esnek düzenler için bir jQuery eklentisi
Otomatik satır yüksekliği, bir kabın (div gibi) satır yüksekliğini yazı tipi boyutuna göre genişliğine göre ayarlar. Duyarlı tipte yardımcı olacak başka bir harika araç.
Süper Pratik
Lettering.js - Radikal web tipografi için bir jQuery eklentisi
Lettering.js size CSS'nin yapmadığı şeyleri verir: her harfi tek tek hedefleme özgürlüğü. Bu, her harf için yaratıcı stil için her türlü şaşırtıcı imkanı açar.
KarlRoos / jQuery.responsiveText
Duyarlı metin tak ve çalıştır. Sadece bir kapsayıcıyı veya tüm sayfayı hedeflediğinizde komut dosyası gerisini halleder!
Serin ve Çılgın Efektler
jqIsoText: jQuery Metin Efekti Eklentisi
Benzersiz bir efekt oluşturmak için tek tek harflerin boyutunu değiştiren ilginç bir metin eklentisi.
Arctext.js - CSS3 ve jQuery ile metin eğme
Canlı web türüyle çalışırken kavisli metin satırları oluşturmak oldukça zordur. Bu eklenti bunu çok daha kolay hale getirir ve değişikliği canlandırmanıza bile yardımcı olabilir.
Textualizer
Textualizer bir paragraftan diğerine yaratıcı bir geçiş oluşturur. Geçiş, dikkatinizi çeken bir tür karışık, karışık efekttir.
Harfleri Karıştırma Etkisi: jQuery Eklentisi
Bu eklenti, yazdığınız metin parçasına gelmeden önce bir grup rastgele harf arasında dolaşan bir animasyon verir. Başlık eklemek için güzel ve ilginç bir yol.
TextGrad
TextGrad bir degrade oluşturur ve onu bir metin satırına uzatır. Basit ve etkili!
Ne kaçırdım?
Bu yirmi jQuery eklentisi, bulabildiğim en iyi tipografi araçlarını temsil ediyor. Eminim orada bir ton daha var ama bana aşağıda bir yorum bırakın ve ne özledim bana bildirin!