bildirgec.org - etiketler: jscript

Harika Bir Görsel Sunum Eklentisi: YoxView!

algoz — Wed, 21 Apr 2010 06:42:00 GMT

Eğer web sitemizde resim veya fotoğraf gibi görsel içerikleri barındıyorsak, görsel içeriğimiz ne kadar etkileyici olursa olsun, içeriğimizi ziyaretçilerimizi etkiyececek bir sunumla yani; başarı hedeflerimize/kıstaslarımıza ulaşma yolunda bir katalizör görevi görecek janjanlı bir ambalaj ile sunmamız gerekir.

Web sitenizdeki görsellerinizi hem kullanımı kolay hem de oldukça etkileyici bir şekilde sunmanızı sağlayacak bir JQuery Görsel Sunum Eklentisi olan YoxView, ücretsiz ve kolay uygulanabilir olması ile beğeninizi kazanacak bir eklenti.

YoxView, animasyon destekli gösterim, otomatik veya manuel olarak görsellerin sunulabilmesi, klavye tuşları ile yönetilebilme, popüler tüm tarayıcıları desteklemesi ve Flickr ve Picasa'daki görselleri gösterebilme gibi daha birçok özelliği bizlere sunmakta.

Web projelerinizde kullanmak üzere arşivinizde mutlaka bulunması gereken YoxView eklentisi için hazırlanmış sayfaya buradan ulaşarak, demo gösterimini deneyebilir ve buradan da indirebilirsiniz.

[Bonus++++++]
*+250 Business Cards from PrintRunner: Winners Announced
+Web Sitelerini Aramadan Keşfedin!
+Ortaya Karışık Beslemeler
+Yerel Sosyal Ağların Yükselişi
+En Büyük Kim: Google'mu, Yahoo'mu, Bing'mi
+Bing API ile Kendi Arama Motorunu Kendin Yap
[Kaynak] YoxView
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

2010 Blog Ödülleri için beni desteklemek isterseniz; buradan kayıt olduktan sonra, buradan teknoloji kategorisinde yarışmakta olan bloguma (algoz.bildirgec.org / profil) oy verebilirsiniz.

Şimdiden Teşekkürler...

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

Şık Sunumlar İçin jQuery Eklentisi: jCoverflip

algoz — Sat, 17 Apr 2010 11:10:00 GMT

Genellikle alışveriş sitelerinde görmeye alışık olduğumuz, şık ve zarif bir içerik/ürün/materyal sunum türünü Flash kullanmadan yapabilmemizi sağlayan jCoverflip, etkiletici bir jQuery eklentisi görünümünde.

jQuery 1.3+ ve jQuery UI 1.7.2 gereksinimleri ile çalışabilen jCoverflip, içeriğindeki öğeleri; herbir öğe üzerine tıklamak veya jQuery UI slider ile hazrılanmış olan kaydırma çubuğu yardımı ile, sunmakta.

jCoverflip eklentisi, animasyon hızlarının ve geçişlerinin ayarlanabilmesinin yanında, renk ve font gibi görsel özelleştirmelere de izin vermekte.

Bu şık jQuery eklentisine hemen buradan ulaşabilir ve demosunu da buradan deneyebilirsiniz.
jCoverflip eklentisini ücretsiz olarak buradan indirebilirsiniz.

[Bonus+++++++]
*+10 Useful Website Analytics Tools
+Firefox'a Jet Hızında Eklenti Yazın
+Yahoo'dan Placemaker ile Coğrafi Konum API'si
+Wolfram Alpha için 3 Adet Firefox Eklentisi
+Google, Haritaları Altın Tepside Sunuyor
+Wordpress için Google Analytics Eklentisi
+TinyBox ile Web Sayfanıza Animasyonlu Pencere
[Kaynak] jCoverflip
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

Şimdiden Teşekkürler...

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

Kullanışlı Bir Tarih Seçici Eklentisi: jsDatePick

algoz — Mon, 05 Apr 2010 10:41:00 GMT

Günümüz web projeleri için, gerek sunucu taraflı, gerekse de istemci taraflı programlama ve tasarım çalışmaları için harcanan zaman ve emek bir veya birkaç kişinin üstesinden gelmesinin zorlanacağı bir düzeye gelmiş durumda. Bir veya birkaç kişiden oluşan geliştirici/tasarımcı gruplarının, karmaşık web projelerinin altından kalkabilmelerine yardımcı olabilecek en önemli destekçiler ise, belli bir işi en iyi bir şekilde yapabilmesi için geliştirilen ve çoğunlula da ücretsiz olan eklentilerdir/modüllerdir.

Bu yararlı eklentilerinden biri olan ve JavaScript ile hazırlanmış bir tarih seçici (date picker) eklentisi olan jsDatePick, başta web formlarında olmak üzere, kullanıcılardan istenen tarih verilerinin, formlara kullanıcılar tarafından kolayca eklenebilmesine yardımcı olmakta.

Geliştiricilere sunduğu, işlevsel ve tasarımsal parametrelerle kullanım alanını genişleten jsDatePick eklentisini hemen buradan ücretsiz olarak indirebilir ve demo gösterimlerini deneyebilirsiniz.

[Bonus+++++++++++]
+3 Boyutlu, ücretsiz ve animasyonlu ajax yükleniyor(preloader) gif'leri
+tasarımcılar için 31 adet kopya kağıdı (cheat sheet)
+70 adet harika photoshop eğitimi ve kaynağı
+40 Mükemmel ve Ücretsiz WordPress Teması
+RCTiger oyununu ücretsiz oynayın!
+web ziyaretçilerinizin ev adreslerini öğrenin!
+amazon'dan 773 adet ücretsiz ve yasal mp3!
+225.000.000 adet ücretsiz pdf ekitap!
+5000 adet ücretsiz müzik parçası!
+30 adet tasarımından ilham alınası müzik sitesi.
+en iyi 10 jquery slider eklentisi

[Kaynak] jsDatePick
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
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

Animasyonlu Arka planlar İçin: jQuery.spritely

algoz — Fri, 12 Mar 2010 07:36:00 GMT

Her derde deva jQuery ekletilerinden biri olan Spritely (jQuery.spritely), Web sayfalarımıza, sadece Html ve Javascript ile; imleç hareketlerine duyarlı objeler/karakterler ve hareketli/dinamik arka planlar hazırlayabilmemiz için geliştirilmiş bir eklenti.

Internet Explorer 6+, Firefox, Safari, Chrome ve Opera desteği bulunan Spritely'in bazı avantajlı yanları ise; basit kullanımı, hafifliği ve ücretsiz olması.

Spritely, Flash kullanmak istemediğiniz projeleriniz veya Flash desteği olmayan ortamlar için alternatif bir çözüm sunmakta.

Artlogic tarafından geliştirilen Spritely eklentisinin, yine Spritely ile hazırlanmış tanıtım sayfasını buradan ziyaret edebilirsiniz.

Bonus++++:
+10 Useful Website Analytics Tools

+Seo ve Web Marketing İçin Harika Araçlar
+Google'dan Webmaster'lara İpuçları
+SEO'yu Google'dan Öğrenmeye Başlayın

Kaynak: Spritely
Paylaş: Sosyal Medya paylaşım sayfası burada!
algoz Takip Noktaları:
Blog FriendFeed Twitter Facebook 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

jQuery Eklentisi bxSlider İle Kullanışlı Slayt Gösterimler

algoz — Sun, 06 Dec 2009 10:41:00 GMT

Web sitenizde bulunan, metin ve görsel öğelere sahip içeriklerinizi, bir slayt gösterimi düzeneği ile ziyaretçilerinize sunabilmenizi sağlayan ve bir jQuery eklentisi olan bxSlider; hız, gösterim modu ve gösterimin kendiliğinden veya kullanıcı etkisi ile başlayabilme gibi birçok yapılandırma opsiyonu/özelliği ile web sayfanıza yerleştirebilirsiniz.

Web sayfanıza sadece birkaş satır kod ile kolayca ekleyebileceğiniz bxSlider eklentisi için hazırlanmış ve içeriğinde 4 farklı slayt gösterim tekniğinin bulunduğu demo sayfasına buradan ve bxSlider ana sayfasına da buradan ulaşabilirsiniz.

bxSlider'ı buradan indirerek hemen deneyebilirsiniz.

Bonus+++:
+Slayt Gösterimleri İçin: YUI Slideshow
+Floom: MooTools Slayt Gösterim Eklentisi
+Göz Atılası jQuery Eklentisi: AnythingSlider

Kaynak: bxSlider
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

13 mükemmel javascript ve jquery eğitim ve örnek kaynağı

surudenAyrilanKuzu — Thu, 17 Sep 2009 12:04:00 GMT

tüm seviyelerdeki javascript meraklıları için js kaynakları. başlangıç seviyesinden, profesyonel seviyeye kadar tüm konulara değinilmiş bu kaynakları bir yerlere not etmenizde fayda var.

1. Mozilla Developer Center

mozilla dev center her seviyeye hitap eden bir kaynak. javascript'e girişten tutun da, versiyonlar arası farklara kadar her türlü konuya değinilmiş bir site. hünerlerinizi
arttıracak, işlerinizi kolaylaştıracak araçlara da yer veriyor. bu araçlar firefox add-on' larından ide' lere kadar uzun bir yelpazede. ayrıca bilgi paylaşımı için birçok hizmet de
mevcut. posta listeleri, haber toplulukları, google groups, beslemeler ve irc bunlardan birkaçı.yeni başlayanlara tavsiyem Core JS 1.5 Reference'tan başlamaları. basite kaçsa bile işi js uzmanlarından görmek insanı daha da bir geliştiriyor, ufkunu açıyor. regular expression'dan tutun da nesnelere, alan adlarına kadar o kadar çok konuya, o kadar açıklayıcı bir biçimde değinilmiş ki kolay kolay kopabileceğinizi sanmıyorum.

quirksmode

2. Quirksmode

şurdan js dökümanlarına ulaşabileceğiniz gibi, şurdan tarayıcılarda uyumluluk tablolarından, css kaynaklarına kadar büyük bir arşive ulaşabilirsiniz. css'de tarayıcı uyumluluklarından tutun, hack ve trick'lerden bahsedilmiş. eminim ki özellikle uyumluluk tabloları işlerinizi büyük ölçüde kolaylaştıracak.

ajaxian

3. Ajaxian

.net' ten android' e; coldfusion'dan kitap incelemelerine; veritabanlarında, frameworklere kadar aklınıza gelebilecek her konuya mükemmel bir şekilde değilimiş bir nevi bilgi hazinesi. sırf js/css/ajax üçgeninden değil, perl/php/python gibi dillere kadar neredeyse içinden çıkılamayacak kadar bilgiye ev sahipliği eden bir kaynak. tek kötü tarafı, başlangıç seviyesine pek hitap etmemesi.

nihilogic

4. Jacob Seidelin

danimarkalı jacob arkadaşın aşmış js dünyası desem herhalde fazla abartmış olmam. js rendererlardan, işinizi kolaylaştıracak tonla öğretici dökümana (tutorial) kadar her konuya değinilmiş. özellikle renderer'lar ve oyunlar kısmı oldukça bilgilendirici. js ile resim işlemeye yönelik pixastic kütüphanesiyle ilgili de oldukça güzel örnekler var.

jquery - docs

5. Docs.JQuery

işleri oldukça kolaylaştıran mükemmel js kütüphanesi jquery'nin resmi dökümanları. jquery' e girişten, site içi etkileşimlere; arayüzlerden, Widget'lara kadar; api'lerden seçicilere kadar jquery'le ilgili her konuda en etkili kaynak. indirilmesi, kurulması, kullanılması gibi her konuya değiniliyor. jquery'e başlamak için en etkili kaynaklardan biri. kendinizi geliştirdikçe alternafif kaynaklar bölümüne uğrayabilirsiniz.

learningjquery

6. learningjquery

jquery için her telden bilginin bulunduğu bir kaynak. o kadar güzel konulara değinilmiş ki insanın içinden çıkası gelmiyor. VS intellisense'i jquery için kullanmaktan, ileri seviye event' lere kadar her konuda çok güzel dökümanlar ve örnekler var. bir sürü plugin de cabası.

interactive volcano

7. InteractiveVolcano

jquery, vanilla js, flash ve css için birçok kullanışlı öğretici döküman içeriyor.

javascriptsearch

8. JS Search

eğitici yönü önceki örnekler kadar ağır basmayan, ama yüzlerce script içeren bi kaynak. tavsiyem js' e giriş yaptıktan sonra buradan faydalanmanız.

w3schools - js

9. w3schools - js

webden bahsedip de w3'e değinmezsek sanırım ayıp etmiş oluruz. js'e girişten, eğitime; sertifikasyondan, testlere kadar büyük bir alanı kapsıyor w3schools'un js bölümü. giriş niteliğinde olabilir diye düşünmekteyim. yalnız tabii ki ileri js hakkında eğitimler de mevcut. nesneler, DOM örnekleri, animasyonlar bunlardan birkaçı.

10. jquery how-to

yazarın da dediği gibi "netten toplanan script parçaları, örnekler, performans önerileri, ve tüyolar" hakkında bir blog. basit ve güzel çözümler yer almakta. bakmaya değer. özellikle jquery'de yoğunlaşılmış.

11. JavaScript Resource

resim ve yazı efektleri, oyunlar, plugin yönetimi gibi birçok konuda script içeren bir site. bilemiyorum, belki benim fazla kanım ısınmadı ama yine de bir gezin görün derim.

webreference

12. js web reference

biraz eski bir kaynak olsa da çoğu konuda güzel bilgiler, örnekler, dökümanlar ve araçlar bulunuyor. tek dezavantajı eski olması.

13. web reference js programming

başlangıçtan ileri seviyeye kadar profesyonelce anlatılmış birçok döküman içeriyor. gezilip görülmesi lazım. Netscape Communications' tan js'e giriş dökümanları bile yer almakta.

ilgili yazılar

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

Görsel Sunum Eklentisi: WebSlide

algoz — Fri, 11 Sep 2009 11:56:00 GMT

Web sayfalarında, farklı amaçlar ile hazırlanmış resim, fotoğraf, çizim vb. çeşitli görsel öğelerin sunumunu kolayca yapabilmeniz için bir arayüz sağlayan WebSlide, farklı tasarımı ile dikkat çekmekte.

Javascript ve Css ile hazırlanmış WebSlide, sunumu yapılmak istenen görseli, bir menü ile beraber web sayfasında görütüleyerek, ziyaretçilerin görseli, fare veya klavyedeki yön tuşları ile detaylı olarak inceyebilmelerine olanak tanımakta.

Sunucu taraflı herhangi bir yardıma ihtiyaç duymayan WebSlide'a, CSS ile çeşitli temalar da hazırlanabilmekte.

WebSlide'ın ana sayfasına buradan ulaşabilir, projelerinize nasıl dahil edebileceğinize dair bilgilere buradan erişebilir, demosuna buradan göz atabilir ve kendisini buradan indirebilirsiniz.

Bonus++++:
+HTML 5 ve CSS Cheat Sheets Koleksiyonu: webresourcesdepot
+Etkileyici Bildirimler Bir JQuery Eklentisi: Gritter
+jQuery İle Hazırlanmış Sürgülü Panel Eklentisi
+10 Adet Klas JQuery Eklentisi

Kaynak: WebSlide
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

JQuery'li Yönetim Paneli Bileşeni

algoz — Tue, 04 Aug 2009 16:11:00 GMT

Günümüz web sayfalarının tasarımında sıklıkla kullanılan imleç haretlerine duyarlı interaktif tasarımlar, oldukça öne çıkmış durumda.Web sayfalarında, imleç hareketlerinin tetiklenmesiyle neredeyse, sadece masaüstünde görebileceğimiz; açılan pencereler, görünür-gizlenir menüler gibi birçok aksiyonu görebilmekteyiz.

Bu trendin gelişmesinin en önemli destekleyici faktörü olarak javascript çerçeveleri başı çekmekete.

JQuery Dashboard html, css, photoshop ve JQuery, ile hazırlanmış ve kullanıcılarınıza web sayfanızın üst tarafına bir görünür-gizlenir yönetim paneli eklemenize olanak tanıyan oldukça kullanışlı olabilecek bir web sayfası bileşeni örneği.

JQuery Dashboard örneğinin nasıl hazırlandığına dair gerekli tüm bilgilere buradaki sayfadan ulaşabilirsiniz.
Ayrıca JQuery Dashboard örneği için hazırlanmış demoyu buradan deneyebilir ve kendisini de buradan indirebilirsiniz.

İhtiyacınıza uygun olarak JQuery Dashboard örneğini web sitenizde bir ana menü olarakta kullanabilir veya kaynak kodlarında yapacağınız bazı değişiklikler ile farklı amaçlar için de kullanabilirsiniz.

Bonus+++:
+70 adet harika photoshop eğitimi ve kaynağı
+JQuery Tetris: JQuery ile hazırlanmış Tetris oyununu buradan oynayabilir ve kaynak kodlarını da buradan indirebilirsiniz.
+En iyi 10 jquery slider eklentisi

Kaynak: designshack
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

16 Adet Harika Javascript Örneği, Eğitimi ve Eklentisi

algoz — Fri, 31 Jul 2009 06:34:00 GMT

Önceleri Javascript ile web sayfalarına animasyonlu öğeler hazırlamak oldukça zorlu bir çalışma gerektirmekteydi. Oysa şimdilerde prototype, jQuery ve mootools gibi oldukça başarılı Javascript çatılarının ortaya çıkması ile ancak Flash ile hazırlanabilecek çeşitli animasyonları artık Javascript ile de hazırlamak mümkün.

Aşağıdaki liste ile Javascript ile hazırlanmış ilham alınası örneklere, çeşitli eğitimlere ve eklentilerine göz atabilir ve kendi projelerinizde kullanabilirsiniz.

İlham Alınası Örnekler:

1-ADCapital Industries

2-Lionite

3-World of Merit

4-PHP CLI Framework

5-Blog Helpr

6-Arnaud-k

7-Montealto

Çeşitli eklenti, kütüphane ve eğitimler :

8-jParallax Plugin | Demo

9-FxQueues Plugin | Demo

10-jsAnim - Free Javascript Animation Library | Demo

11-$fx | Demo

12-GX | Demo

13-Glimmer | Demo

14-Magic | Demo

15-Simulate Gravity with jQuery | Demo

16-Building an Animated Cartoon Tobot | Demo

BONUS :
17-Flashy Intro with jQuery Animation | Demo

18-How to Make an Impressive Animated Landscape Header with jQuery | Demo

Daha önce yayınlanmış JQuery ile ilgili yazılarımdan bazıları:
JQuery ile iPhone-Style Checkboxes
En iyi 10 jquery slider eklentisi
jQuery ve CSS ile Page Peel Effect'i
jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları
Layouts için 6 Adet jQuery eklentisi
JQuery ile Hoş Bir Menü
Html formları için 25 harika jquery eklentisi

Kaynak: queness
algoz: Blog FriendFeed Twitter Facebook Email RSS

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

Haber Başlıkları İçin Hoş Bir JQuery Örneği

algoz — Thu, 30 Jul 2009 13:29:00 GMT

Kolay kullanımı ve sağlamlığı ile en beğenilen Javascript kütüphanelerinin başında gelen JQuery, birçok geliştirici tarafından; web sayfalarında sıklıkla kullanılan bazı elemanların/parçaların belli bir şablona dönüştürülerek web sayfalarına daha kolay uygulanabilmesi için yeni eklentilerin veya örneklerin oluşturulmasında da kullanılmakta.

Bu elemanlardan biri de; genellikle haber sitelerinin ana sayfalarında bulunan ve önemli haberlerin görsellikle desteklenmiş kısa başlıklardan oluşan haber başlıklarıdır.

JQuery News Slider örneği ile kod yığınları arasında kaybolmadan haber başlıklarını animasyonlu bir sunum ile web sayfanızda oluşturabilirsiniz.

Ayrıca bu eklentiyi resim veya fotoğraflarınızın sunumu içinde kullanabilirsiniz.

JQuery News Slider örneğini web sayfanıza nasıl uygulayacağınızı buradan öğrenebilir, demo gösterimine buradan ulaşabilir ve kendisini de buradan indirebilirsiniz.

Kaynak: queness
algoz: Blog FriendFeed Twitter Facebook Email RSS

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