• Merhaba Dünya

    Selamün Aleyküm. Bugün yayına girdiğimiz blog ile jQuery uygulamalarını sunacağız. Uygulamaların anlatımını video ile çekiceğiz, daha iyi olacağından eminim. Siz de kendiniz...

  • Sağ Tık Menü Eklentisi - Taner Tuncer

    Selamün Aleyküm. Sizlere Taner Tuncer tarafından geliştirilip ücretsiz sunduğu Sağ Tık Menu Eklentisi'ni sunuyoruz. Bu eklenti sayesinde çok şey kazanabilirsiniz. Herkes çok...

  • Renk Animasyon Eklentisi

    Selamün Aleyküm. Sizlere Bitstorm tarafından geliştirilip herkese ücretsiz olarak sunduğu Renk Animasyon eklentisini bugün sizlere kullanımını göstereceğiz. Fakat bir sorun var, resimler...

  • Başlık

    Açıklama

Sticky Eklentisi

Selamün Aleyküm. Bugün "Sticky" eklentisi görüceğiz. Sticky eklentisi sizlere yardımı çok dokunacaktır. Kısa bir anlatım oldu ama sizlere yardımı dokunacaktır. Sticky eklentisi ne işe yarıyor derseniz videoda görüceksiniz. Ses bu sefer iyi oldu sanırım bana öyle geldi :) Sizlere çok güzel eklentiyi sunmak istedim ve sundum hadi hemen izleyelim video'yu görelim neymiş bu Sticky eklentisi :)



Corner Eklentisi

Selamün Aleyküm. Bugün "Corner" eklentisinin tanıttım. Fakat ses olayı kötü oldu bir yer kısık bir yer yüksek ses maalesef. Sorun için özür dilerim. Şimdi Corner eklentisi ne derseniz eğer; Corner eklentisi bir divin köşelerini ovalleştiriyor. Eğer bir tasarım yapıyorsanız bu eklenti size çok yardımcı olucaktır. Hadi videoya geçelim :)



Cycle Eklentisi

Selamün Aleyküm. Bu dersimizde "Cycle" eklentisini gösterdik. "Cycle" eklentisi ne diyorsanız eğer bu eklenti bir divde ki resimlere animasyon vermektir. Bir kaç kod ile güzel bir görünüm alıyordur. Gayet basit bir kullanımı vardır. Sizlere sunmak istedim bu eklentiyi. Bir çok yerde rahatça kullanabilceğiniz bir eklentidir. Video'da sesim iyi oldu bu sefer görüntüde HD(720p). Her şeyi videoda anlattım hemen video'ya geçelim;



Backstretch Eklentisi

Selamün Aleyküm. Bu dersimizde "Backstretch" adlı eklentimizi gördük. "Backstretch" eğer ne diyorsanız bir div veya pencerenin arkaplanını değiştiriyor. Bir kaç animasyonda var. Çok iyi bir eklenti ben çok beğendim açıkcası. Bu arada artık yapabiliyorum videoları HD(720p). Fakat sesde hala bir sorun var. Bazı sebeplerden dolayı video çekemiyorum pek özür dilerim aslında günde 2 tane çekmem gerek 1 tane çekiyorum ama bugün(13.12.12) 2 tane çekiceğim :) Vee yazar aldım (Hasan Yüksektepe). Hayirlisi bakalım. Hemen videoya geçelim;



aToolTip Eklentisi

Selamün Aleyküm. Bugün aToolTip eklentisini açıkladım kullanımı gayet basit. Fakat görüntü kötü oldu diğer videoda ses ve görüntü kötü idi ses bitti görüntü olayı kaldı onuda yaptımı tamamdır :) Video'da aksaklıklar için özür dilerim. Sabah 8 gibi çektim videoyu yeni kalkmıştım :) Her neyse hemen videoyu gösteriyim :)



Gerekli olan dosyalar;

Jcrop Eklentisi

Selamün Aleyküm. Bugün sizler için çektiğim video'da Jcrop eklentisi gösterdim. Ses ve görüntü çok kötü oldu :( Bir daha ki sefere inşALLAH sorunlar olmucak tabii bu benim ilk çekimim :) Her neyse çok güzel bir eklentidir kendisi. Bir çok işe yarıyabilir. Hemen geçelim videoya.




Gerekli olan dosyalar;

Renk Animasyon Eklentisi

Selamün Aleyküm. Sizlere Bitstorm tarafından geliştirilip herkese ücretsiz olarak sunduğu Renk Animasyon eklentisini bugün sizlere kullanımını göstereceğiz. Fakat bir sorun var, resimler ile anlatacağım mikrofonda arıza çıktı maalesef :( Şimdi bu eklentinin bir kaç seçenekleride var onları yazının sonunda göstereceğim. Hemen anlatıma geçelim o zaman :)



İlk önce jQuery ve Eklentiye ait dosyaları çağırıyoruz. Çağırdıktan sonra yukarda ki işlemleri yapıyoruz. Sadece onlar ile kısıtlı değil ayarlar yazının en sonunda vereceğim bahsettiğim gibi. Yukardaki işlemleri yaptıktan sonra;



Div için stil ayarlarını yapıyoruz. Basit olarak bende yaptım. Bir kaç şey sizde ekleyebilirsiniz. Hemen sonra ki işleme geçelim;


Yukarıda ki html halini yaptıktan sonra hemen bir test edelim ve sonuçu görelim. Bize ait sunucu olmadığı için maalesef ki gösteremiyoruz. Tabii siz yukarda ki işlemleri yaparsanız kendi bilgisiyarınızda görebilirsiniz sonuçu.

jQuery Link: http://code.jquery.com/jquery-1.8.0.min.js
Eklenti Link: http://www.bitstorm.org/jquery/color-animation/jquery.animate-colors.js
Eklenti için bir çok özellik daha;
  • color
  • backgroundColor
  • borderColor
  • borderBottomColor
  • borderLeftColor
  • borderRightColor
  • borderTopColor
  • outlineColor
Bu yazımız bu kadar idi. Biraz uzun oldu mikrofon'da sorun olduğu için. Bir çözümünü bulucağım inşALLAH. Hepinize ALLAH Kolaylık versin. ALLAH'a emanet olun. Görüşmek üzere.