bildirgec.org - ercans - beğendikleri

facebook tarzı jquery eklentiler

ercans — Wed, 09 Dec 2009 07:45:00 GMT

facebook kullanıcı arayüzü çekici ve popüler aynı zamanda kullanımı en kolay arayüze sahiptir. tasarımcılar için bu tür kullanıcı arabirimi oluşturmak büyük bir mücadeledir. aşağıda belirtiğim jquery eklentiler, tasarımımızı kolaylıkla facebook arayüzü oluşturmak için yardımcı olacaktır.

1-facebook
facebook`daki gibi video ve fotoğrafları görüntüleyebileceğiniz bir lightbox uygulaması.

2- facebook üyelik formu eklentisi
facebook`un sade ve gösterişli üyelik formu

3- dropdown açılır menü jquery eklentisi
profilinizdeki aşağı doğru açılan menüler (ayarlar çıkış vs.)

4- facebook stilinde jquery tooltip eklentisi

5- facybox
fotograflarınızı görüntüleyeceğiniz bir ligtbox uygulaması.

6- facebook complete
facebook arkadaş listenizdeki gibi otomatik tanımlama formu eklentisi.

7- facebook stilinde jquery chat online arkadaşlarınızla anlık mesajlaşma imkanı sağlayan chat uygulaması.

8- facebook gizlenen yorumları göster eklentisi
sayfada yorumların çok yer kaplamamasını istiyorsanız yorumları belli aralıklarla gizleyebilirsiniz.

9- facebook textarea eklentisi
bu jquery eklentisi sizin metin alanını büyümek ve içeriğine uygun küçültme yapar. elastiki bir yapısı vardır.

10- facebook duvara yazma uygulaması
bu eklenti sayesinde duvara yazılanları denetleme yetkisine sahip olursunuz.

11- facebook tanıyor olabileceğiniz kişileri sildiğinizde kaybolması

12- textboxlist jquery eklentis (metin kutusunda öneriler)

13- metin içerisinde otomatik öneri
metin kutusuna yazdığımız metin hakkında metinin yeri önemli olmaksızın tavsiye uygulaması.

14- facebook tarzı profil düzenleme (profil photo edit)

facebook'daki gibi çok kullanılan jquery eklentileri görmüş olduk eğer hepsini görmek isterseniz buraya bakabilirsiniz.

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

40 yüksek kaliteli simge seti

ercans — Wed, 15 Apr 2009 05:57:00 GMT

Web tasarımı yaparken ihtiyaç duyabileceğiniz yüksek kaliteli simgelere (çoğunlukla png biçiminde) aşağıdan ulaşabilirsiniz.

1 - elite soldiers (seçkin askerler)

elite soldiers

2 - night vision (gece görüşü)

night vision

3 - elite folders (seçkin klasörler)

elite folders

4 - elite desktop (seçkin masaüstü)

elite desktop

5 - webdev (web geliştiriciler için)

webdev

6 - social bookmark (sosyal imleme)

social bookmark

7 - mountain bike (dağ bisikleti)

mountain bike

8 - yolks (yumurta sarısı)

yolks

yazının devamı için buraya tıklayın.

kaynak: 10steps.sg
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

Photoshop Kullanarak 40 Yaratıcı Fotoğraf Efekti Dersi

ercans — Mon, 19 Oct 2009 09:02:00 GMT

Fotoğraflara yaratıcı efektler verebilmeniz için çeşitli blog ve sitelerde bulunan faydalı derslere bu yazıda ulaşabileceksiniz. Yeni başlayanlar ve ileri düzey kullanıcılar derslerden yararlanabilir. Bazı derslerde kullanılan yöntemler size ilham kaynağı olacaktır.

1. Turn Your Photo Into A Vampire (Fotoğraflarınızı Vampire Dönüştürün

2. How To Make Swinging Effect (Sallanma efekti nasıl yapılır?)

3. How To Blend Two Images (İki resim nasıl karıştırılır?)

4. How To Create Stone Cursed Man (Lanetlenmiş taş adam nasıl oluşturulur?)

5. How To Look Like Water Elemental (Doğal su gösterimi nasıl yapılır?)

6. Rainbow Effect (Gökkuşağı Efekti)

7. How To Create Lightning Storm Scene (Şimşek fırtına sahnesi nasıl oluşturulur?)

8. How To Make Puzzle Effect (Yapboz efekti nasıl yapılır?)

9. How To Add Colorful Streaks Of Light (Aydınlık renkli çizgiler nasıl eklenir?)

10. How To Colorize With Multiple Colors (Çoklu renk ile renklendirme yapmak)

11. How To Make Water Reflection (Su yansıması nasıl yapılır?)

12. Displacement Masking (Yerdeğiştirme efekti)

13. How To Give Motion Effect (Hareket efekti nasıl verilir?)

14. How To Give Surreal Effect To A Photo (Fotoğrafa düşsel efekti nasıl verilir?)

15. How To Add Snow Effect (Kar efekti nasıl eklenir?)

16. How To Make Scanned Film Photo (Taranmış film fotoğrafı nasıl yapılır?)

17. Photo Vibrance tutorial With CS 4 (Cs4 ile hareket fotoğraf dersi)

18. Fog Effect (Sis efekti)

19. How To Create Fisheye Lens Effect (Balık gözü efekti nasıl oluşturulur?)

20. How To Make Fashion Shot (Moda fotoğrafı nasıl yapılır?)

yazının devamı için buraya tıklayın.

diğer photoshop dersleri:

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

Photoshop'ta Simge Oluşturmak İçin 30+ Şaşırtıcı Ders

3d Metin Efekti Oluşturmak İçin 25 Photoshop Dersi

Photoshop Kullanarak 29 Harika "Forum İmzası" Hazırlama Dersi

Web Tasarımı Oluşturmak İçin 16 En Hoş Photoshop Dersi (İngilizce)

40 Gerçekten Kullanışlı Photoshop Metin Efekti Dersi

24 Hayran Eden Photoshop Dersi

Photoshop İle Güzel Web Şablonu Hazırlama Dersleri Sunan 22 Site

90 Yeni ve Yüksek Kaliteli Photoshop İle Web Şablonu Oluşturma Dersi

10 İnanılmaz Photoshop Dijital Resim Dersi

50 Gerçekten Yüksek Kaliteli Photoshop Navigasyon Menü Dersi

kaynak: colorburned.com | designbeep.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı ercans 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 Ücretsiz Çevrimiçi Twitter Arkaplan Aracı

ercans — Wed, 06 May 2009 15:30:00 GMT

Free Online Twitter Background Generators

Resim yükleyebileceğiniz, yazı ekleyebileceğiniz kolay kullanımları ile kendinize özel twitter sayfanızı oluşturmanızı kolaylaştıran 5 ücretsiz çevrimiçi araç ile twitter arkaplanları oluşturmak çok kısa bir zamanınızı alacak.

1- FreeTwitterDesigner.com

5- Artweet.com

Aynı site tarafından yayınlanmış 15 Çevrimiçi Twitter Arkaplan Aracına buradan, bu yazının orjinaline buradan ulaşabilirsiniz.

Bu yazı ercans 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 için Twitter Eklentileri ve Temaları

ercans — Thu, 17 Sep 2009 09:18:00 GMT

Adından son zamanlarda sıkça söz ettiren Twitter hayli popüler olunca, ünlü siteler taradından da kullanılan blog servisi Wordpress'e eklenti eklememek olmaz. İşte tam bu noktada da reencoded tarafından derlenen Wordpress için Twitter eklentileri ve temalarını görüyoruz..

Wordpress için Twitter Eklentileri

Twitter Tools - Twitter Sharts - Twitter for Wordpress - Elegant Twitter Widget - Twitter This - Twitter Widget Pro - Twitter Blaster - Twitter style links - Post to Twitter - TweetMeme button

Wordpress için Twitter Temaları

BlackSapphire WordPress Theme

DEMO | DOWNLOAD

Craviora WordPress Theme

DEMO | DOWNLOAD

Gazette WordPress Theme

DEMO | DOWNLOAD

Literane WordPress Theme

DEMO | DOWNLOAD

LucentView WordPress Theme

DEMO | DOWNLOAD

TypeMix WordPress Theme

DEMO | DOWNLOAD

UpRight WordPress Theme

DEMO | DOWNLOAD

RedTime wordpress theme

DEMO | DOWNLOAD

DynaBlue wordpress theme

DEMO | DOWNLOAD

Retweet

DEMO | DOWNLOAD

KAYNAK

Bu yazı ercans 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 için kullanışlı jquery eklentileri

ercans — Fri, 18 Sep 2009 06:45:00 GMT

wordpress için kullanışlı jquery eklentileri wordpress blogunuza jquery ile heyecan katmak ister misiniz? jquery ile yapılmış çok popüler ve modern bir yaklaşım, modern bir şekilde herhangi bir flash kullanmadan metin, resim, arama, yorum kutuları jquery sayesinde oldukça çok şık görünüyor.

1- wordpress jquery ile manşet sistemi - demo -download
blogunuzda yazılarınızı kolay özelleştirmeniz için güzel bir uygulama.

2- wordpress jquery açılır login sayfası - demo - download

3- wordpress jquery lightbox plugin - demo - download
fotoğraf gösterimleri için kullanılabilecek uygulama.

4- wordpress jquery sürgülü galeri - demo - download

5- wordpress mesaj veya resime göster gizle eklentisi - demo - download

6- wordpress jquery yorum modülü - demo - download

7- wordpress jquery page bar - demo - download

8- wordpress google analyticator - demo -download

9- wordpress openid iletişim formu - demo - download

daha fazla wordpress jquery eklentisi için buraya bakabilirsiniz.

Bu yazı ercans 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ğı

ercans — 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.

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

Tek klavye ve fare ile birden fazla bilgisayarı kullanmak

ercans — Sun, 30 Aug 2009 10:33:00 GMT

Diyelim ki ofisinizde birden fazla bilgisayar var ya da evinizde hem bir desktop hem de lcd televizyonunuza bağlı bir nettop var. Sahip olduğunuz tüm sistemler için birer klavye ve fare almak hem fazla para harcamanıza hem de daha fazla yer işgal etmenize yol açar. İşte açık kaynak yazılım Synergy tam bu noktada imdadımıza yetişiyor.

Synergy aynı ağdaki iki ya da daha fazla bilgisayarı tek klavye ve mouse ile kontrol etme olanağı sağlıyor, üstelik farklı işletim sistemleri arasında da çalışabiliyor. Sistem basitçe aynı bilgisayara bağlanmış birden çok monitör gibi çalışıyor. Yani fareyi ekranın sağına götürdüğünüz zaman sağdaki, soluna götürdüğünüz zaman ekranın solundaki monitöre geçiyor. Program kurulumu her ne kadar karmaşık görünse de aslında basit. Yapmanız gereken sadece iki bilgisayarı birbirine bağlamak ve bilgisayarların birbirlerine göre konumlandırılmasını belirtmek.

Şimdi bu muhteşem programı nasıl kullanabileceğinizi 2 bilgisayarı örnek vererek anlatacağım.

Programı biri sunucu, diğeri alıcı olmak üzere iki bilgisayara da kurun ve masaüstü ikonuna tıklayarak başlatın.

Karşınıza bu pencere çıkacak. Önce sunucuyu kuracağımız için "Share this computers keyboard & mouse" seçeneğini işaretleyin.

Configure butonuna basarak sunucu ve alıcı bilgisayarları ayarlayacağız.

+ butonuna basarak her iki bilgisayarı da ekleyin. Screen Name boşluğuna sunucu bilgisayarın ismini girin ve Ok butonuna basın. Daha sonra ana Configure penceresinde tekrar + butonuna basarak alıcı bilgisayarın ismini girin ve Ok butonuna basın. Bilgisayarların isimlerini her iki bilgisayarda da ana pencerede Advanced butonuna basarak öğrenebilirsiniz.

Şimdi önünüzde buna benzer bir görüntü olmalı. Sıra iki bilgisayarı birbirine bağlamaya ve konumlarını belirlemeye geldi. Biz örnek olarak bir Laptop ve önündeki Lcd ekrana bağlı bilgisayarı birbirine bağlayalım.

Burası biraz komplike görünebilir ama aslında yapmanız gereken tek şey hangi bilgisayarın diğerinin ne tarafında olduğunu belirtmek.

Lcd'nin laptop'ın üstünde olduğunu belirtmek için penceredeki seçenekleri sırasıyla "Top - Laptop - Lcd" yapın. + butonuna bastığınız zaman eğer doğru yaptıysanız bağlantının "Lcd is above Laptop" olduğunu göreceksiniz.

Laptop'ın, Lcd'nin altında olduğunu belirtmek için ise tam tersini yani sırasıyla "Bottom - Lcd - Laptop" yapın. + butonuna bastığınız zaman "Laptop is belove Lcd" olduğunu göreceksiniz.

Sunucu bilgisayarın kurulumu tamamlandı. Şimdi sıra alıcıyı kurmakta. Alıcı bilgisayarda da programı çalıştırın ve üstteki "Use another computers shared keyboard & mouse" seçeneğini işaretleyin.

Şimdi tekrar sunucu bilgisayara dönüp test butonuna basın. Eğer herşeyi doğru yaptıysanız bağlantının sorunsuz gerçekleştiğiyle ilgili bir mesaj alacaksınız. Bu artık iki bilgisayarı da kullanabilirsiniz manasına geliyor.

Son olarak her iki bilgisayarda da Start butonlarına basarak bağlantıyı kurun. Onay mesajını aldıktan sonra Laptopınızdan Lcd televizyonunuza bağlı bilgisayarınızı kullanabileceksiniz.

Programla indirmek için buraya, daha detaylı bilgi almak için buraya tıklayın. Sitede diğer işletim sistemleri için kurulum ve bağlantılar açıklanmıştır.

Umarım bu süper kullanışlı program işinize yaramıştır.

Bu yazı ercans 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 Scrollable ile Web Sayfalarını Hareketlendirin!

ercans — Mon, 10 Aug 2009 12:09:00 GMT

Portfolio'nuzun veya farklı bir içeriğinizin sunumunu yapabileceğiniz harika bir eklenti olan jQuery Scrollable, kendisini web sayfanıza, beğeninize uygun olarak kolayca eklemeniz için birçok özelleştirilebilir özellik de sunmakta.

Web sayfanızda bulunmasını istediğiniz içerikleri jQuery Scrollable aracılığı ile yatay veya dikey olarak kayabilen bir "bant"a yerleştirebilirsiniz. Bu şekilde hem sayfalarınıza sadelik kazandırabilir hem de kullanıcılarınıza kullanımı kolay bir ortam sunabilirsiniz.

Demosunu ve gerekli bilgileri buradan öğrenebileceğiniz jQuery Scrollable eklentinisini yine aynı sayfadan indirebilirsiniz.

Bonus+++++:
+Portfolio için 13 Adet Muhteşem Wordpress Teması
+15 Adet Dolu Dolu jQuery Kaynak Sitesi
+Layouts için 6 Adet jQuery eklentisi
+jquery ile hoş bir Hover Effect'i
+en iyi 10 jquery slider eklentisi

Kaynak: jQuery Scrollable
algoz: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı ercans 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 ile 20 Müthiş Site

ercans — Mon, 27 Jul 2009 09:02:00 GMT

Full of jQuery Awesomeness Sites

Bir javascript framework'ü olan jQuery ile geliştirilmiş, aşağıdaki 20 web sitesi, web tasarımlarına yeni bir soluk getiriyor. İlham kaynağı olarak kabul edebileceğiniz 20 web sitesi, aşağıda listelenmiştir.

1. The Pixel Moving Society

Full of jQuery Awesomeness Sites

2. We Are Hunted

Full of jQuery Awesomeness Sites

3. Levi Koi

Full of jQuery Awesomeness Sites

4. Slice Machine

Full of jQuery Awesomeness Sites

5. Unowhy

Full of jQuery Awesomeness Sites

6. Bullet PR

Full of jQuery Awesomeness Sites