bildirgec.org

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

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ı;

dualSlider – Demo

Ç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 Dialog – Demo

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ı.

Jcrop, herhangi bir imajı üzerinde kesme, kırpma, kopyalama gibi imaj üzerinden yapılabilecek bazı işlemleri gerçekleştirmek için arayüz oluşturabilen interaktif bir uygulamadır. Jcrop herhangi bir imaj dosyasının belirli bir bölümünü seçmeye yarayan muhteşem bir jQuery uygulamasıdır.

Jcrop ile her türlü imajın belirli bir bölümünü seçerek bu imaj üzerinden çeşitli işlemler yapabilirsiniz. Seçtiğiniz bölgenin koordinatlarını (x1, x2, y1, y2, w,h) öğrenebilir, farklı bir bölgede sadece kestiğiniz kısmı normal veya yakınlaşmış olarak görebilir veya sadece seçili kısmı değişikliğe uğramaz halde gösterebilirsiniz.

Tüm bu seçme işlemleri sonrasında resme farklı tooltip şeklinde notlar ekleyebilir (Facebook‘taki gibi), imajın seçili bölgesini daha yakından göstererek ürününüzün kalitesini gösterebilir veya imaj üzerinden kesme, kırma, efektler uygulama gibi farklı işlemleri farklı yöntemlerle gerçekleştirebilirsiniz. Ayrıca Jcrop üzerinde farklı renkler kullanarak web sitenize göre kişiselleştirebilirsiniz.

HTML5 ve CSS3 yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem HTML5 ve CSS3 Uygulamaları;

Carbon Fiber Signup Form – Demo

Html5, css3 ve jQuery ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan tooltip özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.

Create a Cool Messy List with CSS3 and nth-child – Demo

Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.

Web formları, günümüzde web sitelerinin çoğunda bulunakta. Olmazsa olmaz olarak nitelendirilen web formları; üyelik işlemleri, metinler hazırlama, iletişim ve yorum gibi farklı niteliklerde hazırlanabiliyor. Fakat ziyaretçileriniz formlarınıza istediğiniz ölçüde değerler girmiyor olabilirler. Bunu engellemek istiyorsanız jVal tam size göre.

jVal, interaktif ortamda hazırlanmış eş zamanlı form takip aracıdır. Formu dolduran ziyaretçilerinizin formu doğru doldurup doldurmadığını takip ederek ziyaretçileri uyarır. Doldurulması gereken fakat boş bıraklıan kısımlar, geçersiz karakter kullanımı (sayı yerine harf gibi), mantık hataları, geçersiz e-posta adresleri gibi birçok yanlışı bulur.

jQuery ile hazırlanan bu uygulama sayesinde ziyaretçilerinizin formlarda yapacağı bu hataları eş zamanlı olarak uyarabilir ve hata yapmamalarını sağlayabilirsiniz.

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 Carousel – Demo

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 Slider – Demo

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.

Web sitenizin içeriğine göre web sitenize takvim eklemek veya takvim üzerinden işlemler yapmak zorunda kalabilirsiniz. Kullanıcılarınız ürünlerinizi takvim üzerinden takip edebilir veya işlemlerinizi o takvim üzerinden yayınlayabilirsiniz. En azından üyelik formunda kullanıcınızın doğum tarihini interaktif bir takvim ile alabilirsiniz. Tüm bu işlemleri ve daha fazlasını Date Range Picker uygulaması ile yapabilirsiniz.

Date Range Picker, içerisinden birçok seçenek ve birçok tema bulunan bir jQuery eklentisidir. Klasik bir forma tıklandığında tooltip özelliği sayesinde ortaya çıkarak kullanıcıları uzun işlemlerden kurtarır. Son günü, son 7 günü, son ay, son yıl gibi kısayollar sayesinde birden çok tarihi seçebilirsiniz.

Web sitenizde fotoğraf veya resimlerinizi farklı yöntemler ile ziyaretçilerinize sunmak isteyebilirsiniz. jQuery ile hazırlanan jQuery.popeye sayesinde web sitenizdeki tüm görselleri kişiselleştirebilirsiniz. Gelişmiş interaktif görseller için hazırlanan jQuery.popeye sayesinde fotoğraflarınız ile slayt gösterileri hazırlayabilir, fotoğraflarınızın altına notlar yazabilir veya fotoğrafınızın orjinal/büyük halini aynı sayfada yayınlayabilirsiniz.

jQuery.popeye sayesinde web sitesinin akışını bozmadan (yeni sayfa yüklemeden) farklı işlemler uygulayabilirsiniz. Sayfada yayınladığınız görselin orjinal (büyük) halini tooltip özelliği sayesinde yayınlayabilirsiniz.

Wordpress için artık birçok uygulama bulunmakta.Wordpress ile hazırladığınız web sitenizi artık istediğiniz gibi kişiselleştirebilirsiniz. Temalar ve eklentiler ile renklendirebilirsiniz. Aşağıda Wordpress için hazırlanan uygualamalrdan sadece jQuery kütüphanesi kullanılarak yapılanlar bulunmakta. Aşağıdaki uygulamaları kullanabilir veya sizde farklı jQuery Wordpress eklentileri yaratabilirsiniz. İşte Worddpress için hazırlanan jQuery uygulamaları;

FancyBox for WordPress – Demo

Fancybox, tooltip şeklindeki bir resim görüntüleme aracıdır. Wordpress ile uyumludur.Upload özelliği sayesinde resimleri sorusuzca yükleyebilirsiniz. Web sayfanızdaki belirttiğiniz resimleri veya tümünü bu uygulamaya tıklandığında büyük olarak görülmesini sağlar.

SimpleModal Contact Form (SMCF) – Demo

Wordpress için hazırlanan bu jQuery uygulaması ise ziyaretçileriniz için hazırlanan bir iletişim formudur. İletişim formunu ziyaretçileriniz tıkladığında tooltip şeklinde yeni bir pencere açılarak yeni sayfa yüklemeden ziyaretçilerinze zaman kazandırır. Hoş tasarımlı ajax ile hazırlanmış bir Wordpress eklentisidir.

Web3.0, css3 ve Html5‘in gelişmesi ile birlikte web sayfaları artık interaktif uygulamalar ile dolmaya başladı. Masaüstü uygulamalarında kullanılan efekler ve uygulamaların birçoğu artık flash kullanmadan web sayfalarında da uygulanabiliyor. Tüm bu yeniliklerle beraber jQuery kütüphaneside sürekli büyüyor ve ön plana çıkıyor. Aşağıdaki benzersiz uygulamaları web sitenizin içeriğine göre veya farklı tarzlarda kullanabileceğiniz gibi jQuery geliştiricisiyseniz benzer uygulamalar yaratabilirsiniz. işte inanılmaz 5 jQuery uygulaması;

Interactive Map | Demo

Artık kendi bilgi haritanızı jQuery ile oluşturmanız mümkün. Genellikle bilgi haritaları, .jpg formatında yapılıyordu veya interaktif uygulamalar için ise flash tercih ediliyordu. Fakat web3.0, css3, html5 ile birlikte jQuery’de ön plana çıkarak bu kalıpları yıkıyor. Kendi bilgi haritanızı yaratabileceğiniz bu uygulamada tooltip özelliği ile bölgeler hakkında bilgi verebilir ayrıca belirli bölgelere yakınlaşarak daha ayrıntılı haritalar yayınlayabilirsiniz.