bildirgec.org - HardCoder - beğendikleri

5 Adet İşe Yarar Jquery Eklentisi!

HardCoder — Tue, 03 Aug 2010 07:00:00 GMT

web-delicious tarafından geliştirilmiş olan ve Web projelerinde sıklıkla ihtiyaç duyulabilecek bu 5 Jquery eklentisini, ücretsiz olarak indirdip denedikten sonra, sunduğu kolay kullanım imkanı ve oldukça fazla sayıdaki işlevsel özellikleri beğeninizi kazanacaktır.

1- JQuery Event Calendar Plugin (Demo | Belge | İndirin):
Bir Google takvim klonu olan wdCalendar, Google takvim'de bulunan birçok özelliği kullanıcılarına sunmakta.

2- JQuery Scroll Tab Plugin (Demo | Belge | İndirin):
wdScrollTab eklentisi, web sayfalarınıza sekme ile içerik eklemenizi sağlamakta.

3- JQuery Checkbox Tree Plugin (Demo | Belge | İndirin):
Checkbox kutucuklarını ağaç görünümlü bir şekilde sunmanızı sağlamakta.

4- JQuery Date Picker Plugin (Demo + Belge | İndirin):
Kullanışlı bir tarih seçici eklentisi.Ayrıca aşağı açılır menüsü ile ay ve yıl seçimlerinin de yapılabilmesini sağlamakta.

5- JQuery Context Menu Plugin (Demo + Belge | İndirin):
Web sayfanıza, bilgisayarınızın masaüstünde sağ tıkladığınızda açılan menünün (Context menu) bir benzerini eklemenizi sağlamakta.

Bu 5 eklenti için hazırlanmış "toplu demo" sayfasına buradan ulaşabilirsiniz.

[Bonus+++++]
+Beslemesi Olmayan Web Sitelerini Google Reader İle Takip Edin!
+Sosyal Ağlarda En Fazla Vakit Geçirenler
+Web Sayfanıza Google Analytics Sayacı Ekleyin!
+OKyoutube İle Youtube'tan Video İndirmek Çocuk Oyuncağı!
+Web'teki En Seçkin Webmaster Kaynakları Burada!
[Kaynak] web-delicious
[Paylaş] Sosyal Medya paylaşım sayfası burada.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı HardCoder 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

Sınırları Zorlayan HTML5 Tabanlı Oyunlar

HardCoder — Mon, 14 Jun 2010 09:19:00 GMT

HTML 5 hakkında çok şey duyduk ve duymaya devam edeceğiniz Sınırlarının nerelere varabileceğini, gücünün nelere yettiği konusunda henüz net bir görüntü yok. Ama şu ana kadar gördüğümüz uygulamalar bile gelecekte bizi bekleyen güzel günlerin habercisi niteliğinde. Zaten birçok uzman da HTML5'in birçok alanda sarsıcı etki yaratacağı görüşünde hem fikir.

Öteki taraftan da HTML5 ile Flash arasındaki amansız rekabet web platformunu her geçen gün geliştiriyor ve zengin uygulamaların kapasitesini artırıyor. Bu noktada da Apple ile Google arasındaki rekabet bu iki altyapının geliştirilmesini tetikliyor. Tüm bunlarda web platformunun hızla gelişeceğinin bir göstergesi.

Şimdi yazının devamında sizlerle paylaşacağım uygulamaları aslında uzun yıllardır Flash ile yapıyorduk. Fakat şimdi HTML5'in Javascript ile gösterdiği harika performansa örnek olabilecek nitelikte birbirinden heyecan verici oyunları sizlerle paylaşmak istiyorum. Çünkü bu oyunlar HTML5'in Flash'a büyük bir alternatif olacağının en büyük delili. Şu an sadece 20 oyun derleyebildim fakat her geçen gün bu sayının artacağına eminim. Şimdi tamamen web browser üzerinden çalışan hiçbir ek bileşene ihtiyaç duymayan bu oyunların tadını çıkartın. (Sadece browser'ın HTML5 uyumluluğu zorunludur.)

Wolfenstein 3D

ID Software'in 1992 yılında duyurduğu çok popüler bir oyun HTML5 ile tekrar gündeme geliyor ve her yerden erişip oynayabileceğiniz bir hal alıyor. Buyrun tadını çıkartın.

Adventure Land

Bir platform oyunu. Mario severlerin vazgeçemeyeceği, iPhone versiyonuda çok popüler olan Adventure Land'de bir platform oyununda görmeye alıştığımız herşey mevcut.

Asteroids

Klasik uzay oyunu olan Asteroids'de ilginç bir özellik de grafik seçenekleri. Oyunu ister retro ister modern grafiklerle oynayabiliyorsunuz.

Classic Bricks

Turnuvalarını bile yaptığımız çıldırtıcı bir oyun HTML5 ile heryerden oynanabilir hale geliyor. Aman tekrar bulaşmayın hemen bağımlılık yapıyor! Benden söylemesi.

Capman

Fazla söze gerek yok ama google'da yokken bu vardı diyebiliriz. HTML5 ile can bulan ölümsüz Pacman.

PacMan from Google

Alright, we know that you guys really mad about this game so we decided to include another version of this game – the famous Google’s tribute to 30th birthday of PacMan. Bir sabah uyandık ve kendimizi google'da oyun oynarken bulduk. 30. doğumgününde Pacman'e hürmetle google anasayfasında logo alanında bu oyunla buluşturdu bizi. Çok da iyi yaptı.

Chip Defender

Kuleni koru düşmanları yok et! Yine bir klasik yine HTML5 ile tekrar hayatımızda.

Crystal Galaxy

Bir başka uzay oyunu.

JSVecX

80'lerin 8 bit'lik popüler konsol oyunu VecX Vectrex emulator sizlerle.

Leave Me Alone

İkinci baharını yaşayan bir başka oyun.

Map Demo Game

Çoğrafya puzzle'ı. Size boş bir harita veriyor ve bu harita üzerindeki ülkelerin isimlerini ve şehirlerini dolduruyorsunuz. Eğitici keyifli bir oyun tabii HTML5 ile can buluyor.

Jigsaw Puzzle

Puzzle severlerin vazgeçemeyeceği birbaşka oyun. 15 farklı resim ile size bol keyifli vakit geçirebileceğini garanti ediyor.

Same Game

Yine bilindik yine popüler bir oyun. Oyun alanındaki aynı renkleri bulup yok edin alanı temizleyin!

Slither

Nokia telefonlarının bile popülaritesini önemli derecede etkileyen her devrin oyunu Snake namı diyar Yılan. HTML5 ile extra seviyeler, harika grafikler ile can buluyor.

Solitude

HTML5 kaynakları ile 80'lerin popüler bir başka shooter'ı tekrar hayatımıza giriyor.

The Legend Of Sadness

Nintendo'da hiç Zelda oynadınız mı? Oynamadıysanız üzülmeyin bu harika oyun sizler için tekrar HTML5 ile hayat buldu.

Thrust

Beni HTML5'e uygulanması konusunda en çok şaşırtan oyunlardan biri olan Thrust gayet başarılı bir şekilde adapte edilmiş ve biz oyun severlerin ilgisine sunulmuş. Buyrun.

Torus

3 boyutlu tetris. Dikkat alışkanlık yapabilir!

T-Spin

Torus'dan farklı olarak klasik Tetris'in bir klonu olan T-Spin yine heyecan verici bir oyun deneyimi yaşatıyor. her devrin oyunu tetris'in tadını çıkartın.

UFO

Eski tadı eski grafikleri herşeyi korunarak tekrar hayat bulan UFO tekrar aramızda.

Evet şimdilik bu kadar. Tekrarlıyorum şimdilik bu kadar. Bizi çok yakın zamanda çok daha fazla heyecan verici HTML5 tabanlı oyunlar beklemekte. Onlar içinde yeni bir liste hazırlamak için şimdiden heyecan duymaya başladım bile.

KAYNAK

Bu yazı HardCoder 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

Javascript Sürükleme Bileşeni: Dragdealer JS

HardCoder — Tue, 15 Jun 2010 06:41:00 GMT

Dragdealer JS, web sayfalarını kullanıcılar ile etkileşim halinde, dinamik ve kolay kullanılabilir bir yapıya dönüştürmek için faydalanabileceğiniz sürüklenebilir (slider, Scroll-bar, Slideshow, canvas mask) web elemanları (bileşenleri) eldemeniz için geliştirilmiş, oldukça kullanışlı bir Javascript bileşeni.

12kB hafifliğindeki Dragdealer JS bileşeni, yatay ve dikey yönde haraket eden sürgüleri/kaydırma çubuklarını ve slide gösterimlerini hazırlayabilmeye imkan vermenin yanında, bu web elemalarını farklı yaklaşımlarda hazırlanmış olan tasarımlara uygun hale getirebilme esenekliğini de sunmakta.

Dragdealer JS ile ilgili daha fazla bilgiyi buradan öğrenebilir ve yine aynı sayfada yer alan demoları deneyebilirsiniz.

[Bonus+++++]
+Web Sayfanız İçin Hoş Bir Takvim Eklentisi
+jQuery ile Hazırlanmış Harika Bir Fotoğraf Galerisi Eklentisi: Ad Gallery
+10 Adet Ücretsiz Microblog Uygulaması Kaynak Kodu
+lu.ly Facebook ve Twitter'ı Tarayıcınıza Getiriyor!
+Floom: MooTools Slayt Gösterim Eklentisi
[Kaynak] buradan
[Paylaş] Sosyal Medya paylaşım sayfası Dragdealer JS.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı HardCoder 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

Wordpress 3.0

HardCoder — Tue, 15 Jun 2010 09:18:00 GMT

Wordpress 3.0 için çalışmalarını hız kesmeden devam ettirmekte. 3.0 ile birçok özellik eklenmiş ve temel sayılabilecek birçok değişiklik yapılmış. En temel değişiklik ise standart olarak gelen Kubrick teması tamamen kalkmış ve yerine Twenty Ten teması gelmiş. Temalar ile yapılan çalışma bu kadar da kalmamış ve temalarımızı düzenleyebileceğimiz bölümde istenirse online olarak temayı admin panelinizden seçebiliyor ve yükleyip kurabiliyorsunuz. Tabii öncesinde görüntüleme özelliği de var. öncelik admin panelinde. Admin giriş paneli ile anlatmaya başlayayım.

wordpress admin paneli

Admin giriş panelinde tasarım açısından herhangi bir değişiklik yok ancak giriş kısmında yanlış kullanıcı adı veya şifre yazarsanız size sağa ve sola haraket ederek hata veriyor. Güzel bir işlev kazandırılmış.

Admin Sol Panel

wordpress admin paneli sol menü

Kullanıcı girişi sonrasında açılan sol panelde pek bir değişiklik yok. Admin panelinin renkleri gümüş renk haline getirilmiş. Dikkatimi ilk çeken ise Dashboard (Başlangıç) altında yer alan Update (Güncelleme) menüsü. Bu menü size temanız, eklentileriniz ve Wordpress sürümleri ile ilgili güncellemelerin olup olmadığını belirtiyor. Wordpress beta 2 sürümündeyken ilk gelen temanın güncellemesini de buradan yapmıştım.

Yine yan tarafta bulunan Appearance (Görünüm) menüsü altında yeni oluşturulan Menus (Menüler) seçeneği var. Bu seçenek sayesinde Widget (Sitemizin kolonları ve sidebar olarak geçer) içerisinde sitenizin kolon ya da kolonlarına kendinizin oluşturacağı menüler koyabilirsiniz. Örneğin yeni bir menü oluşturarak kategorileriniz içinden istediğiniz kategoriyi menüye dahil edip sitenizde yayınlayabilirsiniz. Hatta sayfalarınızı bu menüye dahil edebilirsiniz. Menü hazırlamada o kadar esnek davranılmış ki isterseniz farklı bağlantılara da link verebiliyorsunuz. İstediğiniz kadar menü oluşturabilir ve yayınlayabilirsiniz.

wordpress menü hazırlama

Bu menüyü hazırladıktan sonra tek yapmanız gereken appaerance (Görünüm) menüsünden widgets (Bileşenler) bölümünden menü bileşenizi aktif etmek ve hazırlamış olduğunuz menünün ismini seçip kaydetmek.

Tema yükleme özellikleri
Tema yükleme ve düzenleme özelliklerine yeni işlevler kazandırılmış durumda. Tema düzenleme sayfanızdan yeni tema yükleyebiliyorsunuz. Üstelik kullanımı gayet basit. Temalar arasında aradığınız özellikleri ön plana çıkararak arama yapma özelliği de bulunmakta. Örneğin 3 kolonlu bir tema arıyorsunuz. Bunun için arama seçeneklerini düzenlemeniz yeterlidir. Aşağıdaki resimlerden bakabilirsiniz;

wordpress tema yükleme

wordpress tema yükleme paneli

Peki Wordpress' in 3.0 sürümünde neler geliyor?
1 Çoklu site kullanımı
Wordpress için çoklu site özelliği geliyor. Yani Wordpress MU özelliği kazandırılıyor. Tek bir admin panelinden tüm sitelerinize ulaşım sağlayabilirsiniz.

2 Menü yönetim
Konuda da bahsettiğim ve resimlerini koyduğum menülerinizi özelleştirebilme özelliği kazandırılıyor. Aslına bakarsanız Wordpress yavaşça portal özelliği kazanmaya başladı da diyebiliriz.

3 Tema özellikleri
Wordpress 3.0 tema kullanımı konusunda da köklü değişiklikler yapmış durumda. Wordpress ile birlikte gelen asıl temanın da her sene değişeceği konuşulmakta. Bu seneki temanın adını 2010 olarak belirttiklerine göre bir sonraki tema ismini tahmin edebiliyorsunuzdur.

4 Profil bilgileri
Birçok yazarı olan bir blog kullanıyorsanız yazarların kendi profillerine yazdıkları bilgileri yazılarının altlarında yayınlamanız da mümkün. Yani her yazı altında yazar hakkında bilgi verilebilir hale getiriliyor. Eskiden ise bunun için eklentiler kullanılıyordu.

5 Arka plan işlevselliği
Wordpree 3.0 ile gelen ana temada arka planı isterseniz siz belirleyebiliyorsunuz. Bu bir tema özelliğidir ancak siz de kendi temanıza bu uygulamayı yapabilirsiniz. Tabii bunu yapabilmek için gelen temanın kodlarını inceleyerek kendi temanıza uyarlamanız gerekli.

Şimdilik ön plana çıkan özellikleri bunlar. Henüz bittiğini ve bunların haricinde bir özellik kazandırılmayacağını söyleyemiyorum çünkü yapımı devam etmekte. Wordpress 3.0 kararlı sürüme geçmeden sanırım özellikler netleşmeyecek. Çünkü yurt dışındaki birçok blogda bu konu ile ilgili yazılar var ve olabilecek şeklinde yazılmaktalar.

Siz de Wordpress'in son sürümünü indirmek ve gelişmeleri kullanarak takip etmek isterseniz ilgili sayfaya bu linkten ulaşabilirsiniz.

Bu yazı HardCoder 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

google servislerine alternatif siteler

HardCoder — Tue, 15 Jun 2010 11:41:00 GMT

google ile alakalı tartışmalar, kısıtlamalar süre dursun, ben işime bakmak istiyorum diyorsanız, işte bazı google hizmetlerine, gmail'den tutun da google translatora kadar sizler için alternatif olabilecek bazı siteler:

1- gmail için alternatif : zoho mail

pop3 desteğinden tutun da geniş depolama alanına kadar, gelişmiş anti spam filtresine sahip, klasörlerinizi etiketleyebileceğiniz güzel bir mail hizmeti.

2-google calendar için alternatif : mixin

twitter ile uyumlu, ağınızdaki diğer kişilerle de senkronize ajandalar oluşturabileceğiniz güzel bir "'calendar'"" uygulaması. mail, im, vs ile uyumlu çalışabiliyor.

3-google arama için alternatif : kartoo

sonuçları bir site haritasına bakar gibi de inceleyebileceğiniz bu arama motoru sadece google arama motoruna değil yahoo ve bing e de alternatif görünüyor.

4-google wave ' e alternatif : scribblar

""google wave"'den hiçbir eksik yanı olmadığını kısa sürede görebileceğiniz bir alternatif daha. google wave'de yapabildiklerinizin pek çoğunu scribblar'da da yapabilirsiniz. bağımlılık yapabilir!

5-google reader'a alternatif : blogbridge

masaüstü uygulaması olarak çalışan bu program tamamen ücretsiz ve cross-platform çalışabilmekte.

6-google docs alternatif : eyeos

web tabanlı bir işletim sistemi olan eyeos içerisinde bir adet word ve excell uygulaması barındırıyor.

7- google map alternatifi : map24

çok yönlü bir harita hizmeti veren map24, google map e güçlü bir alternatif olacak gibi görünüyor.

8- google image search alternatif: picfindr

9- google translator'a alternatif : babylon-online translator

Masaüstü Uygulamasını deneme olarak da indirebileceğiniz bu çeviri servisi oldukça başarılı ve elbette türkçe desteği de bulunuyor.

Bu yazı HardCoder 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

spam ile mücadele: ücretsiz captcha çözümleri

HardCoder — Tue, 15 Jun 2010 14:05:00 GMT

captcha; (completely automated public Turing test to tell computers and humans apart) genellikle web formlar içinde olup gerçek kullanıcıyı bottan ayırt etmek için spama karşı web formu korumak için kullanılır.
captcha scriptler vasıtasıyla spam posta veya her türlü içeriğin web form tabanlı gönderileri engellemektir. bunu genellikle görünümü bozulmuş metini kullanıcının doğrulamasını isteyerek spamın önüne geçmeye çalışırlar. aşağıda spam mesajları engellemek için web formlara yerleştirebileceğiniz ücretsiz çözümler listelendi.

1.Recaptcha

bir çok web sitesinde kullanılan recaptcha, recaptcha.net adresine gmail hesabınız ile giriş yaptığınız taktirde; php, asp.net, python, perl, ruby, java projelerinizde kullanabileceğiniz eklentiyi sizlere sunmakta.
2.Akismet

5.Mollom

7.asirra

9.captcha

10.captchas

11.captchator

12.ironclad-captcha

13.phpcaptcha

14.protectwebform

15.PHP captcha script

yukarıda verilen captcha çözümlerini kolayca web sitelerindeki yönergeleri uygulayarak spama son verebilirsiniz.
kaynak

Bu yazı HardCoder 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

Google Caffeine

HardCoder — Wed, 16 Jun 2010 06:42:00 GMT

Google, yıllardır kullandığı arama motoru yapısını değiştirerek beklenen değişimi yaptı ve Caffeine'i duyurdu. Google bu hizmeti daha önceden birkaç yerde test ediyordu (*). Test sürecinin tamamlanmasının ardından Google, değişimi tamamladı.

Önceden kullanılan katmanlı endeksleme sistemi kaldırıldı ve küçük parçalar halinde güncellemeler yapılmaya başlandı. Önceden kullanılan yöntemde google botları tüm interneti dolaşarak veritabanına endeksliyordu. Bu durum hem eşzamanlı aramaları çok zor kılıyor hem de Google sunucularını oldukça yoruyordu.

Google caffeine ile artık bu durum ortadan kalkarak yerini küçük güncellemelere bırakacak. Caffeine'de küçük parçalar halinde bilgiler analiz edilip veritabanına girilecek. Bu sayede Google sadece güncel ve eş zamanlı arama yapabilecek bir arama motoru haline gelecek. Aynı zamanda veri boyutlarında da ciddi bir düşüş meydana gelecek. Google blogunda aşağıdaki açıklamada bulundu;

Yaptığınız aramalar aslında gerçek zamanlı değil, endeksimiz içinden bulunan sonuçları görüyorsunuz. Bu endeksin güncellenme süresi de arama sonuçlarının tazeliğine direkt etki ediyor

Google'ın açıklamasına göre bu durum sadece eş zamanlı aramayı ve sunucuları etkilemiyor, aynı zamanda arama sürecini de etkiliyor. Önceden arama sonuçları ortalama 0.15sn. iken caffeine ile 0.09sn.'ye inmiş durumda.

Google caffeine ile birlikte geçmişteki sitelerdeki içeriğe daha fazla önem vermeye başladı. Temiz kod bulundurmayan ve yavaş çalışan siteleri alt sıralara doğru kaymaya başlayacak. Buradaki amaç ise piyasadaki para kazanmak için çöplük haline gelen bazı siteleri bitirmek. Google hızlı ve temiz kod kullanan web siteleri istiyor. Ayrıca web sitenizin içeriği ve kullandığınız etiketleri karşılaştırarak geçersiz olanları yine alt sıralara düşürecek.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynaklar : google webmaster central , techcrunch

Bu yazı HardCoder 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

PHP Grafik Kütüphanesi: jpgraph

HardCoder — Thu, 17 Jun 2010 06:38:00 GMT

Farklı alanlarda hazırlanmış raporların muhtevasını teşkil eden ham verilerin, geniş kitleler tarafından bir bakışta anlaşılabilmesini sağlayacak bir hale dönüştürülmesinde sıkılıkla, grafikler veya çizelgeler kullanılmakta.

PHP >= 5.1 ile hazırlanmış, nesne yönelimli bir grafik oluşturma kütüphanesi olan jpgraph, barındırdığı özelliklerle farklı türdeki (çizgi (line), çubuk (bar), pasta (pie) vb...) birçok grafiği oluşturabilmeyi sağlamakta.

Açık kaynak kodlu, eğitim amaçlı ve ticari olmayan/gözü para bürümemiş projeler için ücretsiz olarak kullanılabilecek olan jpgraph kütüphanesinin ayrıca, pamuk elinizle cebinizden $98.80 çıkararak ödeyebileceğiniz Pro versiyonu da bulunmakta. Pro versiyonu için ek bazı özelliklerle, kullanım desteği verilmekte.

jpgraph kütüphanesinin tanıtım sayfasına buradan, demolarına buradan ve indirme sayfasına da buradan ulaşabilirsiniz.

[Bonus+++++]
+Portfolio için 15 Adet Herkesten Saklanası Wordpress Teması
+Floom: MooTools Slayt Gösterim Eklentisi
+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
[Kaynak] jpgraph
[Paylaş] Sosyal Medya paylaşım sayfası Dragdealer JS.
[algoz Takip Noktaları] Bildirgeç Profil
Blog FF Twitter Facebook + Buzz E-posta RSS Mobil iPhone

Bu yazı HardCoder 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

25 Taze ve Kullanışlı Jquery Eklentisi

HardCoder — Thu, 17 Jun 2010 09:22:00 GMT

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

Spritely

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti...

Demo | İndir

Bubble Up

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir ("Download" ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)

Quicksand

jQuery-Notes

Flickr benzeri bir resim etiketleme ve not bırakma eklentisi. Küçük boyutları ve kullanışlı olması onu öncelikli yapıyor.

Demo | İndir

Jquery-Notes

YoxView

YoxView ile web sitenizde video ve resim görüntületme imkanına kavuşuyorsunuz. Video ve resimlerinizi galeri şeklinde beraberce görüntülebiliyorsunuz. Ayrıca birçok dil desteği içinde Türkçe dil desteği de mevcut.

Demo | İndir

YoxView

jQuery Photoshoot

Aralarında en beğendiğim eklentilerden biri. Kendisi ile sitenizde yayınladığınız büyük çaplı fotoğraflar üzerinde belirli kısımların mini-fotoğraflarını çekebilme ve yayınlayabilme imkanı sunuyor.

Demo | İndir

Jquery PhotoShoot

TopUp

Bu eklenti sayfanızdaki dikkat çekmeyen tüm resimleri veya videoları bir arada görüntüleyip kütüphane şeklinde kullanıma sunmanıza olanak sağlayan bir eklentidir.

Demo | İndir

TopUp

jQuery ile nasıl zarif kayan kutu efekti verilir

İmajlarınız için belirlediğiniz kısımlarında, hover efekti ile zarifçe ortaya çıkan bir kutu efekti yapımı.

Demo | İndir | Dökümanları için

Sliding Boxes

jQuery ile 5 satırda gölgeli hareket efekti

Animasyon şeklinde bir gölgeli hareket efekti.

Dökümanlar ve Demo

Jquery Shadow Motion Effect

Mikro Resim Galerisi

Web sayfanızda resimlerinizi, küçük boyutlarda bir kutucuk içerisinde tam opsiyonlu olarak görüntülemek gerçekten hoş bir durum olurdu ve istediğimiz yere bu mini-galeriyi kullanabilirdik. İşte bu durumda Micro Image Gallery eklentisi imdadımıza yetişiyor. Gerçekten görülmeye değer...

Demo | İndir

Jquery Micro Image Gallery

Uniform

Jquery form eklentisi. Hoş bir görsel şölen sunmasının yanı sıra, kullanışlı yapısı ile dikkate değer bir eklenti.

Demo | İndir

Jquery Uniform

jqTransform

Bu eklenti ile formlarınızı Jquery sayesinde yeniden şekillendirebilirsiniz.

Demo | İndir

jqTransform

Easy Slider

Her yerde karşımıza çıkan bu eklentiyi tekrar huzurlarınıza sunuyorum. Content slider şeklinde olan bu eklenti kullanılabilirliğinin yanı sıra özelleştirilebilir olması ile dikkate değer bir eklentidir. {Yeni Versiyon}

Demo1 - Demo2 - Demo3 | İndir

Easy Slider - New Version

jQuery Sanal Tur

Web sayfanız içerisinde müşterinizin ve özellikle Türk Müşterisinin aklını almanızda yardımcı olacak bir eklenti ve çokca hayat kurtarmada yardımcı olacaktır. Şahsen tavsiye edebileceğim bir Jquery eklentisidir.

Demo | İndir

Jquery Virtual Tour

Growl

Sayfanızda kullanılabilecek olan bu hoş bir jquery tooltip olan growl oldukça kullanışlı yapısı ile kendisini sevdireceğine eminim.

Demo

Growl

Uploadify

Çoklu, tekli ve otomatik başlatmalı seçenekleri bulunan dosya yükleticisi..

Demo | İndir

Uploadify

New Sticky Notes

Sayfanızda sticker benzeri notlar ekleyebileceğiniz bir eklenti.. Ne tür bir yerde kullanırsınız bilemiyorum ama yaratıcı olduğu kesin.

Demo | İndir

Jquery Sticky Notes

jQuery Checkbox

Html Formlardan aşina olduğumuz checkbox'un jquery ve grafik ile görsel bir şölene dönüştürülmüş, kullanışlı ve bir o kadar da hoş bir versiyonu...

Demo | İndir

Jquery Checkbox

Masked Input

Bu eklenti ile formlarınızda daha gelişmiş bir arayüz sunmanız kolaylaşacaktır.

Demo | İndir

Masked Input

AnythingSlider jQuery Eklentisi

Bir diğer jquery slider eklentisi daha. Gelişmiş kontrolleri ile kendisini sevdireceğe benziyor. Daha önce aşina olduğumuz bir eklenti, tekrar huzura sunuyorum.

Demo | İndir

Anything Slider

treeTable 2.0

Çeşitli projelerinizde kullanabileceğiniz bir eklenti. Dosyalarınızı hiyerarşik biçimde gösterebilir ve dahası sürükle/bırak yöntemi ile kontrol edebilirsiniz.

Demo | İndir

TreeTables

Highlight

Html elementlerinin herhangi birinde rahatlıkla kullanabileceğiniz bir eklentidir.

Demo | İndir

ThickBox

Lightbox benzeri bir eklenti olup çoklu galeri desteği de sunmakta ve küçük boyutları ile kullanışlılığı göz doldurmaktadır.

Demo | İndir

ThickBox

jQuery Slider(Safari Tarzı)

Jquery ile geliştirilmiş bir, Türkçe adı ile kaydıraç orjinal adı ile slider [Scroller] olan bu eklentiyi projelerinizde çeşitli ortamlarda kullanabilirsiniz.

Demo | İndir | Tema (Skin)

jQuery Slider(Safari Style)

Mapbox – Zoomabe jQuery Harita Eklentisi

Google Map'e alternatif olmasa bile projelerinizde kullanabileceğiniz alternatif bir eklenti... Görülmeye ve kullanmaya değer buldum...

Dökümanlar

Mapbox – Zoomabe jQuery Map Plugin

Kaynak: http://spritely.net/ , http://aext.net/

Bu yazı HardCoder 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

Zoom Bileşeni: Zoomooz

HardCoder — Mon, 21 Jun 2010 06:37:00 GMT

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.

Birçok alanda kullanabileceğiniz Zoomooz sadece 20kb. boyutunda. Her açıdan yakınlaşıp uzaklaşma yapabileceğiniz bu uygulamayı Firefox v3+, Google Chrome v4 ve Safari v4 tarayıcılarında kolaylıkla hiçbir eklenti gerektirmeden kullanabilirsiniz.

Muhteşem zoom efekti sağlayan Zoomooz'u buradan indirebilir veya buradan kendi web sayfasına gözatabilirsiniz. 4 farklı demosuna ise buradan gözatabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : janne.aukia

Bu yazı HardCoder 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