bildirgec.org

javascript hakkında tüm yazılar

Web Tabanlı Ücretsiz JavaScript IDE: Cloud9 IDE

algoz | 04 October 2010 09:26

Ajax.org desteği ile hazırlanmış, web tabanlı ve açık kaynak kodlu bir JavaScript geliştirme ortamı (IDE) olan Cloud9 IDE, diğer birçok JavaScript IDE’lerde bulabileceğiniz özelliği kullanıcılarına cömertçe sunmakta.

JavaScript geliştiricilerinin çalışmalarındaki hata ayıklamalarını (debugger) Googe Chrome yardımı ile yapabilmelerine olanak tanıyan Cloud9 IDE, projeleriniz için yapacağız testlerinizi web’te (cloud) kolayca yapabilmenizi de sağlamakta.

Cloud9 IDE, henüz ileri düzey JavaScript geliştiricileri için yeterli olmasa da, yeni başlayan veya yeteneklerini daha da geliştirmek isteyenler için oldukça yararlı olabilir.

Yararlı Chrome Eklentileri – Eylül 2010

angelsdemos | 01 October 2010 09:29

Google Chrome, popüler tarayıcılar arasında eklenti desteğine sahip olan ikinci tarayıcı. Firefoxi kadar eklentisi bulunmasada oldukça fazla eklentiye sahip olmaya başladı. Aşağıdaki eklentiler sayesinde web hayatınızı daha rahat bir hale getirebilirsiniz. Eylül ayının popüler yararlı Google Chrome uzantıları;

Eye Dropper

Chrome ve Chromium uzantısı olan Eye Dropper, web tasarım ve geliştiriciler için oldukça hoş bir uygulamadır. Sağ üstte yer alan küçük logosuna tıkladıktan sonra web site içeriğindeki herhangi bir rengin Hex şeklinde size gösterir.

Instant Image Editor

Web sitesinde herhangi bir imaj dosyasını anında düzenleme imkanı veren çok hoş bir uygulama. Pixlr tarafından yapılan bu uzantı ile anında yeni tabda imaj üzerinde düzenleme yapabilirsiniz.

Chrome Editor

Web Tasarımcılar için üretilen bir eklenti olan Chrome Editor, chrome üzerinden html, css, javascript kodlarını anında düzenleme imkanını size sunuyor.

5 kullanışlı jQuery Uygulaması

angelsdemos | 21 September 2010 14:47

web 2.0‘dan web 3.0‘a geçiş aşamaları, html5 ve css3 gibi farklı dillerin gelişmesi ile web uygulamaları artık tamamen interaktif olabiliyor. Görsel açıdan oldukça verimli ve klasik web’te genelde eklentilerle sağlanan birçok uygulama artık bunlara gerek kalmadan sağlanabiliyor. jQuery kütüphanesinin genişliği ile birçok farklı uygulama yapılabiliyor. Aşağıdaki açık kaynaklı ve tamamen ücretsiz uygulamaları geliştirebilir veya kullanabilirsiniz.
Captify

Captify, resimler için hazırlanan basit fakat kullanışlı bir başlık aracıdır. Bu muhteşem jQuery uygulaması ile web sayfanızdaki tüm imajlara başlık ekleyebilir ve kısa notlarınızı imajların altına yerleştirebilirsiniz. Sadece 2.3kb. boyutundaki bu ufak fakat çok yararlı uygulama ile ziyaretçilerinizi bilgilendirebilir, kullanım kolaylığı sayesinde her projenizde yer verebilirsiniz.

gvChart

Birçok uygulamada başarılı şekilde kullanabileceğiniz gvChart, istatiksel verileri tablo ve şema halinde herhangi bir eklenti kullanmadan web sitenize yansıtmaya yarar. 5 farklı demosunu tamamen özelleştirebilir ve istediğiniz gibi web siteniz ile uyum aşamasına getirebilirsiniz. Farklı renkler seçebilme ve istatiklerde tooltip kullanabilme gibi özellikleri sayesinde oldukça kullanışlı bir uygulama.

Starbox – Interaktif Oylama Uygulaması

angelsdemos | 19 September 2010 14:24

Starbox, gelişmiş bir oylama ve değerlendirme uygulamasıdır.Javascript ile jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem esnek uygulamayı elinizdeki bir png formatındaki imaj ile şekillendirebilirsiniz.

Artık birçok sitede görmeye alıştığımız oylama sistemlerinden biri olan Starbox, tamamen özelleştirebilir ve kolay kullanımlı bir uygulamadır.Bu jQuery uygulaması sayesinde aklınızdaki oylama sistemini web sitenize kolaylıkla yerleştirebilir ve entegre edebilirsiniz.

HTML5 Efektleri

angelsdemos | 09 September 2010 13:26

HTML5, henüz geliştirilme ve dağıtım aşamasında olsa, hatta birçok tarayıcı sürümü tarafından desteklenmemiş olsa da oldukça sevilen bir dil halini aldı. Klasik web yapısını tümüyle değiştiren bu farklı dil ile herhangi bir eklentiye gerek kalmadan tümüyle dinamik tasarımlar oluşturulabiliyor. Tamamen açık kaynak kodlu olduğu için aşağıdaki uygulamaları inceleyebilir ve siz de benzer çalışmalar yapabilirsiniz. Muhteşem HTML5 Efektleri;

Breathing Galaxies

Noise Field

Keylight

jquery öğe “drop” aparatı – 2

lazaronnie | 30 August 2010 10:10

öğelerin sürüklenmesini sağlayan eklentiyi bir önceki yazıda tanıtmıştım. şimdi sürüklenen öğelerin bırakıldığı yerleri ve yapmanız gereken işleri kolaylaştıran “drop” yani bırakma eklentisini tanıtacağız.

______________detaylar______________
jquery indir
Eklentiyi indir
eklenti anasayfası
lisans koşulları
genel demo sayfası
______________ basic ______________
en basit haliyle sürüklenebilir öğeleri içine bırakabileceğiniz bir bölge oluşturmanızı sağlar. öğeyi içine sürüklediğinizde tepki veren bir bölge oluşturursunuz.
demo

______________ active ______________

jquery öğe sürükleme aparatı – 1

lazaronnie | 28 August 2010 10:55

jquery + isimli kütüphane sayesinde web sitelerine büyük bir hareketlenme geldi. bu yazılımın bu kadar sevilmesindeki en büyük neden belki de kolay anlaşılması ve en zor efektleri bile kısa komutlarla uygulama imkanı vermesidir. açık kaynaklı bir teknoloji olduğu için (javascript) 3. kişiler kolayca eklentiler üretebiliyor ve jquery sürekli güncelliğini korumayı başarıyor.

bu yazıda çok profesyonelce hazırlanmış bir eklenti tanıtılacak. bu eklenti sayesinde web sayfanızdaki her şeyi mouse ile tutup bir yere sürükleme özelliği katabilirsiniz ancak sadece tut-sürükle-bırak ritüeline sıkışmak zorunda değilsiniz. ek olarak onlarca opsiypnu bulunuyor. eklentinin hüneri de zaten opsiyonlarında gizli.

______________detaylar______________
jquery indir
Eklentiyi indir
eklenti anasayfası
lisans koşulları
genel demo sayfası
______________ basic ______________
en basit biçimde web sayfasındaki herhangi bir öğeyi mouse ile sürüklemenizi sağlar.
demo
______________ relative ______________
öğeleri sayfa içinde sınır tanımadan sürüklenebilir olmasını sağlar.
demo

İşe Yarar Bir API: Embedly

algoz | 05 August 2010 15:47

Web’in popüler içeriklerinin başında gelen videolar, görseller ve slayt gösterimleri gibi “zengin içerikler” için açılmış yüzlerce web sitesi bulunmakta. Kimisi web’in en çok ziyaret edilen web siteleri arasında olan bu sitelerdeki bazı içerikleri, farklı amaçlarla kendi sitemizde veya blogumuzda yayınlamak (embed) isteriz. Bu tür içeriklerin sahibi olan web siteleri, kullanıcılarının bu isteklerinin farkında olduklarından ve de istediklerinden dolayı, bu işlem için çeşitli kolaylaştırıcı yöntemler kullanırlar (API, hazır kod vs.).

Desteklediği siteler arasında, YouTube, Daily Motion, Blip.tv, Flickr, Google Videos, Last.fm ve deviantART gibi popüler web siteleri (toplam 108 web sitesi/servis) bulunan Embedly, kullancılarının kendi web sitelerine veya bloglarına içerik ekleyebilmeleri için birbirlerinden farklı yöntemler belirleyen bu tür web sitelerindeki içeriği, her bir site için farklı bir yöntemi öğrenmeye gerek duymadan kendi web sitemize veya blogumuza ekleyebilmemizi sağlamakta.

javascript’ler sayfaya nasıl eklenir?

admin | 02 August 2010 13:26

başarılı bir kaynak olan javascript.internet.
com
adresinde bir javascript bulduğunuzu
ve sayfanıza eklemek istediğinizi düşünelim.
genellikle script’i içeren js uzantılı bir
dosya oluşturarak sunucunuza yüklemeniz
ve bu script’i çalıştıracak satırları sayfalarınızın
html kodlarına eklemeniz gerekir.
script’in kendisini doğrudan ve
etiketleri arasına yazabileceğiniz
gibi, aynı yere

src=”ornekscript.js”>

şeklinde bir satır ekleyerek dışarıdan çalıştırılmasını
da sağlayabilirsiniz. bu durumda
javascript kodlarını ornekscript.
js adıyla kaydederek sunucudaki klasöre
yüklemeniz gerekiyor. tarayıcı bu sayfayı
yorumlarken ornekscript.js isimli script’i
verdiğiniz adreste bularak çalıştıracaktır.
bazı script’ler sayfanın vehead> arasında kalan bölümü yerine, işlev
görecekleri herhangi başka bir yerine de
eklenebilirler.