E-Siber.com
M. Mekin Pesen
Sitede 1775 okunmaya değer yazı var.

Yazý ve Baþlýklarýn Ebatlarýný Her Ekran Tipine Göre Otomatik Olarak Ayarlayýn

Web sayfalarýnýn hatta uygulamalarýnýn envai çeþit cihaz ekranýnda farklý farklý görünmesi tasarýmcýlarýn bazen baþ edilmesi en güç sorunlarýndan biri haline gelebiliyor. Ýþte FitText özellikle yazý ve baþlýklarýn her ekran tipine göre kendi kendilerini otomatik olarak ayarlamalarýný saðlayabilen oldukça yararlý bir jQuery eklentisidir. Kullanýmý oldukça kolay olan FitText ile yazý ve metinlerin her ekranda düzgün ve normal göründüðünden emin olabiliyorsunuz.

 

FitText'in kullanýlmýþ olduðu bir uygulama ya da web sayfasýndaki metin veya baþlýklar, bulunduðu mobil cihaz ya da ekranýn ebatlarýna göre kendi boyutunu anýnda ayarlayabilmektedir. Uygulamanýn bunu yaparken kullandýðý en temel parametre fontlara min ve max olmak üzere yapýmcýsý tarafýndan tanýmlamalý iki farklý uç yazý boyutunu ayarlamasýdýr.

 

 

Tanýmlanmasý:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="jquery.fittext.js"></script>
<script>
  $("#responsive_headline").fitText();
</script>

$("#responsive_headline").fitText(1.2, { minFontSize: '20px', maxFontSize: '40px' })

 

FitText'i kullanýrken dikkat etmeniz gereken kurallar:

  • Baþlýk ya da metinlerinizin CSS'de display: block; veya display: inline-block; içinde kullanýlmasýnýn yaný sýra div ebatýnýn geniþliði de yüzdeler cinsinden olmalýdýr. Ör, width: 100%.
  • FitText sizin temelde belirlediðiniz CSS font ayarlarýný tamamen ihmal etmektedir. Buna göre bu fontlardan herhangi birinin ebatýný javascript ile daha önceden öntanýmlý hale getirmediðinizden emin olmalýsýnýz.

 

Yazý ve baþlýklarýnýza bulunduðu ekran tipine göre esneklik kazandýran FitText olmazsa olmaz baþucu uygulamalardan biri haline gelmelidir.

 

Adres: https://github.com/davatron5000/FitText.js

Via www.webresourcesdepot.com/flexible-font-sizes-with-jquery-fittext


· · · · · · · · · · · · ·
Yazan: | 08.09.2011 | 6761 kez okundu.

Yazılar E-Posta Kutunuza Gelsin:

Bu yazıyı izinsiz olarak alıp başka herhangi bir yerde yayınlayamazsınız (Bkz "dijital at hırsızı" kimdir?). Yazıların başka yerlerde yayınlanmasına ücreti mukabili izin veriyoruz. Yazıları izinsiz olarak başka bir yerde yayınlamanız, her türlü hukuki sonucu kabul ettiğiniz manasına gelir. Yazıları izin almak ve kaynak göstermek kaydıyla sadece kamu kurumları ve akademik araştırmacılar ücretsiz olarak kullanabilir. Bunların dışında kalan herkes ücret öder. Detaylar için bize ulaşın.

Yorum altyapısı: Disqus

Yukarı Çık

M. MEKİN PESEN
© 2007-2015 E-SİBER BİLGİ-İLETİŞİM TEKNOLOJİLERİ
E-Siber.com | E-Siber.net | ESiber.com | ESiber.net | RSS | Facebook | Twitter | E-Posta Aboneliği
IP: 54.81.44.47 | Yüklenme: 0.326 saniye. | Hakkımızda | İletişim | Reklam Verin | Site Politikaları | Atıflar