bildirgec.org

jquery animation hakkında tüm yazılar

2010’un En İyi jQuery Uygulamaları

angelsdemos | 10 December 2010 15:27

Daha önceden 2010’un En İyi Fontlarını ve 2010’un en iyi Ücretsiz Wordpress Temalarını yayınlamıştık. Web alemindeki “2010’un en iyileri” dizisinde sıra jQuery uygulamalarında. jQuery kullanılmaya başlandığından beri hızla artan uygulama sayısı bu yılda oldukça arttı. Biz sizin için en iyi jQuery uygulamalarını derledik. Bu uygulamaların birçoğunu farklı bildirilerde de görebilirsiniz.

5 Muhteşem jQuery Uygulaması

angelsdemos | 18 November 2010 10:31

jQuery, web sitesi geliştirmek için harika bir kütüphane. Web sitenize önceden yapılması oldukça zor olan birçok uygulama, efekt ve benzer şeyler ekleyebilirsiniz. Aşağıdaki 5 muhteşem jQuery uygulamasını ücretsiz olarak kullanabilir ve ayrıca geliştirebilirsiniz.

Slider Gallery with jQuery

Slider Gallery with jQuery, diğer galeri uygulamalarından tamamen farklı bir slider uygulamasıdır. Kategorilenmiş başlıklardan birini tıkladığınız taktirde yatay olarak o kategoriye ait fotoğraflar sayfada yayınlanır. Alttaki imleç ile sağa veya sola doğru hareket edebilir ve diğer fotoğraflara bakabilirsiniz. Ayrıca yer alan tooltip eklentisi sayesinde fotoğrafları büyük boy olarak görebilir ve bu şekilde diğer fotoğraflar arası geçiş yapabilirsiniz.

Apple-like Retina Effect

Apple-like Retina Effect, fotoğrafların sadece bir bölümünü yakınlaştırmaya yarayan küçük bir uygulamadır. Büyük boyutlu resim yayınlayan web siteleri tarafından uygulanabilir.

Zoom Efektli Galeri: Zoomer Gallery

angelsdemos | 11 October 2010 09:40

Flash benzeri yakınlaşma efekti üzerinden hazırlanan Zoomer Gallery, hoş bir jQuery uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.

3 farklı efekti barındıran Zoomer Gallery‘yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.

İlgi Çekici css3 ve html5 Uygulamaları

angelsdemos | 24 September 2010 14:46

CSS3 ve HTML5 ile artık web sitelerimiz daha renkli ve daha interaktif bir şekle giriyor. Yeni özellikler sayesinde hem görsel açıdan tatmin edici çalışmalar yapılırken hem de herhangi bir eklentiye gereksinim kalmıyor. Aşağıdaki benzersiz HTML5 ve CSS3 uygulamalarının nasıl yapıldığını detaylı olarak öğrenebilir ve benzer çalışmalarda bulunabilirsiniz. İlgi Çekici css3 ve html5 Uygulamaları;

Animated 404 Page
(Animasyonlu 404 Sayfası)

jQuery de kullanılarak yapılan bu animasyon uygulaması ile 404 sayfalarını renklendirebilir ve hareketli animasyonları sayfalarınıza taşıyabilirsiniz. Roketten farklı olarak farklı grafikleri kullanarak animasyonlar yaratmanız mümkün.

Building a custom HTML5 video player with CSS3 and jQuery
(CSS3 ve jQuery kullanarak Özel HTML5 Video Oynatıcısı)

Html5‘in getirdiği yeniliklerden biri olan video oynatıcısını tam olarak anlatan bu ders sayesinde HTML video oynatıcıları hakkında büyük bir bilgi sahibi olacaksınız. Yeni getirilen html5 video formatının tüm özelliklerini anlatan bu muhteşem uygulama ile siz de kendi HTML5 Video Oynatıcınızı yaratabilirsiniz.

CSS3 Tile Flip Animation Tutorial
(CSS3 Tile Flip Animasyon Eğitimi)

En iyi jQuery Uygulamaları – Haziran 2010

angelsdemos | 28 June 2010 09:48

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com‘dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSliderDemo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, “Play/Stop” (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm DialogDemo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

Panning Slideshow

angelsdemos | 22 June 2010 09:48

Birçok web projesinde kullanabileceğiniz Panning Slideshow, jQuery ile yapılmış bir slayt uygulamasıdır. Özellikle farklı geçiş efektiyle dikkan çeken Panning Slideshow oldukça kullanışlı ve hoş görünüme sahip bir uygulama.

4 veya daha fazla fotoğraf kullanabildiğiniz Panning Slideshow fotoğraflar arası farklı geçiş efektini sunar. Sağa-Sola veya çapraz olarak ilerleyen bu uygulamayı birçok web projenizde ücretsiz olarak kullanabilirsiniz. Oldukça kolay kullanımı olan Panning Slideshow ile istediğiniz fotoğrafları web sayfanızda yayınlayabilir veya ürünlerinizi tanıtabileceğiniz farklı bir araç olarak kullanabilirsiz. Tüm bunları yaparken hiçbir eklenti olmaksızın kolaylıkla kullanabilirsiniz.

Muhteşem jQuery Efektleri ve Animasyonları

angelsdemos | 04 May 2010 12:21

jQuery oldukça genişleyen bir kütüphane. Artık jQuery ve HTML5 sayesinde web sayfalarımızda flash ve benzeri eklentiler olmaksızın farklı efektler ve animasyonlar yaratabiliyoruz. Aşağıdaki jQuery efektlerini ve animasyonlarını sizde web sayfanızda yayınlayabileceğiniz gibi ücretsiz olarak indirebilir ve inceleyerek benzer çalışmalar yaratabilirsiniz. İşte muhteşem jQuery Efektleri ve Animasyonları

Canopy

Ball Pool

Starfield

En iyi jQuery Uygulamaları – Nisan 2010

angelsdemos | 29 April 2010 09:42

Günümüzde jQuery ile birçok uygulama yapılmakta. Büyük bir kütüphane haline gelen jQuery ile aklınıza gelebilecek tüm uygulamaları flash ve benzeri eklentiler kullanmadan web sitenizde kullanabiliyorsunuz. Aşağıda Nisan ayının en çok kullanılan ve görüntülenen jQuery uygulamaları bulunmakta. işte jQuery.com üzerinden hazırlanmış en iyi jQuery uygulamaları ;

3D Cloud CarouselDemo

jQuery ile hazırlanan bir sunum ürünü olan 3D Cloud Carousel‘i web sitenizde ücretsiz olarak kullanabilirsiniz. Bu sunum uygulamasında ürünlerinizi tanıtabileceğiniz gibi farklı temadaki galerilerde oluşturabilirsiniz.

jQuery SliderDemo

jQuery Slider, belirli aralıktaki değerleri seçmek için yapılmış bir jQuery eklentisidir. Bu eklenti ile ziyaretçileriniz iki değer aralığını seçebilirler. Alışveriş sitelerinde kullanılabileceği gibi (fiyat aralığı) arama motorları tarafındanda kullanabilinecek bir uygulama.

Benzersiz jQuery uygulamaları

angelsdemos | 19 April 2010 09:54

jQuery‘nin sürekli genişleyen bir kütüphane olması, css3 ve html5teknolojilerinin gelişmesi ile beraber birçok uygulama internet ortamında flash gibi eklentiler olmaksızın uygulanabiliniyor. Çizim paletleri, oyunlar, animasyonları eklenti kurmaksızın web sitenizde uygulayabilirisiz. İşte benzersiz jQuery uygulamaları;

HarmonyDemoVideo

jQuery ile yapılan bu uygulama ile web sayfanıza bir çizim tahtası yerleştirebilirsiniz. Chrome, Sketchy, Shaded gibi birçok çizgi türü bulunan bu uygulama ile birbirinden farklı eskizler ve taslaklar oluşturabilirsiniz.

CanvasBikeDemo

Html5 ve jQuery ile oyun yapılabileceğinin kanıtı olabilecek bu uygulama flash oyunları oldukça andırıyor. Chrome Experiments tarafından yapılan bu uygulamayı web sitenizde sorunsuzca çalıştırablirsiniz.

jQuery ile Yapılan Animasyon Uygulamaları

angelsdemos | 31 January 2010 13:22

jQuery artık o kadar ilerledi ki animasyonlar bile yapılabiliyor. Genelde flash ile gördüğümüz animasyonları gelecekte jQuery ile yapıldıklarını görmemiz mümkün. İşte birbirinden farklı jQuery ile yapılan inanılmaz animasyon örnekleri;

Building an Animated Cartoon Robot with jQueryDemo
(jQuery ile Animasyon Robot yapma)

5 katman hazırlanarak yapılarak hazırlanan çok hoş bir jQuery uygulaması. Kısa olmasına rağmen ileride benzer çalışmaları geliştirilerek yapılabilir.

Crafting an Animated Postcard With jQueryDemo
(jQuery ile Animasyon Karpostal Hazırlama)

Flash animasyonların yerini ileride jQuery ile yapılan animasyonların alabileceğinin en büyük kanıtlarından biri. Çok kullanışlı bir jQuery uygulaması.