bildirgec.org - delyboy - beğendikleri

Javascript grafik kütüphaneleri

delyboy — Tue, 19 Jan 2010 15:00:00 GMT

Düz ve sıkıcı sayısal veri işlemelerinin yanı sıra, interaktif, güzel ve bilgilendirici görselikler oluşturabileceğimiz javascript kütüphaneleride vardır. işin güzelliğide burada zaten, verilerin doğru bir şekilde görsel hale getirilmesiyle dahada anlaşılabilir hale gelmesidir. aşağıda bir takım verilerin basit bir şekilde grafikler haline getirilmesi için javascript kütüphaneleri bulunmaktadır.

Highcharts
Highcharts, popüler olma yolunda oldukça umut verici bir javascript grafik kütüphanesidir. 7 adet grafik türü (çizgi, dilim, bar vb.) ve bunlara ait bir çok güzel özellik (yakınlaştırma, ipuçları sunma gibi) bulunmakta.

demo - indir

gRaphael
gRaphael, Raphael tabanlı bir vektör grafik kütüphanesidir. Bu kütüphane aslında alt kütüphanelerden oluşmaktadır. buradaki amaç ana kütüphane olan g.raphael.js (12KB) ile birlikte sadece ilgilendiğiniz grafik türünü (alt kütüphanelerin boyutları ise 4KB ile 8KB arasındadır) seçip onu yükleyerek kullanmanızdır. bu yüzden ufak ama kullanışlı bir kütüphanedir.

demo - indir

JS Charts
JS Charts, web tasarımcıları için ideal bir kütüphanedir. çünkü çok fazla zaman ve javascript kodlaması gerektirmediği için kolay bir şekilde grafik oluşturarak verilerin son kullanıcıya iletilmesini sağlmaktadır. Ama bu kütüphanede grafik oluşturulurken JS Charts GUI sunucuları kullanılmaktadır. bu yüzden grafiklerin yüklenmesi zaman zaman yavaşlayabilir.

demo - indir

jQuery Google Charts
jQuery Google Charts (jGCharts), Massimiliano Balestrieri tarafından geliştirilen, Google Charts API ile çalışan bir veri görselleştirme jQuery eklentisidir. birçok grafik türleri bulunmakta. bunların arasında 3D dilim (pasta) grafiği de bulunmaktadır. hala gelistirme (alfa) aşamasında olmasının yanı sıra, GUI ile kolayca grafikler oluşturmanıza olanak sağlar.

demo - indir

kaynak

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

Tasarımcılar İçin Faydalı 28 Jquery Eklentisi

delyboy — Wed, 24 Jun 2009 13:12:00 GMT

Tasarımcılar için bir araya getirilmiş birbirinden faydalı jquery eklentilerine aşağıdan ulaşabilirsiniz.

1. crossselect plugin

Seçilen öğeleri karşı tarafa almak için kullanabileceğiniz bir eklentidir.

2. vtip

Jquery kullanıcıları için hızlı bir şekilde ipucu göstermenizi sağlar.

3. time entry field

Zamanı gösterebileceğiniz güzel bir uygulama.

4. path selector

Hiyerarşik yapıda bulunan nesneleri seçmek için kullanabileceğiniz açılır pencere eklentisi.

5. jplayer

Web sayfanız üzerinden mp3 dosyalarınızı çalma ve kontrol etme imkanı verir.

6. opensocial-jquery

Javascript kütüphanelerini kullanarak jquery gadget geliştirebileceğiniz faydalı bir eklenti.

7. glyph

Makale veya blog yazılarınızın sonuna dergi ve gazete tasarımcılarının yaptığı gibi profesyonellik hissi verir.

8. checktree(yctin edition)

Kolayca kontrol edebileceğiniz ağaç menü uygulaması.

9. jquery list dragsort

Sürükle bırak özelliğini sağlar.

10. hintbox

Kolay bir arama yardımcısıdır.

11. custom maxlentgh

Yazabileceğiniz karakter sayısını gösteren faydalı bir eklenti.

12. jquery bookmark

Sayfanızı çeşitli sosyal imleme sitelerine ekleyebileceğiniz eklenti.

13. form wizard plugin

Form sihirbazı ile kolayca istediğiniz şekilde formlar oluşturabilirsiniz.

14. jquery custom select box

Kişiselleştirilebilir birden fazla seçme kutusu.

15. jquery modal dialog

Facebook tarzı uyarı penceresidir.

16. epiclock

Kolayca dinamik saat oluşturmanızı sağlar.

17. mbmenu

Güzel bir ağaç menü uygulaması.

18. droplist filter

Kısa arama için javascript aracıdır.

19. jyouttube

Herhangi bir youtube videosunu almak için kullanabileceğiniz güzel bir eklenti.

20. drop curves

Kenarları yuvarlatılmış imajlar oluşturabileceğiniz eklentidir.

21. galleryview

Animasyonlu bir resim galerisidir.

22. flip!

Elemanlarınızı 4 yöne çevirmek için kullanabileceğiniz eklentidir.

23. jquery image cube

Küp şeklinde fotoğraflarınızı görüntüleme eklentisi.

24. jquery-validator

Etiketleri doğrulamak için kullanabileceğiniz bir eklenti.

25. loading animation plugin

Bekleme aşamasında yükleniyor animasyonu gösterebileceğiniz güzel bir uygulamadır.

26. canvasswap

Resimlerinize güzel efektler verebileceğiniz faydalı bir eklenti.

27. magicalhover

Web siteniz için güzel bir geçiş eklentisidir.

28. bounce

Web sayfası üzerindeki elemanları genişletmek için kullanabileceğiniz bir eklentidir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

15 mükemmel jquery navigasyon tekniği ve çözümü

sitenize eklemeniz i̇çin 5 jquery ve ajax sosyal i̇mleme widget dersi

web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: quness.com | fresherswisdom.com

Bu yazı delyboy 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 Geliştiricileri İçin 12 Kullanışlı Firefox Eklentisi

delyboy — Sat, 20 Jun 2009 14:48:00 GMT

Firefox birçok eklentisi ile özellikle web geliştiricileri için çok büyük kolaylıklar sağlıyor. Web geliştiricileri için birbirinden faydalı eklentilere aşağıdan ulaşabilirsiniz.

1. ghostery

Ghostery, web bug (böcek), reklam ağları ve eklentiler ile ilgili size uyarı verir. Web böcekleri siteler tarafından kendi ziyaretçi kitlesini anlamak için kullanılır.

Ücretsiz olarak kullanabilirsiniz. Herhangi bir reklam veya casus yazılım içermiyor.

2. force content-type

güçlü "content-type" eklentisi web sayfası geliştrime ve xml ayrıştırıcısını kullanmak istediğiniz etiketler için yararlıdır.

3. context style switcher

Bir web sayfası üzerinde stili değiştirebileceğiniz eklentidir.

4. fireshot

Fireshot, web sayfalarının ekran görüntülerini oluşturan bir eklentidir. (tam veya sadece görünen bölüm) not ve grafik eklenebilir. Test ve içerik inceleme için çok yararlı olacaktır.

5. remove it permanently

context menüsünü kullanarak içerik gizleyebilirsiniz. Sadece "remove it permanently" seçeneğini seçmeniz yeterlidir. İstenmeye içerik kaldırmak için iyi bir çözümdür.

6. senseo

Senseo web sayfaları analizi ve üzerinde gerçekleştirilmesi gereken arama motoru optimizasyonu kriterlerini çok iyi anlatır.

7. firephp

firebug konsolunu, firephp basit php metodu aramasını kullanarak aktif eder. Tüm verileri cevap başlıkları ile gönderir ve sayfanızdaki içeriğe zarar vermez.

8. link evaluator

gelişmiş bir bağlantı denetleyicisi ile sık kullanılan bağlantılar için çalışmaktadır. Bir web sayfasındaki bağlantının geçerli olup olmadığını kontrol etmek için tasarlanmıştır. Mevcut sayfadaki bütün bağlantıları takip eder.

Her bağlantının sonunda bulunan renkler linkin geçerliliğini belirtmektedir. yeşil renk başarılı, sarı renk kısmen başarılı ve kırmızı renk ise başarısız anlamına gelmektedir.

9. firefinder for firebug

firebug için hızlı arama ve css seçici veya xpath ifadelerini eşleştirmeyi sağlar.

10. html regex data extractor

Test aracıdır. Kolayca istediğiniz html komutlarını farklı türde çalıştırabilirsiniz. Web sitesi üzerinde bulunan verileri taramak için faydalı bir eklentidir.

11. yslow

Yahoo tabanlı web sayfası analiz eklentisidir. Sayfanızın performansını artırmak için size bilgiler sunmaktadır.

12. headingsmap

Web belge başlıkları ile yapılandırılmış bir dizin oluşturmayı sağlayan bir eklentidir.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

web geliştiricileri i̇çin en i̇yi 50 firefox eklentisi

web geliştiricileri i̇çin 8 jquery ve ve ajax tabanlı etiket bulutu yapımı

25 önemli web tasarım aracı

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter
kaynak: dreamcss.com

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

Hazır Renk Paletleri ve Çevrimiçi Araçlar

delyboy — Fri, 22 May 2009 11:21:00 GMT

Hand Picked Color Palette and Color Scheme Generators

Tasarımcıları zorlayan bir unsur olarak kabul edilen renk seçimi ve renk uyumunu, sundukları hazır renk şablonları ile sorun olmaktan çıkaran ve çevrimiçi destekle istenilen renkleri oluşturmayı sağlayan 15 site aşağıda listelenmiştir.

1) ColourLovers

Color Scheme Generators

2) Adobe Kuler

Color Scheme Generators

3) Aviary Toucan

Color Scheme Generators

4) ColoRotate

Color Scheme Generators

5) ColorExplorer

Color Scheme Generators

6) Colr

Color Scheme Generators

7) ColorMunki

Color Scheme Generators

8) Genopal

Color Scheme Generators

9) ColorJack

Color Scheme Generators

10) W3-Palette

Color Scheme Generators

11) ColorSchemeDesigner

Color Scheme Generators

12) CSSdrive

Color Scheme Generators

13) ColorHunter

Color Scheme Generators

14) ColorCombos

Color Scheme Generators

15) ColorsOnTheWeb - Color Wizard

Color Scheme Generators

kaynak

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

Renk Şeması İçin Çöllerden İlham Almak

delyboy — Mon, 02 Feb 2009 19:46:00 GMT

İyi bir renk şeması bulmakta zorlanıyor musunuz? Doğada bulunan binlerce farklı ton, duygu ve ortam, renk şemaları için mükemmel birer ilham aracı olarak gösterilebilir.

Kuru ve ıssız bir renk şeması mı arıyorsunuz? O zaman yaratıcı ve motive edici fotoğrafları deneyin. Resimlere bakmadan önce yanınıza bir şişe su almayı unutmayın, zira bu fotoğraflar dünyamızın en kuru noktalarında çekilmiş fotoğrafları içeriyor.

Flickr üzerinde bu alanda sayısız görsel bulunuyor (örneğin aşağıdaki bağlantılar üzerine tıklayarak ilgili fotoğrafı çeken fotoğrafçının diğer fotoğraflarına göz atabilirsiniz). Renk şemaları ise COLOURlovers üzerinden indirmeye açık.

Kaynak: Build !nternet

Renk Şemaları Hakkında Yazdığım Diğer Yazılar

Tasarımcılar İçin Renk Planlama (Color Scheming)

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

Size Sıfırdan jQuery Öğretecek 15 Kaynak

delyboy — Sun, 11 Jan 2009 11:14:00 GMT

Belki tam bir jQuery uzmanısınız. Ya ne olacak canım, John Resig'in tam kendisisiniz belki de... Ya da Bildirgeç üzerinde "Prototip", "jQuery", ve "Mootools" gibi kelimeleri görüp "Bunlar da ne ola ki?" diye hayıflanıp duruyorsunuz... Şimdi tüm bunları öğrenmenin zamanı geldi.

Bu endüstride, -özellikle günümüzde daha önce hiç olmadığı kadar-, tasarımcılar kodculara, kodcular da tasarımcılara dönüşüyor... Bir geliştiricinin görevi SADECE ön ya da arkaplan işlerini yürüten kod yazmak olmaktan çıkıyor. jQuery işte bu aradaki mesafeyi kapatmaya yardımcı olan bir JavaScript kütüphanesi. JavaScript erişilemez bir yetenek değil. Daha önce yayımladığım size sıfırdan PHP öğretecek 25 kaynak yazısının site kullanıcıları tarafından çok tutulan bir yazı olduğunu gördükten sonra nettuts üzerindeki benzer bir yazıyı da jQuery dersleri için yayımlamayı uygun gördüm. Bu makalede daha önce hiç jQuery üzerinde çalışmamış geliştiricilere jQery kütüphanesini öğrenmelerine olanak sağlayacak 15 kaynağı listeleyecek ve ilgili kaynaklar hakkında bilgi vereceğim. Eğer bugüne kadar bu kütüphaneye herhangi bir nedenden ötürü korkup yaklaşmamışsanız, şimdi ona yaklaşmanın tam zamanı. Ne kadar kolay olduğuna inanamayacaksınız.

jQuery de ne ola ki?
jQuery.com'a göre jQuery hızlı ve öz bir JavaScript kütüphanesi olup HTML belgelerinizi olayları işleyebilecek, animasyonlar yürütebilecek ve web sayfalarınıza Ajax etkileşimleri dahil edebilmenizi kolaylaştırır. jQuery, bugüne kadar JavaScript yazma şeklinizi geliştirmek için tasarlanmıştır.

Daha basit anlamı ile jQuery, daha önce 10 satır yazdığınız JavaScript kodunu iki satırda yazmanıza olanak sağlayan bir kütüphane! Geriye kalan sekiz satırın en verimli şekilde başkaları tarafından halihazırda yazıldığını ve bu kodun da JavaScript çalıştırabilen tüm modern tarayıcılarda yürütülebildiğini düşünün. Daha jQuery'i derinlemesine öğrenmeden bile zengin formlardan Flash gibi menüler oluşturabileceksiniz. Bir başka iskeleti daha öğrenmek istemiyorum demeyin. Aşağıdaki kaynaklar size bu yolda adım adım rehberlik edeceklerdir.

Neden diğerlerini değil de bu kütüphaneyi kullanmalıyım?
Sonuç olarak bu sizin seçimiz. Her bir iskeletin (framework) kendine özgü avantajları vardır. Ancak jQuery'nin günümüzün en popüler JavaScript iskeleti olmasının ardında bazı nedenler yatıyor.

Birden fazla tarayıcı ile uyum. Her bir JavaScript ikmali sırasında web geliştiricilerinin önemli bir zamanını, geliştirdikleri betiğin farklı tarayıcılar üzerinde beklendiği gibi çalışıp çalışmadığını test etmesi beklenir. Ne şans ki jQuery kütüphanesi bu tarayıcı uyumsuzluklarını gideriyor ve geliştiricilere kendi kodları üzerinde daha fazla zaman harcayabilmelerine olanak sağlıyor.

CSS Seçicileri. CSS sözdizimlerini kullanarak, geliştiriciler halihazırda kullandıkları bilgilerini belgelerine kolayca dahil edebilirler. CSS 3 ve XPATH seçicilerinin de desteği ile, jQuery sayfanızdaki elementleri kullanmak için mükkemel bir mekanizma sunuyor.

Zincirleme. jQuery kendi metodları için "zincirleme" (chaining) adı verilen bir yöntem kullanır. Bir jQuery nesnesi üzerinde bu yöntemi çalıştırdığınız her zaman, ilgili yöntem aynı jQuery elementini çalıştırır. Bu nedenle de her bir yöntem için seçicilerinizi yeniden yazmanız gerekmez. Tıpkı ".NET" tarzındaki bir özelliği kullanarak daha küçük dosya boyutlarına sahip ve kolay okunabilen kodlar yazabilmenizi sağlar.

Eğer merakınız iyice arttıysa, çok güzel! Hemen başlayalım.

Adım 1: Kütüphaneyi İndirin
Bu yolculuktaki ilk durağınız kütüphaneyi bilgisayarınıza indirmek olacaktır. jQuery.com'u ziyaret edin ve "Download jQuery" bölümüne gidin. Listedeki bağlantılardan birine tıklayarak kütüphaneyi bilgisayarınıza indirin. Daha sonra indirdiğiniz .js dosyasını HTML belgenize dahil etmeniz gerekecek.

CSS-Tricks.com: jQuery'e Giriş: Bu jQuery eğitim videosunda, CSS-Tricks websitesinden Chris Coyier, jQuery'i web sayfanıza nasıl dahil edebileceğinizi ve birkaç özelliği nasıl yazabileceğinizi gösterecek.
Digital-Web.com: jQuery: Başlangıç Kursu: Kod yazmayı bilen web tasarımcıları için jQuery'e giriş kursu.
Slideshare.net: "30 Dakikada jQuery Öğrenmek": Eğer slayt gösterilerinden hoşlanıyorsanız, bu ders size jQuery kullanarak nasıl slayt gösterileri oluşturabileceğinizi ve aynı zamanda size jQuery öğretmeyi hedefliyor.

Adım 2: İlk Fonksiyonunuzu Oluşturun
jQuery'i öğrenme aşamanızın daha ilk birkaç dakikasında kendi fonksiyonlarınızı oluşturmaya başlayacaksınız. İlk durağınız John Resig'in giriş maklesi "jQuery Nasıl Çalışır?" olmalı. Resig, web uygulamalarınız üzerinde kullanacağız pek çok kolay anlaşılır yöntemi anlatacak. Anlatacakları arasında sınıf ekleme ve kaldırma, zincirleme ve "document.ready" yöntemini çağırmak yer alıyor.

jQuery.com: "jQuery Nasıl Çalışır?": Bu giriş makalesinde John Resig (jQuery'nin yaratıcısı) sizi animasyon oluşturmanın temellerine götürecek. Eğer jQuery'e yeniyseniz bu makaleyi kesinlikle okumanız önerilir.
15DaysOfJquery.com: 1. Gün: jQuery'nin tüm özelliklerini iki haftada kavramak gibi cesur bir girişimde bulunan "15 Days of jQuery" (jQuery ile 15 Gün) web sitesi her gün bir konuyu işliyor. Bu makalede "document.ready" yöntemini nasıl kullanmanız gerektiğini öğreneceksiniz.
VisualJquery.com: "jQuery Sözlüğünüz": VisualjQuery.com web sitenizi dijital sözlüğünüz olarak düşünün. Site, kullanılabilen her bir jQuery yönteminin sözdizimini ve açıklamasını içeriyor. Bu siteyi yer imlerinize eklemeyi unutmayın.

Adım 3: Elementlerinizi Canlandırın

Bu pek çok geliştirici için tartışmalı bir konudur. Birinci grupta "sıfır animasyon"da ısrar eden insanlar bulunur. Bunlar kullanıcının istediklerine mümkün olan en hızlı şekilde cevap verilmesine ve aradan çekilmesini tercih ederler. Onlara, bir sonraki uğraşı için bekleyen bir zombi gibi davranmayın. İkinci grupta da bazı insanlar vardır. Onlar, göze hoş görünen animasyonlar içeren bir siteye, kendi kullanıcıları için uygun bir site gibi bakarlar. Bu animasyonlar uygun kullanıldığında animasyonların kullanılırlığı önemli ölçüde arttırdığına inanırlar. Siz, hangi grupta olduğunuza karar vermelisiniz. Hangi grupta olursanız olun jQuery'nin sayfanızdaki elementleri hareket ettirebilme görevini mümkün olan en kolay şekilde yerine getirebildiğini unutmayın.

jQuery.com: "Animasyonlar jQuery'nin animasyon yeteneklerini öğrenirken burası uğramanız gereken ilk yer olmalı. Makale, bu yöntemi kullanırken ihtiyacınız olacak parametreleri detaylandırıyor.
Detached Designs: jQuery'nin Animasyon Yeteneklerini Öğrenmek: Konu animasyona geldiğinde hiç deneyiminiz yok mu? Bu makale özellikle animasyon konusunda hiç deneyimi olmayan kullanıcıları hedef alıyor. Makalenin içerdeği başlıklar arasında metin boyutunu değiştirmek, elementleri hareket ettirmek, animasyonları zincirlemek gibi her jQuery kullanan geliştiricilerin işine yarayacak konuları içeriyor.
Web Designer Wall: Tasarımcılar İçin jQuery Dersleri: Halen jQuery'nin gücü kafanızı mı karıştıryor? Bu site menülerden imaj değiştirmeye kadar 10 adet örneği detaylandırarak bu muhteşem kütüphanenin yetenekleri hakkında sizi bilgilendirmeyi hedefliyor.

Adım 4: Eklentiler
jQuery ile ilgili güzel olan bir şey var ki o da kütüphane geliştirilirken, John Resig ve ekibi kütüphanenin özelliklerini eklentiler kullanarak geliştirmenin sadece birkaç satır kod ekleyerek mümkün kılmak üzerine çalışmış olmaları. Kendinize özgü yöntemleri çok kısa süre içerisinde yazabileceksiniz! Bu eklentileri ana kütüphaneden ayrı tutarak (bu arada jQuery kütüphanesinin sadece 16KB olduğunu da hatırlatalım), bu özel eklentileri sadece gerektiği zaman sayfalarımıza dahil edebileceğiz. Bunun sonucunda JavaScript dosyalarınızın boyutu mümkün olan en küçük seviyede kalacaktır.

jQuery Corner Gallery
Elementlerinize yuvarlatılmış köşeler eklemek için CSS3'ün tüm tarayıcılar tarafından desteklenmesini beklemek istemiyor musunuz? O zaman jQuery kullanarak elementlerinize kolayca yuvarlatılmış köşeler ekleyebilirsiniz. Sadece yuvarlatılmış köşeler ile de sınırlı kalmayın, zira eklenti çeşit çeşit köşe tiplerini de bünyesinde barındırıyor. Bu eklenti araç kutunuzda kalıcı bir yer bulabilir.
Kullanıcı Deneyimini Geliştirin: 10 Kullanışlı jQuery Eklentisi Bu makalede James Padolsey, kendince en iyi jQuery eklentilerini listelemiş.
jQuery.com: "Eklentiler": Her zaman olduğu gibi jQuery.com değerli bir kaynak olmaya devam ediyor. Bu makale ilk eklentinizi oluşturmak için size adım adım rehberlik ediyor.

Adım 5: AJAX Özelliğini Dahil Etmek
Şu ana kadar öğrendiğiniz jQuery yetenekleri ile kendinizi güvende mi hissediyorsunuz? Yeteneklerinizi bir sonraki seviyeye yükseltmeye hazır mısınız? Neden betiklerinize biraz Ajax özelliği dahil ederek başlamıyorsunuz? Her ne kadar "load()" ve ".get()" yöntemlerinin kullanımı ile jQuery veri yüklemeyi inanılmaz derecede kolaylaştırıyor. Aşağıdaki kaynaklar eğitiminiz için hayati önem taşıyor.

Sitepoint.com: jQyery ile Kolay AJAX: Akash Mehta'nın Sitepoint için hazırladığı bu makalede web uygulamalarınıza AJAX eklemenin jQuery kullanılarak ne kadar da basit bir işlem olduğu anlatılıyor.
Tasarımcılar için jQuery: AJAX Kullanarak Form Doğrulama: Bu makalenin yazarı Remy, bizlere jQuery kütüphanesinin yanında AJAX kullanarak bizlere, web tabanlı formlara nasıl sunucu taraflı doğrulama özelliğini ekleyebileceğimizi gösteriyor.
Nettuts.com: jQuery Kullanarak İçerik Nasıl Yüklenilir ve Hareket Ettirilir?: jQuery dersleri ararken NETTUT'un "Javascript" kategorisine bir gözatmayı unutmayın. Bu derste NETTUTS ekibi jQuery kullanılarak bir verinin nasıl yüklenebileceğini ve ardından onu taşıyan elementin nasıl hareket ettirilebileceğini göstermiş.

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

MP3’ler için Otomatik Etiketleme: MusicBrainz

delyboy — Wed, 01 Aug 2007 10:02:00 GMT

Dijital müzik çağında artık herkesin oldukça geniş bir MP3 arşivi var. Müziğimizi bilgisayarımızda ya da taşınabilir MP3 çalarlarımızda dinlemeyi seviyoruz. Ancak, dinlediğimiz parçanın albüm, sanatçı ve parça bilgilerini gösteren ve ID3 tag olarak bilinen etiketler genellikle ya eksiktir ya da hiç yoktur. Arşivimiz ne kadar genişse, bu bilgilerin eksikliği ve elle doldurulması da o kadar can sıkıcı bir durum haline gelir.

İnternette, bu sorunu arşivimizdeki MP3’leri otomatik olarak etiketleyerek çözen pek çok program bulmak olası. Bunların en başarılılarından biri de MusicBrainz:

Şu an itibariyle 320838 sanatçının, 500809 albümün, 5914544 parçanın, 9160 plak şirketinin 328923 kullanıcı tarafından sağlanan bilgilerinden oluşan çok büyük bir veri tabanına sahip olan MusicBrainz, MP3 ve Ogg Vorbis gibi popüler ses dosyalarına metadata etiket bilgilerinin uygulanması konusunda var olan alternatifler arasında en önde gelenlerden.

MusicBrainz’i cazip kılan etkenlerden bir diğeri de, kendi hesabınızı oluşturarak müzik arşivinizdeki parçaların metadata bilgilerini yükleyebilmeniz. Bu sayede, bu bilgilerin silinip kaybolmasından korkmanıza gerek kalmıyor. Anlaşıldığı gibi, MusicBrainz çok büyük bir online topluluk gibi işleyen dev bir proje. 328923 kişiden biri, büyük olasılıkla arşivinizdeki müzik için zaten ilgili bilgileri girmiştir. Bu nedenle, müzik arşivinizi düzenlemeniz oldukça kolay. Ayrıca, eğer etiketlerde bir yanlışlık varsa, veritabanında bunları düzeltme şansınız da var.

MusicBrainz’i kullanmanın en kolay yolu, sitede bedava olarak verilen programlardan birini yüklemek. Bu programlardan birini yükleyip kurduğunuzda tek yapmanız gereken, programın bu devasa veri tabanına bağlanıp parçaları etiketlemesini sağlamak. Alternatif olarak, veritabanında arama yapıp parça bilgilerine kendiniz de ulaşabilirsiniz.

Siz de müzik arşivinizi kolay yoldan düzenlemek ve MusicBrainz projesine ekleyeceğiniz etiketlerle destek olmak itiyorsanız buradan buyrun…

________________
MusicBrainz Wikipedia’da da anlatılmış: buradan
________________

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

Facebook'u unut. Sıradaki ne?

delyboy — Sun, 18 Nov 2007 07:14:00 GMT

İnsanların bir siteye saplanıp kalması hakkında Global Equities Securities analisti Trip Chowdhry'nin söylediği bir söz var. Aynen şöyle; "Bir site tüm insanlar için herşey değildir."
Peki insanlar neden farklı bir konuda ısrar etiiği zaman daha iyisini veya daha özgününü bulma şansını tepmek ister ki?
Biz de bu söze dayanarak birkaç siteye göz atalım...

Orato:

Büyük şirketlerinin tekelindeki internet siteleri facebook, myspace ve youtube'dan bıktıysanız bir de orato'ya göz atın. Kullanıcı hikayelerine dayalı bir teması var orato'nun. video, ses, resim ve başta hikaye olmak üzere yazıları paylaşabileceğiniz. itiraf.com tarzı bir site. zaten sloganından da anlaşılıyor;
"True stories from real people."

stickam:

Youtube'un modası geçti diyorsanız stickam'a kesinlikle bir göz atın. Arkadaşlarınızla görüntülü chat yapabileceğiniz, canlı şovları host edip izleyebileceğiniz, sitenizde canlı yayın yapabileceğiniz tasarımı göz yormayan ücretsiz bir site.

voymusic:

klasik, pop, rock, rap vs... bütün müzik tarzına uygun kanalları olan ücretsiz web radyoculuğu yapan bir site. müzik haberlerini takip edip, daha piyasaya çıkmamış albümlere göz atabileceğiniz, ücretsiz mp3ler indirmenize olanak sağlayan kaliteli ve hoş bir site.

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

Size Sıfırdan PHP Öğretecek 25 Kaynak

delyboy — Sun, 28 Dec 2008 17:33:00 GMT

PHP dinamik web siteleri ve uygulamaları geliştirmek için geliştirilen sunucu tabanlı bir betikleme dilidir. Halihazırda bir PHP kurdu olabilir ya da PHP'nin ne olduğundan bihaber olabilrsiniz. Buna rağmen eğer herhangi bir web geliştirme projesine dahil olmayı planlıyor ya da halihazırda bu ortamın kıyısından köşesinden tutuyorsanız, bu öğrenmesi kolay programlama dilini öğrenmek zorundasınız. Bugünkü makalemizde sizi PHP ile programlamaya başlamanıza yardımcı olacak 25 kaynaktan bahsetmek istiyorum.

PHP de ne ola?
Kullanma kılavuzundan kopyala-yapıştır yapacak olursak, PHP "HTML içerisine gömülebilen ve web tabanlı geliştirme projeleri için kullanılabilen bir betikleme dilidir". PHP sunucu tabanlı bir betikleme dilidir, bunun anlamı tüm veriler önceden işlenir ve sonucu tarayıcıya sunucu tarafından gönderilir. Bu durum JavaScript'in tam aksini teşkil eder, zira JavaScript tümüyle tarayıcı tarafından işlenir ve yorumlanır. Sizin hatırlamanız gereken PHP'nin tümüyle sunucu tarafından işleniyor oluşudur. Bir sonraki adımda, farklı kaynaklara referans vermeden önce PHP'nin avantajlarından ve bazı temel sintakslardan bahsedeceğiz.

PHP kullanmanın avantajları nelerdir?
Her web dili kendine özgü avantajları ve dezavantajları içerir ve PHP'nin de bu konuda diğerlerinden farkı yoktur. Ancak PHP'nin diğer betikleme dillerine kıyasla daha popüler oluşunun altında pek çok neden yatmaktadır.

Kolay öğrenme aşaması. Bir web dilini öğrenirken ne kadar az zaman geçirir, o dilin kullanma kılavuzunda ne kadar az arama yaparsanız, geriye uygulamanızı geliştirmek için o kadar fazla zaman kalacaktır. PHP'nin en önemli özellikleri arasında, diğer web dillerine kıyasla öğrenmesi çok kolaydır. Sintaks temeli mantıklıdır ve pek çok temel fonksiyon, işlevi ile doğru orantılı olarak adlandırılmıştır.

Aşina olduğunuz sintaks. PHP özellikle daha önce programlama deneyim olanlar için, özellikle C ve Perl üzerinde çalışmış kullanıcılar için biçilmiş kaftandır, ki PHP sintaksları da bu iki programlama dili temel olarak geliştirilmiştir. Eğer C ve/veya Perl üzerinde programlama yapmayı billyorsanız, C üzerinde uygulama yazarken hiç sorununuz olmayacaktır.

Fiyat. PHP ücretsiz ve açık kaynaklıdır. Bundan daha iyisi olamaz.

Performans. PHP göreceli olarak verimli bir programlama dilidir. Kodunuzun ve uygulamalarınız geliştirilebilirliği çok önemlidir ve dilediğiniz miktarda web sayfasını PHP ile verimli olarak yönetememek için hiçbir sebebiniz yok (tabi eğer verimli olarak kodlamazsanız durum değişecektir).

Komünite. PHP komünitesi kesinlikle inanılmazdır. PHP üzerine derinlemesine ve kapsamlı belgelerin pek çoğuna php.net üzerinden ulaşmanız mümkün. Bunun yanısıra web üzerinde PHP'ye adanmış binlerce (evet binlerce) web sitesi ve forum bulunuyor. Daha da önemlisi, PHP açık kaynaklı bir programlama dili olduğundan sürekli geliştiriliyor. PHP 5 özellikle son dönemde nesne yönelimli programlama dili için önemli bir destek kazandı ve bu sayede dil gittikçe daha da güçlü bir hal alıyor.

Sintaks'a genel bir bakış
Daha önce kapalı kapılar ardında yaşıyor ve hiç PHP betiği görmediyseniz, PHP'nin nasıl yazıldığına dair en basit örnek aşağıda:

<?php echo "İlk php betiğiniz!"; ?>

Devam etmeden önce hemen ufak bir hatırlatma. Betiğin <?php ile başladığına ve ?> ile bittiğine dikkat edin. Bazı geliştiricilerin soru işaretinden sonraki 'php' terimini kodlarına dahil etmediğini göreceksiniz. Bu kötü bir yaklaşımdır ve daima tam php etiketlerini kullanmanız önerilir. Ayrıca betik satırının noktalı virgül ile bittiğini göreceksiniz. Eğer buna dikkat etmezseniz PHP hata verecektir. Bu kadar yeter, gelin sizi PHP dünyasına adım attıracak önemli web siteleri ile tanıştıralım.

Adım 1. PHP'yi indirn ve temellerini öğrenin.
PHP üzerinde çalışabilmek için önce PHP indirmemiz gerekir öyle değil mi? Bu sayede doğrudan kişisel bilgisayarlarımız üzerinde kodlama yapabileceğiz. PHP.net'i ziyaret edin ve PHP'nin son sürümünü ve ihtiyacınız olan diğer kütüphaneleri indirin.

Önerilen Makaleler

PHP'yi herhangi bir işletim sistemine yüklemek.
Doğrudan PHP kullanma kılavuzu üzerinden PHP ile çalışmaya başlayabilmek için ihtiyacınız olan yazılımlar.
PHP101-Yeni başlayanlar için.
Deneyimli PHP kullanıcıları bile dönüp dönüp bu makaleye uğrarlar. Zend ekibi tarafından hazırlanan, tartışmasız en etkili makale. PHP'ye yeni başlayan herkesin mutlaka okuması gerektiğini düşünüyorum.
PHP.net - İlk betiğiniz.
Artık elimizi taşın altına koymanın vakti geldi. PHP.net rehberinden ilk betiğimizi yazmamız için gerekenler.

Tizag - tam rehber.
Web geliştiriciliği kariyerinizde siz de Tizag.com websitesini ziyaret edenlerdenseniz, site bünyesindeki PHP rehberlerine mutlaka bir göz atın.
Webmonkey - Yeni başlayanlar için PHP rehberi.
Webmonkey, PHP'ye yeni başlayanlar için PHP fonksiyonlarından döngülerine pek çok PHP elementini kapsayan derinlemesine bir makaleye sahip. Dikkate değer.

MySQL veritabanları için gelişmiş teknikler
Şimdi PHP temellerini öğrendiğinize göre PHP ve MySQL ile dinamik web siteleri oluşturabilmemiz için gelin bazı makalelere göz atalım. PHP, MySQL ile birlikte büyük bir uyum içinde çalışıyor. MySQL bir veritabanı dilidir ve PHP ile birlikte kullanıldığında neredeyse dilediğimiz her web sitesini oluşturmak mümkün.

Önerilen Makaleler

MySQL Kurulumu ve Başlangıç.
PHP rehberindeki bu makale, size MySQL'nin nasıl kurulacağını ve PHP kullanılarak veritabanı ile nasıl iletişim kurulabileceğini anlatıyor.
PHP-MySQL Rehberi.
Yeni oluşturduğunuz MySQL veriabanı ile ilgili bilmek istediğiniz her şey burada. Sitenin adı da içeriğinin tam bir yansıması aslında: "php-mysql-tutorial.com".
Tizag - PHP ile MySQL'ye giriş.
Tizag websitesi bizleri PHP ve MySQL kullanarak veritabanı kullanan websitelerini nasıl oluşturabileceğimize dair gerekli adımları listelemiş.
PHP ile kullanıcı üyeliği.
Artık PHP ve MySQL'yi birlikte nasıl kullanmak gerektiğini bildiğimize göre basit bir kullanıcı üyelik betiği hazırlayabiliriz.
PHP ile güvenli dosya gönderimi.
Dosya gönderimleri interaktif web siteleri hazırlamak için şüphesiz en etkili yollardan birisidir, ancak bu durum kullanıcıların sisteminize dosya gönderecek olması anlamına geldiğinden dikkatle uygulanması gerekir. Bu makale PHP kullanılarak nasıl güvenli bir şekilde dosya gönderimi özelliğini sitenize entegre edebileceğinizi detaylandırıyor.
Kurallı İfadelere Giriş.
Kurallı ifadeleri kullanmak, ziyaretçilerinizin girdiği verilerin istediğiniz bir şekilde veritabanına kaydedilmesini sağlamak için oldukça önemlidir. Sintaksı öğrenmek bazen biraz zor olabilir, bu sebeple kurallı ifadelere yönelik birkaç makaleyi listelemek doğru olur diye düşünüyorum.
Kurallı İfadeler Eğitimi.
Kurallı ifadelerin kullanımına yönelik muhteşem bir rehber.
Kurallı İfadeler Kopya Kağıdı (Cheat Sheet).
Programlama dillerine yönelik kopya kağıtları her programcının ya da geliştiricinin başvurması gereken altın değerinde kaynaklardır. Bu makalede kurallı ifadelere yönelik önemli bir kopya kağıdı yer alıyor.
Dev zone Güvenlik İpuçları.
Güvenlik, uygulama tasarımınızın önemli bir kısmını teşkil eder. İşte bu sebeple Dev zone sitesinin güvenlik ipuçlarının yer aldığı ilgili bölümü ziyaret etmenizi öneririm.
10 PHP Güvenlik Kontrolü.
O'Reilly'nin geliştirici merkezi web uygulamalarınızda kontrol etmeniz gereken 10 bölümü listelemiş.

Adım 3. Uzman ve OOP Teknikleri
Yukarıdaki teknikleri öğrendikten sonra benim artık uzman diye tabir edeceğim sınfa dahil oluyorsunuz ve daha gelişmiş PHP tekniklerini öğrenmenizin zamanı geliyor. Bunların arasında nesne yönelimli programlama yer alıyor. Object-oriented programming (OOP - Nesne Yönelimli Progrlama) PHP 5'in duyurulmasının ardından önemli ölçüde ilerledi.

Önerilen Makaleler

GD Kütüphanesinin Kullanımı.
PHP GD kütüphanesi bir imaj işleme kütüphanesi olup PHP ile birlikte kurulabilir. GD kütüphanesi imajları binlerce farklı şekilde işlemenize yardımcı olur.
Güvenli PHP dosyaları yazmak.
Güvenli PHP uygulamaları oluşturmak için daha gelişmiş ve detaylı bir makale.
PHP ile Nesne Yönelimli Progrlamaya Giriş.
Nesne yönelimli progrlama pek çok yeni geliştirici için bazen kafa karıştırıcı olabilir. Bu makale, OOP'nin temellerini öğrenmenize yardımcı olacaktır.
Nesne Yönelimli Programlama Kursu.
PHP ile OOP kullanımına biraz daha detaylı bakış.
PHP ve MySQL ile OOP kullanımını.
OOP kullanılarak MySQL veritabanlarını işlemenin yolları.

PHP İskeletlerini (Framework) kullanmak
Günümüzde yüzlerce PHP framework'ü bulunuyor, bunların pek çoğu da MVC yaklaşımını baz alıyor. Aşağıda bazı başarılı PHP frameworklerini bulacaksınız.

CodeIgniter.
En çok kullanılan PHP frameworklerinden biri olan Code Igniter sayesinde web uygulamalarınızı kolayca geliştirebileceksiniz.
Symfony Project.
PHP 5 kütüphane sınıfları kullanılarak hazırlanan bir PHP framework'ü.
Akelos.MVC tabanlı bir başka framework olan Akelos, kullanımı kolay ve basit bir PHP framework'ü olarak öne çıkıyor.
Zend framework.
Daima popüler olan Zend framework'ü, güçlü olduğu kadar öğrenmesi de görece zor olan bir PHP framework'ü.
CakePHP.
CakePHP muhtemelen günümüzün en popüler PHP frameworkleri arasında belki de en üst sırada yer alıyor. CakePHP'nin diğerlerine nazaran önemli bir farkı, framework'ün belgelemesinin okuması zevkli oluşu ve bu sayede ilgili framework'ü öğrenmeyi kolaylaştırması. İlgili belge özetle size bir keki nasıl pişirmeniz gerektiğini anlatıyor. Okuyunca ne demek istediğimi anlayacaksınız.

Sizin tercih ettiğiniz PHP kaynakları neler? Yorumlarınızı bekliyorum.

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

iStylr - Online Css Template Generator

delyboy — Mon, 29 Dec 2008 12:16:00 GMT

iStylr

iStyler ,css dosyalarını kolayca düzenleyebilme ve yeni tasarılar üretebilmek için Stephan Helbig tarafından oluşturulmuş. Gerçekten kullanım açısından çok başarılı olduğu ortada. Css dosyalarınızı düzenliyor, isterseniz sıfırdan bir web şablonu hazırlamanıza olanak sağlıyor.Css konusunda uzman olan ve yeni başlayan kişiler için büyük kolaylık sağlayacak bu sistemde benim gözüme çarpan wordpress ile de uyumlu olması. Yani sıfırdan bir wordpress teması oluşturmak çok basit. İsterseniz diğer üyelerin yüklediği tasarımları kendinize göre düzenleyebilir, isterseniz bir web sitesini ekleyerek düzenleme yapabilir, isterseniz sıfırdan bir şablon oluşturarak çalışmanızı başlatabilirsiniz.

Tasarım tipini , tasarım boyutunu ve tasarım elementlerini seçtikten sonra tasarımınızın detaylarını düzenliyorsunuz. WYSIWYG xHTML editor sayesinde büyük bir rahatlıkla tasarımınızı yapıp kaydediyorsunuz. Ardından bilgisayarınıza yükleyip bu rahatlığın keyfini çıkartıyorsunuz :)

Sistem yalnızca Firefox tarayıcıda çalışmaktadır. Üye olduktan sonra onay kodunun mailinize gelmesi biraz zaman alacaktır hatırlatmakta fayda var.

Hemen tasarlamaya başlayın.

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