bildirgec.org

jquery addon hakkında tüm yazılar

Ağaç Görünüm Bileşeni: jsTree

angelsdemos | 29 June 2010 09:41

jsTree, jQuery eklentisi olarak paketlenen çapraz tarayıcı ağaç bileşenidir.Javascript tabanlı olan bu uygulama üzerinde kategorili listeleme yapabileceğiniz gibi üzerinde kayıtlı bulunan tüm girdiler üzerinden eşzamanlı olarak işlem yapabilirsiniz.

Listeleme, Site Haritası hatta menü olarakta kullanılabilecek çok yönlü bir uygulama olan jsTree, ücretsiz olarak dağıtılmakta, ayrıca GPL ve MIT lisanslarına sahip bir jQuery uygulamasıdır.

Kategoriler ekleme, anında isim değişikliği, dosya ve klasörleri düzeltebilme/silebilme, sürükle-bırak özelliği ile içerisindeki nesneleri herhangi bir klasör yada katagori içerisinden bir başkasına taşıyabilme gibi birçok özelliği bulunmaktadır.

Tema desteği sayesinde tamamen kişiselleştirilebilir ve HTML, JSON, XML gibi verikaynaklarının birçoğunu destekler. Ayrıca değiştirilebilen animasyonlu açılışı ve sayfa harici yükleme özelliği bulunmakta. Arama fonksiyonu, çerezleri optimize etme, klavye ile işlem yapma gibi özellikleri ile jsTree muhteşem bir uygulamadır.

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

Resim Kırpma Bileşeni: Jcrop

angelsdemos | 23 June 2010 09:36

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.

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.

Zoom Bileşeni: Zoomooz

angelsdemos | 21 June 2010 09:37

Zoomooz, websayfanızdaki herhangi bir eleman üzerinde her türlü zoom efektini yapmanızı sağlayan muhteşem bir jQuery uygulamasıdır. Zoomoz’u web sitenizdeki resimler, bloklar, metinler gibi aklınıza gelebilecek her elemana uygulayabilirsiniz.

Hiçbir eklenti gerektirmeyen bu jQuery uygulaması ile fotoğrafların büyük boylarının anında ekrana gelmesini sağlayabilir veya herhangi bir fotoğrafa yakınlaşma efekti yapabilirsiniz. Bunların haricinde üç boyutlu bir küp yapıp herhangi bir bölümüne yakınlaşma ve uzaklaşma yapabilir veya bloklarınızın bir bölümüne zoom efekti koyarak sağdan sola, yukarıdan aşağı gibi farklı açılardan bu uygulamayı kullanabilirsiniz.

Micro Gallery ile Yerden Tasarruf Edin

angelsdemos | 17 June 2010 14:47

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

jQuery-Notes

angelsdemos | 22 May 2010 10:28

jQuery-Notes, fotoğraflarınıza not eklemenize yardımcı olan sıradışı bir jQuery uygulaması. Resimlerinizin altına, köşesine not eklemek artık sizin için yeterli değilse jQuery-Notes tam size göre bir uygulama.

jQuery 1.4, jQuery-UI 1.7+ ve PHP5 ile hazırlanan bu uygulama sayesinde resimlerinizin üstünde herhangi bir yerine not ekleyebilir ve notlarınıza link verebilirsiniz. Bu sayede resimlerinizdeki herhangi bir nesne veya kişiye dikkat çekebilir veya tanımlayabilirsiniz.

Dünyanın en popüler sosyal medya aracı haline gelen Facebook‘ta bulunan benzer uygulamadan esinlenerek hazırlanan jQuery-Notes sayesinde resimlerinizi boş bırakmak zorunda değilsiniz.Fotoğrafların sağ alt köşesinde yer alan 4 düğme sayesinde notlar ekleyebilir veya onları görmek istemiyorsanız uygulamayı inaktif duruma getirebilirsiniz.

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

jval ile formların kontrolü elinizde

angelsdemos | 03 May 2010 12:14

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.

fsgallery ile sıradışı görsel galeriler

angelsdemos | 28 April 2010 12:50

Web sitenizde içeriğinize göre galeri veya benzeri uygulamalar kullanabilirsiniz. Blog veya web sayfanızdaki galeride kendi çalışmalarınızı veya farklı fotoğraflar yayınlayabilirsiniz. Fotoğrafları yayınladığınız galeri uygulamasının birçok kullanışlı özelliği bulunması sizin için de kullanıcılar için de oldukça elverişlidir. FSGallery, jQuery kullanılarak interaktif olarak hazırlanmış eşsiz bir galeri uygulamasıdır.

FSGallery‘nin en önemli özelliği diğer galerilerin aksine yayınladığınız fotoğrafları tüm ekranda yayınlamasıdır.Yeni fotoğraf tıkladığınızda eş zamanlı yükleme özelliği sayesinde yeni sayfa yüklenmeden fotoğrafı aynı sayfada gösterir.

fsgallery ile fotoğraflarınızın tümüne kısa notlar ekleyebilirsiniz. Sol üstte bulunan info (bilgi) butonu sayesinde ziyaretçileriniz fotoğraflar hakkında bilgi sahibi olabilirler. Ayrıca sağ üstte bulunan “Arama” (search) özelliği sayesinde galeride fotoğraflarda arama yapabilirler.fsgallery fotoğrafları tam ekrana yansıtırken altta ise diğer fotoğraflar için transparan bir alan bırakmıştır. Eklediğiniz tüm fotoğrafların küçük önizlemesi aşağıda yer alır ve bu fotoğrafların üzerine geldiğinizde tooltip özelliği sayesinde önizleme ekrana gelir.