javascript | bildirgec.org

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.

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.

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.

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

öğ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 + 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

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.

Her web projenizde kullanabileceğiniz ilginç bir css ve jquery uygulaması olan jQSlickWrap, metinleriniz ve imajlarınız arasındaki düzeni istediğiniz gibi yönetmeye yarayan bir uygulamadır.

Web sitenizdeki bir yazıda, yazının sağına veya soluna imaj yerleştirebilirsiniz. Genelde imaj çerçevesinin sınırlarını metinler geçemez. Bunu değiştiren jQSlickWrap imaj-metin ilişkisini istediğiniz ölçüde düzenlemenizi sağlar.

Düzgün bir şekli olmayan imajlar ile metinlerinizi tam olarak konumlandırmayı sağlayan bu uygulama ile web siteniz tam bir uyum içine girer. Ayrıca klasik web kültürünün sınırlarından çıkarak sıradışı bir görünüme sahip olursunuz.