jQueryEasing ile .animate() efektleri

Merhaba arkadaşlar, jQuery’nin verdiği swing , linear artık güzel görünmüyor o yüzden sık kullandığım ama fırsat bulamadığım bir kod parçasını paylaşacağım.

Öncelikle yazarına teşekkür edelim :  gdsmith

jquery.easing.js  jQuery .animate() fonskiyonu biraz renklendirmek diyebiliriz ancak html5 de de bu animate’leri verebiliyoruz.

Js kodlarda select’den gelen veriyi çağırmak ve sürekli tetiklemek için birkaç şey yaptım kafanız karışmasın, dikkatli incelerseniz anlarsınız.

 

Yarın birgün rastgele animate efekt isteyeceksiniz o yüzden dizi halinedede veriyorum efektleri

 

Random seçtirme

 

 

Ön izleme

See the Pen jQueryEasing ile .animate() efektleri ~ www.aycan.net by Aycan BÜLBÜL (@AycanB) on CodePen.

 Aycan.net Ön izleme -> http://calismalar.aycan.net/jQueryEasing/

jQuery ile rastgele renk

Geçenlerde ruh halimi yansıtan bir kod diye bişiyler yazdım, sizlerlede bunu paylaşmak istiyorum.

Kodun yaptığı iş, her 1 saniyede random bir renk seçiyor.

Css (geçişler yumuşak olsun diye.)

 

Js

 

See the Pen Ruh Halimiz by Aycan BÜLBÜL (@AycanB) on CodePen.

Bu kodu paylaşırkende bu müziği dinliyorum, sizede tavsiye ederim

jQuery Rating Uygulaması

Merhaba arkadaşlar, her projede farklım farklı yazmaktan yoruldum ve burada paylaşıyorum.

Html Kodları

 Css Kodları

Js Kodları

 

Codepen:

See the Pen jQuery Rating Uygulaması by Aycan BÜLBÜL (@AycanB) on CodePen.


Aycan.net demo -> http://calismalar.aycan.net/rating/

jQuery .slice() nedir ? nasıl kullanılır ?

Merhaba Arkadaşlar

Bugun ki konumuzda .slice() fonksiyonun kullanımını inceliycez.

.slice() fonksiyonun en basit tanımı olarak iki adet indeks noktası arasındaki nesnelerini seçtiğini söylebiliriz.

Aşağıdaki örnek güzel bir örnek olduğu için jquery.com‘dan aldım ve biraz türkçeleştirdim.

HTML Kodlarımız

 

Okumaya devam…

jQuery :first-child nedir ? nasıl kullanılır ?

:first-child

Girilen seçiciye göre barındırılan ilk nesneyi verir. Her zaman ki gibi daha iyi anlaşılır olabilmesi için basit bir örnek verelim.

HTML Kodlarımız

Okumaya devam…