İçeriğe git





Resim
- - - - -

Break free from CSS prefix hell!

Yayınlayan YusufYildiz , in CSS 03 Ocak 2013 · 1.874 Görüntüleme

css prefix javascript
Break free from CSS prefix hell! "Break free from CSS prefix hell!" yani "CSS ön ek cehenneminden kurtulun!" sloganıyla karşıma çıkan Prefix Free eklentisi gerçekten de geliştiricileri bu cehennemden çekip çıkartıyor.

Bildiğiniz gibi CSS3 ile birçok yeni, güzel ve kullanılmayı bekleyen bir sürü özellik geldi. Eskiden JavaScript kütüphaneleri ile yaptığımız animasyonlar, yazı ve element efektleri, özel seçiciler ve daha niceleri.

Tamam bunlar güzel şeyler ama bu dünyada geliştiricinin rahat edeceği zamanlar daha çoook uzakta. Birçok konuda olduğu gibi en büyük internet tarayıcıları olan (lanet) Internet Explorer, Mozilla Firefox, Google Chrome ve Opera CSS kodlarını yorumlama noktasında da birbirlerinden farklı davranıyorlar. Bu da geliştiricilerin çile çekmesinden ve daha çok satır kod yazmak zorunda kalmalarından başka birşeye yaramıyor.

Ama dünya'da gerçekten zeki ve üretken insanlar, bu gibi sorunlara çözüm getiriyorlar/getirmeye çalışıyorlar.

Prefix Free sizi daha çok satır kod yazma ve o çileyi çekme derdinden kurtarıyor.

Kullanımı:

İsterseniz kendi sitesinden, isterseniz github sayfasından eklentiyi indirip kodlarımıza dahil ediyoruz. Hepsi bu kadar. "Cehennem"den kurtuldunuz!

Artık:
 
div.box:nth-child(1) {
     animation-delay: .2s;
     -webkit-animation-delay: .2s;
     -moz-animation-delay: .2s;
     -o-animation-delay: .2s;
}

yerine
 
div.box:nth-child(1) {
    animation-delay: .2s;
}

yazarak daha küçük ve az satırlı css dosyaları hazırlayabilirsiniz...

Tarayıcı Desteği:


Desteklediği tarayıcılar ve versiyonları:
  • IE9 ve üzeri
  • Opera 10 ve üzeri
  • Firefox 3.5 ve üzeri
  • Safari 4 ve üzeri
  • Safari mobil tarayıcılar
  • Android mobil tarayıcılar
  • Chrome ve Opera mobile tarayıcılar


  • Oscar ve BeNefSE bunu beğendi



Günlüğümde Ara

Son Ziyaretçiler

  • Resim
    Oscar
    01.12.2014 - 11:58
  • Resim
    nrschenbapedr
    20.11.2014 - 01:58
  • Resim
    TurkEdition
    02.11.2014 - 01:59
  • Resim
    csk16
    08.09.2014 - 13:53
  • Resim
    Scarlet
    26.07.2014 - 10:23

Günlük Raporum