prototype | bildirgec.org

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0'dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating | Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

3d teknolojisi sayesinde yüksek kaliteli modeller, gölge efektleri ile ekran kartınızın yeteneklerine bağlı olarak eş zamanlılaştırılmış oyunlar oynayabiliyoruz.

Günümüzde bilgisayar ekranı donanımı, nesne ve sahneler ile yüksek kaliteli 3 boyutlu oyunları oluşturma imkanı vermiştir. Burada aksiyon, strateji, yarış vb. 30 en iyi oyun yer almaktadır.

Her oyunun resmi web sitesinde oyun hakkında detaylı bilgi alabilirsiniz.

1. Modern Warfare 2

2. FIFA Soccer 10

Bu yazı, Adobe Dreamweaver için jQuery ve Prototype API uzantısı, PayPal, Skype ve Google araçları uzantıları gibi kullanışlı ve her Dreamweaver kullanıcısının işine yarayacak olan Dreamweaver uzantılarını (Dreamweaver extensions) içermektedir. Umarım işinize yarar.

Atomz Arama Motoru: Bu uzantı sayesinde web sitenize Atomz Aramasını ekleyebilirsiniz. Atomz sunucuları üzerinde depolanan çekirdeki kodun sitenize entegre edilmesi sayesinde siteniz üzerinde güçlü bir arama motoruna kavuşabilirsiniz. Sitenizde 10,000 sayfaya ya da belgeye kadar olan içeriğin arama motoru tarafından 30'un üzerinde dilde aranabilmesini sağlayabilirsiniz.

jQuery API Uzantısı: Eğer jQuery kullanıyorsanız Dreamweaver için geliştirilen bu eklentiye gerçekten ihtiyacınız olacaktır. Eklentinin kurulu olduğu Dreamweaver üzerinde çok daha az miktarda kod yazabilir, bunun yanısıra uzantının sunduğu kod renklendirme, kod parçacıkları ve tüm jQuery ve jQuery UI özelliklerini içeren kod ipuçlarından faydalanabilirsiniz.

Web sitelerinde kullanılan görselleri, kullanılacak alana göre boyutlandırmak ve kırpmak program bilgisi olanlar için kolay bir uygulamadır. Ancak, bazen gereğinden fazla zaman harcamayı gerektirir veya program kullanmak için ne zaman, ne de bilgi vardır.

Bu durumda ya çevrimiçi bir araç aramak gerekir (program öğrenmek daha iyi olur) veya aşağıda göreceğiniz, hotscript tarafından listelenen en fazla tercih edilen 8 javascript gibi sorunumuzu çözecek kolay scriptlere ulaşmamız gerekir.

Görselleri boyutlandırma ve kırpma işlerini kolaylaştıracak 8 javascript;

UvumiTools Crop
UvumiTools Crop, görüntü boyutlandırma ve kırpma işlemi için geliştirilen bir mootool eklentisi.

Javascript Image Cropper UI
Prototype JavaScript framework ve script.aculo.us

Image crop - DHTML
Görüntü kırpmak/boyutlandırmak için DHTML kullanıcı arayüzü sunar. İstenen bölgenin üzerine bir dikdörtgen sürüklenir ve kesilir.PHP sunucu üzerinde imagemagick kullanır.

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.

Önceleri Javascript ile web sayfalarına animasyonlu öğeler hazırlamak oldukça zorlu bir çalışma gerektirmekteydi. Oysa şimdilerde prototype, jQuery ve mootools gibi oldukça başarılı Javascript çatılarının ortaya çıkması ile ancak Flash ile hazırlanabilecek çeşitli animasyonları artık Javascript ile de hazırlamak mümkün.

Aşağıdaki liste ile Javascript ile hazırlanmış ilham alınası örneklere, çeşitli eğitimlere ve eklentilerine göz atabilir ve kendi projelerinizde kullanabilirsiniz.

İlham Alınası Örnekler:

1-ADCapital Industries

2-Lionite

Nasıl ki Javascript için Prototype, JQuery, mootools, script.aculo.us gibi çatılar (framework) mevcutsa, Flash / Flex geliştirme ortamları için de benzer şekilde yardımcı çatılar mevcuttur.

Bunların içinde en göze çarpanların başında Papervision3D * gelmektedir.

Flash için bir 3D Engine (Flash'ta 3 boyutluluğu destekleyen motor) olarak anılan Papervision3D'iyi Flash/Flex projelerinize kolayca ekleyerek oldukça ilgi çekici 3 boyutlu görsel elemanlar elde edebilirsiniz.

Papervision3D'inin blog'una buradan erişebilir, kendisini buradan + indirebilir, dokümanlarına buradan göz atabilir, forum sayfasına buradan ulaşabilir ve sürekli yeni örneklerin eklendiği ve her örneği kaynak koduyla birlikte indirip kullanabileceğiniz örnekler sitesi olan pv3d.org'a buradan erişebilirsiniz.

yaptığınız site tasarımlarında bir sözcük, bağlantı veya görsel öğe ile ilgili ek bir bilgi vermek isteyebilirsiniz. bunu doğrudan metin ile sağlamak yerine daha dekoratif, daha profesyonel teknikler mevcut. bu tekniklerden biri de ipucu balonları. her ne kadar pek balon gibi gözükmeseler de bu uygulamalardan 11'i şurada listelenmiş.