bildirgec.org

javascript hakkında tüm yazılar

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

surudenAyrilanKuzu | 17 September 2009 15:04

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.

mozilla dev center

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
quirksmode

Web siteniz için 8 ücretsiz MP3, Flash, Video ve Ses oynatıcısı

wanadooo | 15 September 2009 10:28

Oynatıcılar, web sitenizde yayınlamak istediğiniz MP3, Flash, Video ve Ses dosyalarını kolay bir şekilde web sitenize taşımanıza yardımcı oluyor.

  • Bu Flash Video oynatıcı eklentisi WordPress için çok kullanışlı ayrıca basit bir şekilde videoları blogunuza ekleyebiliyorsunuz/gömebiliyorsunuz.
Flowplayer
Flowplayer
  • Flowplayer, açık kaynak bir video oynatıcısı. Videolar için (embed) gömme işlemini yapabiliyorsunuz.
  • Blogda yer alan bütün şarkılar tek tıklamayla playlistte çalınabiliyor. Sadece javascript dosyalarını eklemeniz yeterlidir. En güzel örneği punkreas.org adresinde yer alan oynatıcıda.
  • Video paylaşım sitelerinde (YouTube, Vimeo, DailyMotion) yer alan popüler videolardan kendinize özgü playlist oluşturabiliyorsunuz.
WP Audio Player
WP Audio Player

WP Audio Player, açık kaynak flash mp3 oynatıcısıdır ayrıca WordPress eklentisi. Yazılarınızın içinde yer verebiliyorsunuz. Wordpress kullanıcıları için kişiselleştirmek için birçok seçenek bulunuyor. Kullanım kılavuzu burada

JS Form Filler

admin | 14 September 2009 16:30

Script input select textarea gibi elementlerin value, selected veya checked parametrelerini otomatik olarak ayarlamaktadır.

Checkboxları her seferinde seçerken veya select’leri veya radio butonları seçerken php ile tekrar tekrar kontrol yapmayacak, javascripte bütün verileri gönderip işi ona bırakacaksınız.

Örneğin bir “isminizi giriniz” text boxı valuesunu ve “email uyarıları istiyormusunuz” checkboxının checked olup olmadığı durumunu ayarlamak şu kadar basit:

1
var form_values = { isim:"Seregwethrin", email:"1" };

Görsel Sunum Eklentisi: WebSlide

algoz | 11 September 2009 14:56

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.

hayatı kolaylaştıracak 11 css3 tekniği

basarozcan | 10 September 2009 12:03

Hayatı kolaylaştıracak CSS tekniği nasıl mı olur? İşte cevabı… CSS3 birçok yeni nesil tarayıcıda desteklenmeden önce CSS ile yapmaya uğraştığımız birçok efekt vardı. Örneğin Yuvarlak Köşeler (rounded corners) yapmak için ekstra bir imaj ya da javascript dosyası kullanmak zorundaydık. Lakin CSS3 ile beraber ,bu çok kullanılan ama yapılması biraz külfetli olan efektler, rahatça yapılmaya başlanacak. Bu yazıda CS3 desteği ile gelen ve kod yazma süresini oldukça aza indirecek efektleri göreceğiz.

1. Yuvarlak Köşeler
jquery eklentisini kullanarak, yada top şeklindeki bir imaj dosyasını CSS Sprite tekniği ile bölerek yapabildiğimiz yuvarlak köşeleri artık kısa bir kod ile yapabileceğiz.

rounded corners
rounded corners

border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;

2. Eleman Gölgesi
Türkçe mealini eleman gölgesi olarak telaffuz edebileceğimiz Box Shadow’u aslında jQuery‘nin dropShadow eklentisi ile kolayca yapmak mümkündü. Şimdi ise sadece 3 satırlık bir kod ile yeni nesil tarayıcılarda bu özelliği kullanmak mümkün.

Javascript ile Hedefli Kullanıcılar : Show If

ErrorLog | 09 September 2009 15:16

Show If
Show If

Show if online olarak javascript kullanan ve if-then-else komutlarını kullanarak web kullanıcılarını sitenize çeken bir sistemdir.

Şunları kullanır;
Browserlar
İşletim Sistemleri
Tavsiye sistemleri
Ekran Çözünürlüğü
Dil
Konum

Javascript if-then-else yaratıcısı kullanıcıların ip adresinden faydalanarak yönlendirme çözümü arayan herkesin işini görür.

Jquery Kullanan En İyi 24 Site

LeBron | 08 September 2009 14:28

Jquery, hızlı bir şekilde web geliştirmek için javascript kütüphanesini basitleştirir. Ayrıca olay işleme, animasyon, ajax etkileşimi imkanı verdiğini biliyoruz.

Jquery her gün daha da popüler olmaya devam ediyor. Jquery ile web siteleri üzerinde inanılmaz işler yapabilirsiniz. Bu yazıda en iyi şekilde jquery kullanan örnek sitelere ulaşabilirsiniz.

Slayt Gösterimleri İçin: YUI Slideshow

algoz | 31 August 2009 19:32

Web sayfalarının, kullanıcıların beğenisini kazanacak dinamik bir yapı kazanmasını sağlayan Javascript ile çeşitli web elemanları hazırlamak, tarayıcı uyumlulukları gibi farklı sorunlara çözüm arayışlarına girilmesinden dolayı, kimi zaman zorlu bir sürecin yaşanmasına sebep olabilmekte…

Bu ve benzer sorunlara çözüm olabilmek ve bir kaç satırlık kod ile oldukça kaliteli web elemanlarının hazırlanabilmesini sağlamak için Prototype, JQuery, MooTools, Dojo Toolkit ve script.aculo.us gibi bir çok Javascript Çerçevesi/kütüphanesi (Framework/Library) ve bu çerçeveler üzerine bina edilen birçok eklenti (add-ons) web tasarımcılarının/geliştiricilerinin hizmetine sunulmuş durumdadır.