Dinamik Görüntü Değiştirme Pratik Teknikleri ve Araçları
Web tasarımı söz konusu olduğunda, tasarımın yaratıcılığı, adını verdiğimiz sınırlı web fontlarının sınırlı seçenekleriyle desteklenmemelidir. web uyumlu yazı tipleri. Tasarımcılar, başlıklarda ve içeriklerde tercih ettikleri yazı tiplerini kullanma özgürlüğüne sahip olmalıdır..
2005 yılında dinamik görüntü değişimi denilen teknikle popüler hale getirildi. Ölçeklenebilir Inman Flash Değişimi (sIFR). Tarafından geliştirilmiş Shaun Inman, sIFR, web tasarımcılarının web sitesinde beğendikleri özel yazı tiplerini kullanmalarına izin vermek ve yine de bu yazı tipine sahip olmayanların görünürlüğünü korumak için Javascript ve Adobe Flash'tan yararlanır. Web gelişmeye devam ettikçe, bugün Flash'ın hayranı olmadığınız durumlarda, çeşitli teknolojileri kullanarak daha alternatif çözümlerimiz var..
Daha fazla uzatmadan, hadi bazılarına bir göz atalım. Dinamik Görüntü Değişimi elde etme teknikleri.
Yaygın Kullanılan Teknikler
İşte dinamik görüntü değişimleri için en yaygın kullanılan tekniklerden bazıları.
Ölçeklenebilir Inman Flash Değişimi (sIFR)
sIFR'yi Özel yazı tiplerini web sitelerine yerleştirmenin en popüler yöntemlerinden biridir. Web siteniz için özel yazı tipi oluşturmak için Javascript ve Flash kullanır ve dönüştürülmüş yazı tipinin seçilebilir olmasına izin verir. Bunun dışında, dönüştürülen yazı tipi kaynak kodlarında metin olarak kalır, böylece arama motoru hala onları tarayabilir.
SIFR 2 (önerilen) mevcut kararlı sürümdür, ancak sIFR'yi uygulamak istiyorsanız, bunu da bilmeniz gerekir. siFR 3 beta indirmek için de kullanılabilir. Küçük bir araba olabilir ama en azından bunun font genişleme problemini çözdü. SIFR 2.
İşe yarayabilecek sIFR araçları:
- sIFRvaultsIFRvault, indirebileceğiniz sIFR yazı tiplerinin bir deposudur..
- sIFR JeneratörBirkaç fare tıklamasıyla sIFR .swf dosyaları oluşturmanıza olanak sağlayan çevrimiçi araç. Dönüştürmek, önizlemek ve indirmek istediğiniz fontun TTF fontunu yükleyin.
- Yazı tiplerini sIFR'ye dönüştürBir .TTF fontu yükleyin, bu web sitesi onları sIFR Flash dosyasına dönüştürdü..
SIFR Lite
Orijinal sIFR 22k, yani Dave daha nesne yönelimli bir yaklaşım ve sonucu kullanarak yeniden karar verdi? 3,7k'de daha küçük.
PHP + CSS Dinamik Metin Değiştirme (P + C DTR)
Adından da anlaşılacağı gibi, bu, PHP ve CSS kullanan ve orjinal yöntemini kullanan orijinal bir yöntemdir. Steward Rosenberger. Aynı zamanda tarafından geliştirilen önceki versiyonundan bir gelişmedir. R. Marie Cox Bu metin sarma ve iç etiketlerini desteklemiyor. P + C DTR ile ilgili bir başka harika şey de, görüntü metninin CSS etiketleri ile özelleştirilebilir olmasıdır..
typeface.js
Ne yapar typeface.js özel olanı, sadece özel yazı tiplerini gömmek için Javascript kullandıkları ve stilin HTML ve CSS ile daha da özelleştirilebileceği, Flash gerektirmez. Açık kaynak kodludur ve bu günlerde kullandığımız tarayıcıları, Safari, Firefox, IE (6 ve üstü) olsun.
Şahsen typeface.js ile yapılan bazı deneylerden sonra, iyileştirmeler için potansiyel bir oda olabileceğini düşünüyoruz. İlk olarak, yazı tipleri farklı tarayıcılar arasında biraz farklı olma eğilimindedir. Typeface.js kullanıyorsanız, Firefox’ta gördüklerinizin Safari’de gördüklerinizi olacağını varsaymadan önce bir çapraz tarayıcı denetimi yapmanızı öneririz. Metin ayrıca typeface.js ile seçilemez.
Typeface.js içindeki özel fontlar derlenmez; yani kullanıcılar yazı tiplerini indirebilir. Bu telif hakkı sorununa yol açabilir. Kullanmakta olduğunuz fontların yeniden dağıtım için uygun olduğundan emin olmak için iyice kontrol etmeniz önerilir..
Cufon
Flash gerekli değil, Cufon sIFR'ye harika bir alternatiftir ve uygulanması oldukça basittir. Öncelikle, istediğiniz fontu oluşturmak ve özelleştirmek için Cufon oluşturucuyu kullanırsınız, daha sonra Cufon Javascript'i kaynak kodunuza ekler ve komut dosyasına hangi seçicilerin özelleştirilmesini istediğinizi söylersiniz..
Cufon ile ilgili en büyük sorun, bu özel yazı tiplerini çevrimiçi kullanmanın yasal sorunudur. Javascript içine gömülü olduğundan, kaynak kodunu görüntüleyen herkes tarafından kolayca kopyalanabilir. Cufon özel yazı tipleri seçilemez, diğeri kapanır.
Yüz gerdirme
Ayrıca şöyle bilinir Facelift Görüntü Değiştirme (FLIR), SIFR için gerekli Flash gerektirmeyen başka bir harika yöntemdir. Görünüşe göre diğer alternatif sIFR'in Flash sorununa isabet ediyor.
Facelift, PHP ve PHP'nin GD Kütüphanesini kullanır. Özel font değişimlerinin eski sorununu miras alırlar - metni seçemezler. Bunun dışında, biz de bunun harika olduğunu düşünüyoruz.
Daha Yöntemler
Yukarıdaki teknikler daha yaygın şekilde kullanılabilir, ancak metninizi güzel özel yazı tiplerine dönüştürmek için başka yollar da gördük.
Türü Seç
TypeSelect web sitenize özel bir yazı biçimi vermek için typeface.js, jQuery, tuval, toDataURL, CSS arka plan özellikleri ve gerçek bindirilmiş metinler üzerindeki kaldıraçlar. Metin seçimi Firefox, Safari ve hatta Chrome'da çalışır, ancak IE’de çalışmaz.
Swf Resmin Değiştirilmesi (swfIR)
swfIR size web sitenizdeki herhangi bir görüntüye veya tümüne bir dizi görsel efekt uygulama yeteneği sağlar. Örneğin, web sitenize herhangi bir resim ekleyebilir ve swfIR daha yuvarlak bir kenarlık ekler, konumlandırmayı döndürür ve hatta gölgeler ekler.
CSS Görüntü Değiştirme için Dokuz Teknik
Bunlar dinamik metin değişimleri değil, Chris Coyier metni görüntülerle değiştirmek için dokuz CSS tekniğini gösterir; Her biri, durumlarını listeleyen bir rapor kartına sahiptir - ne görüntüler açık / kapalıysa, CSS açık / kapalı.
Yazı tipi yazıcı
Yazı tipi yazıcı başlıklarınızı özel yazı tipine dönüştürmek için Ölçeklenebilir Inman Flash Değiştirme (sIFR) 'den yararlanın. Tek yapmanız gereken yazı tipini bulmak, seçip kodu başınıza eklemektir ve başlığınız kısa sürede değiştirilecektir..
WordPress + Dinamik Görüntü Değiştirme
Başlık için veya blogunuzun içeriği için dinamik görüntü değiştirme çözümü arayan bir WordPress kullanıcısıysanız, onlar için bir eklenti vardır. İşte bildiğimiz bazı metin değiştirme eklentileri.
sIFR WordPress Eklentisi - WP sIFRWP sIFR bir WordPress sitesindeki özel yazı tiplerini almaktan kaynaklanan sorunları gidermek için kuruldu. WP sIFR ile SWF font dosyanızı eklenti dizinine yüklemeniz ve ardından oturum açmanız, etkinleştirmeniz ve stillerini tümü Ayarlar panelinde yapılandırmanız gerekir..
Cufon WordPress Eklentisi - WP-CufonYapmanız gereken tek şey font dosyalarınızı dönüştürmek ve bunları plugins dizinine yüklemek. Değiştirmek istediğiniz nesneleri WordPress'in Yönetici Menüsünden etkinleştirebilirsiniz.
Facelift Görüntü Değiştirme (FLIR) Wordpress EklentisiFLIR for WordPress SEO dostudur ve sadece JavaScript etkinleştirildiyse tarayıcıdaki görüntüyü oluşturur. HTML / XHTML kodunuz değişmeden kalır, head etiketlerinizi arama motorları tarafından okunabilir ve sayfa JavaScript olmadan okunabilir..
Yazı Tipi Brülörü Kontrol Paneli Yazı tipi yazıcı Denetim Masası eklentisi, Font Burner web sitesinde bulunan 1000+ ücretsiz fonttan herhangi birini WordPress temanıza kolayca eklemenizi sağlar.
