bildirgec.org - etiketler: js

2010'un En İyi jQuery Uygulamaları

angelsdemos — Fri, 10 Dec 2010 13:27:00 GMT

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.

Nivo Slider

5 kB. gibi bir boyutu olmasına karşın oldukça esnek ve kullanışlı bir slider uygulaması. İçerisinde 9 farklı geçiş efekti bulunuyor.

Quicksand

Hoş bir efekt ile yapılmış bir kategorileme uygulamasıdır. Filtreleme veya kategorileme işlemlerinde zarif tasarımı ile dikkat çekebilir.

Spritely

Web sayfanızda interaktif animasyonlar oynatmanızı sağlayan çok iyi bir jQuery uygulaması. Hareketli arkaplanlar, imleç ile bütünleşik nesneler yaratabilirsiniz.

Lettering.js

İnteraktif olarak tipografik jQuery efekti. Basit ve küçük boyutlu bir uygulama.

Colortip

Basit, esnek ve gelişmiş bir jQuery uygulaması. Küçük boyutu ve hoş özellikleri sayesinde oldukça dikkat çekici bir Tooltip.

Masonry

Web sayfalarınızı istediğiniz kadar bloklara bölmenizi sağlayan oldukça faydalı bir jQuery uygulaması. Filtreleme, renklendirme ve sayfalandırma gibi özellikleri sayesinde oldukça performanslı.

gvChart

Google JS Api kullanılarak hazırlanmış inteaktif bir grafik hazırlama uygulaması. İstatistiksel verilerinizi interaktif olarak yayınlayabilirsiniz.

Animated table sort

jQuery tabanlı sıralama uygulaması. Belli bir kategorideki kayıtları rasgele, alfabetik, sayısal gibi birçok farklı şekilde sıralayabilir.

YoxView

Web sitenizdeki resimlerin orjinal veya daha büyük hallerini açılan küçük bir pencere (tooltip) sayesinde gösteren kullanışlı bir uygulama.

Ayrıca Bakınız :

angelsdemos: blog | friendfeed | twitter | email | rss

Kaynak : wdl

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

interaktif Grafik Uygulaması : gvChart

angelsdemos — Sat, 04 Dec 2010 10:12:00 GMT

jQuery tabanında hazırlanan gvChart, interaktif bir tablo-grafik uygulamasıdır. gvChart ile verdiğiniz verilere göre birçok grafik oluşturabilirsiniz. İstatistik bilgilerini daha çarpıcı ve daha detaylı bir şekilde web sitenizde göstermek istiyorsanız gvChart tam size göre bir uygulama.

5 farklı grafik çeşidi bulunan gvChart, rakiplerinin aksine tamamen interaktif olarak hazırlanmıştır. Sadece imaj şeklinde veya flash gibi farklı eklentiler gerektiren bir uygulama değildir. Google js api kullanılarak hazırlanan oldukça yararlı ve etkileyici bir jQuery uygulaması.

Pasta dilimi, sütunlar ve çizgi şeklinde grafikler oluşturabilirsiniz. Oluşturduğunuz grafikleri tamamen renklendirebilir ve tooltip özelliği sayesinde istatiki verilerini yazabilirsiniz. İstediğiniz ölçüde değişken kullanabilir ve herbiri için farklı renk atayabilirsiniz.

Sadece 26kb. boyutundaki gvChart uygulamasını buradan indirebilirsiniz. İsterseniz demolarını buradan inceleyebilirsiniz.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ivellios.toron

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Mozilla Labs'tan Chromeless

angelsdemos — Wed, 27 Oct 2010 09:43:00 GMT

Mozilla Labs yaptığı duyuru ile yeni projesi Chromeless'i tanıttı. Popüler internet tarayıcısı Firefox'un en sade halinden itibaren siz kendi tarayıcınızı; herhangi bir arayüz, tema, eklenti olmadan HTML, CSS ve JavaScript gibi standart web dilleri ile tasarlayabileceksiniz.

"Chromeless: Build your own Browser UI using HTML, CSS and JS" (Chromeless : HTML, CSS ve JS ile Kendi Tarayıcını İnşa Et) başlığı ile yeni ürününü tanıtan Mozilla Labs takımı, yeni projeleri sayesinde kullancıların kişiselliğine önem verdiğini bir kez daha vurguladı. Mozilla Labs'ın XUL kullanımı yerine web dillerini kullanması projeyi oldukça geniş bir kitleye yaydı. Önceden sadece birtakım geliştiricilerin kullanabildiği XUL yerine artık tarayıcınızı değiştirebilecek ve istediğiniz zaman değişiklik yapabileceksiniz.

Chromeless sayesinde tarayıcınızı hazırlamanın bookmarklet veya herhangi bir web sayfası hazırlamadan pek farklı kalmayacak. CSS, HTML, JS, jQuery gibi birçok dil ve kütüphane ile çalışarak farklı tarayıcı tasarımları ve eklentileri orataya çıkacak.

Ayrıca Bakınız :

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : mozilla labs

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Gelişmiş Çevrimiçi Metin Editörü: elRTE

angelsdemos — Thu, 14 Oct 2010 09:46:00 GMT

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE'yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word'den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

16 farklı dil desteğine sahip Firefox 3.5+, Internet Explorer 7, Safari 4, Opera 10 ve Chrome üzerinden rahatlıkla çalışabilen elRTE; BSD, MIT ve GPL lisanslarına sahip. elRTE'i sourceforce üzerinden buradan indirebilir veya demosunu buradan inceleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : elRTE

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Kullanışlı Html5 video oynatıcı: SublimeVideo

angelsdemos — Tue, 12 Oct 2010 06:44:00 GMT

Html5'in yeniliklerinden biri olan web sayfasında herhangi bir eklenti gerektirmeksizin video oynatabilme özelliğini kullanarak geliştirilmiş SublimeVideo, video oynatıcılarda isteyebileceğiniz tüm özelliklere sahip olan, özelleştirilebilir bir html5 video oynatıcısıdır.

Tüm tarayıcılarda kullanabileceğiniz ayrıca iPhones, iPads ve Android yüklü telefonlarda da kullanılabilecek olan bu muhteşem html5 video player oldukça kullanışlıdır.

Ses kontrolü, tam ekran modu, zaman ve ters zaman göstergesi, boyutlandırma, şık efektler gibi birçok özelliği bulunan bu html5 video oynatıcıda arayabileceğiniz tüm özellikler bulunmakta. Ekstra olarak sayfada tooltip olarak küçük bir pencere olarak video oynatıcıyı açma, videoları galeri şeklinde sıralama gibi özelliklerde bulunuyor.

SublimeVideo'yu buradan inceleyebilir veya demolarına buradan bakabilirsiniz.Eğer SublimeVideo'yu kullanmak istiyorsanız buradaki formu doldurarak ücretsiz olarak kullanabilirsiniz.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : sublimevideo

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımcıları için Faydalı 5 Araç

angelsdemos — Thu, 07 Oct 2010 09:36:00 GMT

Web tasarım işi oldukça uzun sürebilir. Bu yüzden yapılan birçok uygulama bulunmakta. Bu uygulamalar size zaman kazandırmakla beraber birçok açıdan da yardımcı oluyorlar. Aşağıdaki ücretsiz uygulamaları siz de kullanabilirsiniz.

Flowplayer

Web sitenizde bulunan videoları kullanışlı ve ücretsiz bir flash arayüz olan flowplayer ile yayınlayabilirsiniz. FLV, SWF, MP3, MP4, H.264 video, JPG, PNG gibi formatları destekliyor. ayrıca video içeriğine reklam yerleştirebilme, çalma listeleri oluşturabilme, tam ekran gibi birçok özelliği bulunmakta. Ücretsiz sürümünü kullandığınız takdirde sadece tam ekran modunda sağ alt köşede Flowplayer logosu olmasının dışında herhangi bir eksiği olmayan bu muhteşem arayüz, gpl lisansına sahip ve oldukça gelişmiş.

FancyBox

FancyBox, web sitenizde kullanabileceğiniz gelişmiş bir resim görüntüleme aracıdır. Web sitenizdeki resimleri tooltip şeklinde büyük veya orjinal halini ziyaretçilerinize gösteren bu uygulamayı isterseniz galeri şeklinde de kullanabilirsiniz. swf, iframe gibi desteğe de sahip olan uygulama, oldukça kolay bir kullanıma sahip.

Wordpress için yapılmış bir eklentisi de bulunmakta.

Firebug Lite

Web sitenize yerleştireceğiniz muhteşem uygulama ile web sayfanızdaki kodları yeniden düzenleyip hataları ayıklayabilirsiniz. Bütün tarayıcılarla uyumlu olan Firebug Lite ile html, css, js kodlarını tamamen düzenleyebilirsiniz. Web sayfasının altında çıkacak olan düzenleme editörü ile rahatça düzenleme yapmak mümkün. Ayrıca konsolun html, script, css, dom gibi sekmeleri sayesinde işlemlerinizi karıştırmazsınız. Google Chrome için bir eklentisi de bulunmakta.

Ultimate IE6 cheatsheet

Web tasarımcılar Internet Explorer 6'dan nefret etseler ve Microsoft dahi geliştirilmesini bırakmış olsa bile hala IE6 kullanan oldukça fazla kişi var. Bu yüzden web sitelerimizi hazırlarken IE'yi de işin içine katmalı, en azından bu tarayıcı için basit sayfalar hazırlamalıyız. Bu yüzden yazılan bu muhteşem makeleyi kullanarak web sitelerinizi IE6 için uyumlu hale getirebilirsiniz. Hata Çözümleri, alternatif yöntemler ve birçok şey bulunan işe yarayan bir kaynak.

Zen Coding

Html, css ve js kodlarını yazarken tırnak işareti, eşittir, büyüktür ve küçüktür işaretleri ile oldukça fazla zaman harcadığımızı düşünülerek hazırlanan Zen Coding, mac ve windows tabanlı bir tasarım aracı. Küçük bir formül yapısı ile çalışan bu uygulama ile normalden çok daha hızlı sitenizi biçimlendireceksiniz. Ayrıca notepad++ gibi uygulamalar için de eklentisi bulunmakta.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : queness

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

5 kullanışlı jQuery Uygulaması

angelsdemos — Tue, 21 Sep 2010 11:47:00 GMT

web 2.0'dan web 3.0'a geçiş aşamaları, html5 ve css3 gibi farklı dillerin gelişmesi ile web uygulamaları artık tamamen interaktif olabiliyor. Görsel açıdan oldukça verimli ve klasik web'te genelde eklentilerle sağlanan birçok uygulama artık bunlara gerek kalmadan sağlanabiliyor. jQuery kütüphanesinin genişliği ile birçok farklı uygulama yapılabiliyor. Aşağıdaki açık kaynaklı ve tamamen ücretsiz uygulamaları geliştirebilir veya kullanabilirsiniz.
Captify

Captify, resimler için hazırlanan basit fakat kullanışlı bir başlık aracıdır. Bu muhteşem jQuery uygulaması ile web sayfanızdaki tüm imajlara başlık ekleyebilir ve kısa notlarınızı imajların altına yerleştirebilirsiniz. Sadece 2.3kb. boyutundaki bu ufak fakat çok yararlı uygulama ile ziyaretçilerinizi bilgilendirebilir, kullanım kolaylığı sayesinde her projenizde yer verebilirsiniz.

gvChart

Birçok uygulamada başarılı şekilde kullanabileceğiniz gvChart, istatiksel verileri tablo ve şema halinde herhangi bir eklenti kullanmadan web sitenize yansıtmaya yarar. 5 farklı demosunu tamamen özelleştirebilir ve istediğiniz gibi web siteniz ile uyum aşamasına getirebilirsiniz. Farklı renkler seçebilme ve istatiklerde tooltip kullanabilme gibi özellikleri sayesinde oldukça kullanışlı bir uygulama.

Flare Video

Html5 ve jQuery ile yapılan bu uygulama sayesinde herhangi bir eklenti olmaksızın ziyaretçilerinize video izletebileceksiniz. YouTube gibi devlerin de geliştirmekte olduğu uygulamaya benzer olan bu video uygulamasını 3 farklı tema ile kullanabilir veya kendiniz özelleştirebilirsiniz. Ticari olarak kullanıldığında tamemen ücretsiz olarak sunulan bu uygulamada; tam ekran özelliği, sesi arttırıp azaltma, kolay ve kullanışlı html css js dosyaları gibi özellikler bulunmakta. Fakat kullanmadan önce yine de Html5'in gelişim aşamasında olduğunu unutmayın.

Blockster

Blockster, resimlere başlık eklemenize olanak veren ve farklı geçiş özelliği sunan bir jQuery slider uygulamasıdır. Slaytlar için hazırlanan bu uygulama ile herhangi bir zaman aralığında istediğiniz resimleri gösterebilir ve 2 farklı geçiş özelliğini kullanabilirsiniz.

jmapping

jMapping, Google Maps kullanılarak hazırlanmış ve oldukça kullanışlı bir jQuery uygulamasıdır. MIT lisanslı olan bu uygulama, Google Maps üzerinden dünyanın herhangi bir yerini işaretlediğinizde tek tık ile oraya anında gidebilme özelliğini sunar. Farklı renklerle işaretleme, ileri geri sekmeleri ile kontrol gibi farklı özellikleri ile değişik bir uygulama.

Ayrıca Bakınız;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : wdl

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Starbox - Interaktif Oylama Uygulaması

angelsdemos — Sun, 19 Sep 2010 11:24:00 GMT

Starbox, gelişmiş bir oylama ve değerlendirme uygulamasıdır.Javascript ile jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem esnek uygulamayı elinizdeki bir png formatındaki imaj ile şekillendirebilirsiniz.

Artık birçok sitede görmeye alıştığımız oylama sistemlerinden biri olan Starbox, tamamen özelleştirebilir ve kolay kullanımlı bir uygulamadır.Bu jQuery uygulaması sayesinde aklınızdaki oylama sistemini web sitenize kolaylıkla yerleştirebilir ve entegre edebilirsiniz.

Yirmiden fazla demosunu size sunan eşzamanlı değerlendirme uygulaması Starbox, bununla kalmayarak size özelleştirme imkanı sunuyor.Sadece bir png kullanarak değiştirebilirceğiniz bu uygulamayı kolaylıkla kullanabilirsiniz.Starbox, 5 ve 10 üzerinden oylama, oylandıktan sonra kilitlenme, 1.5 ve 3.5 gibi oylar verebilme, oylama esnasında kötü iyi orta gibi derecelendirme , herhangi bir yere oyladıktan sonra ve önce interaktif olarak genel notu yazma gibi birçok özelliğini aynı anda veya istediklerinizi kullanmanızı sağlıyor.

Tamamen interaktif bir uygulama olan Starbox'ın orjinal sayfasına buradan bakabilir veya buradan Creative Commons lisanslı Starbox 1.2'yi buradan indirebilirsiniz.Demolarını buradan inceleyebilirsiniz.

ilgili yazılar

Bu yazı angelsdemos tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Sitenize "Baloncuk Motoru" Ekleyin: Bubble Engine

algoz — Fri, 23 Jul 2010 06:34:00 GMT

Oldukça ilgi çekici bir jQuery eklentisi olan Bubble Engine, Web sitenize Flash kullanmaya gerek duymadan sadece Javascript kodları ile bir baloncuk/kabarcık motoru/üreteci ekleyebilmenizi sağlamakta.

Bubble Engine ile üreteceğiniz baloncukların; büyüklük oranlarını belirleyebilir, renklendirebilir, baloncukların yaşam sürelerini ayarlayabilir ve başlangıç konumlarını ve yönlerini düzenleyebilirsiniz.

Ziyaretçilerinizin oldukça ilgisini çekebilecek olan Bubble Engine eklentisi için hazırlanmış buradaki tanıtım sayfasında, hem birçok demoyu hem de ücretsiz olarak indirebileceğiniz Bubble Engine'nin sıkıştırılmış halini bulabilirsiniz.

[Bonus+++++]
+Google, Leb Demeden Leblebiyi Anlıyor!
+Google ve Facebook Kısaltıyor!
+Beslemelerinizi Feedburner'dan Tweetleyin!
+Google Toolbar İle Paylaşım Çok Kolay!
+Google'dan Web Tasarımcılarına Yeni Araç: Google Browser Size!
[Kaynak] Bubble Engine
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

MooTools HTML5 Video Oynatıcı: Moovie

algoz — Wed, 14 Jul 2010 06:43:00 GMT

Web sayfalarının iskelet dili HTML'nin fırından yeni çıkmış versiyonu HTML5 ile gelen acar elemanı video tag'ini terbiye ederek keyfinize göre kullanabilmenizi sağlayacak bir MooTools kütüphanesi olan Moovie, video tag'i ve dolayısıyla videolar üzerindeki bu hakimiyeti, ücretsiz olarak sunmakta.

Moovie kütüphanesi, Youtube video oynatıcılarında gördüğümüz standart butonları (play, pause, stop), ses konrolörünü ve durum/ilerleme çubuğunu ekleyebilmemizi/kullanabilmenizi sağlamakta. Ayrıca yükleme hatası durumunda hata mesajı verme, playlist desteği ve dil seçim desteği gibi özellikleri de bünyesinde barındırmakta.

Moovie kütüphanesine hemen buradan ulaşabilir ve kullanım ile ilgili gerekli olan tüm bilgileri elde edebilirsiniz.Tanıtım sayfasında bulunan demo gösterimi inceledikten sonra bu demonun kaynak kodlarından yararlanabilirsiniz.

[Bonus+++++]
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+WebCam'den Görüntü Yakalamak İçin: Photo Booth
+Facebook Connect için JavaScript Kütüphanesi: Mu
+Görenlere "OHA" Dedirten, JQuery ile Hazırlanmış, 10 Adet Animasyon ve Eğitimi
+Google Wave Kullanma Klavuzları ve Kaynakları
[Kaynak] Moovie
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

ilgili yazılar

Bu yazı algoz tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage