Ziyaretçinin kullandığı browsera göre ayrı bir css dosyası kullandırma yöntemi herzaman bana iyi ve pratik bir çözüm olarak gelmemiştir. Bunun yerine uzun zamandır kullandığım bir hileden(trick) bahsedeceğim.

2 özel karakterimiz var. Bunlar  # ve _ karakterleri. Bu karakterler, önlerine geldiği özelliğin(property) hangi browser için uygulanacağını belirler. Bir örnek üzerinde açıklayalım :

İnternet Explorer, Firefox, Opera, Safari vs. derken artık Google Chrome için de yaptığımız sitelerin görünümünü ayarlar olduk. Sürekli Google Chrome kullandığımdan gezindiğim çoğu sitede inputların turuncu bir dış çizgi(outline) ile kaplandığa tanık oldum ve kendi sitelerimde bu kötü görünümü engellemek için ek bir css kodu ekledim ve bu ufak kodu aşağıda paylaşıyorum.

 (Söz konusu turuncu çizgiyi, sayfada sağ üstte bulunan arama kutusuna kelime girmek için tıkladığınızda görebilirsiniz..)

Beğendiğim ve yaptığım sitelerde kullandığım jQuery eklentilerini(plugin)  ne işe yaradıklarından kısaca bahsederek listeledim..

1. Jcrop Eklentisi :



Jcrop, web uygulamalarınıza hızlı ve kolayca entegre edebileceğiniz bir imaj croplama eklentisidir. Örneğin sitenizdeki üyelere, profil resminin istediği bir bölümünü kesip kullanmasına imkan tanıyabilirsiniz..

  +  Jcrop demo ve örnekler
  +  Jcrop hakkında bilgiler
  +  Jcrop'u indir


2. PrettyPhoto Eklentisi :
Lightbox benzeri bir eklentidir, resim/fotoğraflarınızın animasyonlu bir şekilde açılmasını sağlar.

 +  PrettyPhoto demo
 +  PrettyPhoto indir


3. DynaCloud Eklentisi :
Web sayfanızda geçen kelimelere göre otomatik olarak etiket bulutu yaratan bir eklentidir.

 +  DynaCloud demo
 +  DynaCloud indir


4. Start/Stop Slider Eklentisi :
Web sayfanıza belli periyotlarla değişen içerik koyabilme imkanı yaratan bir eklentidir.

 +  Start/Stop Slider demo
 +  Start/Stop Slider hakkında
 +  Start/Stop indir


5. Simply Spy Eklentisi :
Web sayfanıza belli periyotlarla değişen içerik koyabilme imkanı yaratan bir eklentidir.

 +  Simple Spy demo
 +  Simple Spy hakkında


6. Popout Ad Eklentisi :
Web sayfanıza, ziyaretçilerinizi rahatsız etmeyecek şekilde popup olarak açılan reklamlar yerleştirmenize yarayan bir eklentidir.

 +  Popout Ad demo
 +  Popout Ad hakkında


7. Navigable & Horizontally Scrollable Portfolio Eklentisi :
Kullanışlı bir portfolio oluşturabilmenize olanak tanıyan bir eklentidir.

 +  Navigable + Horizontally Scrollable demo
 +  Navigable + Horizontally Scrollable hakkında
 +  Navigable + Horizontally Scrollable indir


8. Galleria Eklentisi :
Resim galeri eklentisidir.

 +  Gallleria demo
 +  Galleria hakkında
 +  Galleria indir


9. jTruncate Eklentisi :
Yazıyı istediğiniz yerinden budamanıza yarayan bir eklentidir. Örneğin 500 karakterlik bir yazı için sadece ilk 100 karakterini göster, kalanını "devamını göster" linkine tıklayarak görebilsin diyebiliyorsunuz..

 +  jTruncate demo
 +  jTruncate hakkında
 +  jTruncate indir