Css'in Sprite Özelliğinin Kullanımı

Css in Sprite özelliği ile web sitelerimizi daha hızlı ve kullanışlı bir hale getirmemize yarar. Sprite özelliğinde ki mantık şudur; Birden fazla resimleri alıp tek bir resim içerisinde toplayarak bunları css ile çekmektir. Böylece tek resim dosyasının indirilmesi daha kısa süreceğinden web sitemiz hızlı açılacaktır. Yüklenme süresi çok düşüklerde olacaktır.

Bu özelliği kullanırken genellikle küçük resimleri birleştirmekte özen gösterin. Bütün resimleri topladığınız dosyanın da fazla büyük boyuta ulaşmamasını sağlayın. Aksi taktir de kaş yapacağım derken göz çıkartmış olursunuz.

Sprite özelliğinin nasıl olduğunu istediğimiz resme nasıl ulaşmamız hakkında bilgiler alabilmek için hazırlanan ders videosunu izlemeniz gerekmektedir.
EK DOSYALARI İNDİR (28)
DEMO YOK
- 03.05.2013 / 11:41:47 0

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

5:56 Php Dersleri

Htmlspecialchars ile Html Taglarını Ekrana Basmak

Kategori: Php Dersleri | 03.05.2013
5:39 Css Dersleri

Selection ile Seçilen Yazıları Renklendirme

Kategori: Css Dersleri | 03.05.2013
2:04 Php Dersleri

Php'de Hata Bastırma Komutu "@" Kullanımı

Kategori: Php Dersleri | 02.05.2013
4:10 Php Dersleri

Substr_count ile Harfleri Saydırma İşlemi

Kategori: Php Dersleri | 03.05.2013
Javascript

Javascript İle Sağ Tuş Yasaklama İşlemi

Kategori: Javascript | 14.09.2013

Yorum Listesi (1) # YorumYap

  • furkan (27.03.2015 - 12:13:04)
    Merhabalar hocam. Sprite tekniği hakkında bir sorunum var.

    ul-li şeklinde bi yapı oluşturdum . Facebook alanı twitter alanı vb. ama link atayamıyorum bunlara. Yanılmıyorsam Background olarak ayarladığımız için veremiyoruz. Bunun üstesinden nasıl geleceğm. Teşekkürler

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.