bildirgec.org

Şimdiye kadar gördüğüm en değişik saat tasarımı… Bu web saat hakkında çok ayrıntı yok, görünümü yetiyor sanırım. Detaylar burada.

Nasıl çalıştığı ile ilgili video içinse buyrun:

Dreamweaver için Jquery API

Dreamweaver web tasarımlarda en çok kullanılan programlardan bir tanesi. bir arkadaşta buna istinaden burada javascript kütüphaneleri ile (jQuery, Prototype, MooTools, YUI) dreamweaver’da (MX-CS3) kod geliştirenlere yardımcı olması için bu kütüphanelere kod desteği geliştirmiş. jquery ve prototype için beta‘lar hazır. mootools ve yui için ise biraz sabretmemiz gerekiyor.

web sitenizde kullanabileceğiniz ya da kod geliştirirken size ilham verecek (open source) açık kaynak kodlardır.

1. lightbox 2

sayfanızdaki küçük reimlerin orjinal hallerini, kullanıcıyı başka bir sayfaya götürmeden göstermenizi sağlar. (arka planı siyah yaparak, kapatma butonu ile birlikte beyaz bordürlü bir şekilde gösterir)

2. timeline

bir zaman çizelgesi üzerinde, bölgelerin arasındaki zaman farkını göstermeye yarar.

3. reflection.js

reflection.js resimlerinize yada logolarınıza hiçbir işlem yapmadan yansıma özelliği katar.
web 2.0 sitelerde bolca görebilirsiniz, farklı bir yöntem.
(class=”reflect rheight50 ropacity33″ width=”435″) sitenizdeki her resme bu yöntemle yansıma ekleyebilirsiniz.

4. pie & donut chart

elinizdeki verileri web sitenizde veya bilgisayarınızda grafiksel olarak sunmanızı çok kolay bir şekilde sağlar.
tek yapmanız gereken şablon seçip, başlığı, veri sınıflarını ve değerlerini yazı/xml dosyasına girmek, flash arayüz+animasyon+fare işlevi+güzel tasarıma sahiptir.
sitede farklı amaçlar için tasarlanmış örnekleride mevcuttur.

5. plotr

plotr ise pie & donut chart’ın java versiyonudur. görsel açıdan güzeldir fakat tarayıcıların java destekleri bakımından problem yaratabilir.

6. ajax instant messenger

tarayıcı üzerinden anında mesajlaşma sistemidir.

7. starbox

rating sistemidir, basit ve güzel bir görünüme sahiptir. sitenize farklı türlerde oylama özelliği ekleyebilirsiniz.

8. ajax tabs content

farklı amaçlar için kullanabilceğiniz sekmeli içerik gösterimi sağlayan bir java scripttir. burda tavsiye etmiştim.

9. drag and drop shopping

sürükle bırak tekniğine bir örnek:) sayfalarınızdaki resimlerin veya diğer içeriğin sürüklenip bırakılmasını sağlamak için kullanabilirsiniz.

10. progress bar

yükleniyor…… olayını görselleştirmek için güzel bir örnektir. 4 farklı tasarımda örnek mevcuttur dilerseniz kendi tasarımınızı geliştirebilirsiniz.
sayfadaki icon’lara tıklayarak test edebilirsiniz.

11. thick box

tab content’in biraz daha gelişmiş versiyonudur, sekmelerde resimler veya kaynak kodlar göstermenizide sağlar.

12. create flickr like fields

üyelik sistemi olan web sitelerinde üyelerin profil bilgilerini güncellemelerini daha görsel ve aynı sayfada yapmalarını sağlamak için geliştirilmiş bir kod. burda flickr örnek verilmiş.

13. jtip – a jquery tool tip

jquery için güzel bir ajax örneğidir. demo sayfasından test edebilirsiniz.

14. accordian

sayfalarında kod vb. içerik yada detaylı anlatım yayımlayan arkadaşlar için güzel bir okordiyon örneğidir. seri çalışır.

15. unobtrusive ajax star rating bar

oylama barı’dır (rating bar) sitenize eklemek için kılavuz mevcuttur. kullandığınız cms sistemi için böyle bir eklenti mevcut değilse yahut cms geliştiriyorsanız kullanabileceğiniz bir scripttir.

aşağıdakileride açıklarsam destan olur heralde, bundan sonrasını size bırakıyorum. faydalı olması dileğiyle.
devamı:

şurada birçoğu bildirgec’e de konu 33 flash ve javascript galerisi listelenmiş. sitelerinde/bloglarında imaj dosyalarını sergilemenin alternatif yollarını arayanların mutlaka incelemesi gereken bir yazı.

Mozilla’nın yeni bir Firefox uzatması olan Ötücü kuş masaüstü medya oynatıcısıdır. Tarayıcıya temaları eklemek içinde kullanılabilen ötücü kuş HTML, CSS, PNG, JPG, SVG, JAVASCRİPT’i destekler. Ötücü kuş Firefox gibi açık bir kaynak olarak yeni bir ağ olacağa benziyor.

çoğu zaman internet sitelerinde bulduğumuz kodları daha iyi anlamak ve rahat bir şekilde değişiklik yapmak için editplus vb. programlarda açarak inceleriz.

sitenizde kod yayımlıyorsanız ve ziyaretçilerinizi bu eziyetten kurtarmak istiyorsanız bunun için güzel bir eklenti mevcut.
hem bu yöntemle ziyaretçilerinizin kodlarınızı daha bir şevkle incelemesini sağlayabilirsiniz.

burada güzel bir eklenti tanıtılmış, bu eklentiyi wordpress bloğunuza kurduğunuzda, yayımladığınız kodların renklendirilmesini otomatik olarak yapıyor ve kodların anlaşılabilirliği ile okuma rahatlığını artırmanızı sağlıyor.

moocrop, mootools kütüphanesi üzerinden geliştirilen, web geliştiricilerinin işine yarayabilecek ufak boyutlu (10.9 kb) javascript uygulaması. detaylar burada.

iBox lightbox‘tan esinlenerek geliştirilmiş bir betik.

bu script sayesinde lightbox’ın yaptıklarını yapabiliyorsunuz ancak sayfa içinde metin alanları açabiliyor, youtue videolarını sayfa içinde gösterebiliyor, giriş formu oluşturabiliyorsunuz.

bu örnekleri ilgili sayfasında görebilirsiniz.

download sayfasında ayrıca wordpress için bir eklenti de bulunuyor.

internet alemine blog kültürünü yayan, bir çok acemi ve profesyonel tasarımcıyı peşinden sürükleyen wordpress kültürüne katılan bu site işin dozajını biraz aşmış. javascript ile ajax’ıda tasarımına eklemiş ve ortaya süper bir iş çıkmış doğrusu.

sitenin demo bölümü açıldığında drupal alt yapısını kullanıyor sanabilirsiniz, o derece yani.

blackmaster teması 58.80$ gibi ücretle satılıyor.

site tasarımında mootools, scriptalicous, prototype gibi javascript kütüphanelerinin kullanımının yaygınlaşması flash’ın pabucunu dama atmakta. şahsen bazı sanatçı veya genel olarak göze hitap etmeyi amaçlayan kişisel sitelerin haricinde flash’a pek rastlayamıyorum. işte şurada da yukarıdaki javascript kaynaklarından yararlanılarak oluşturulan 10 güzel site listelenmiş.