bu yazıda tanıtıldığı üzere css ile linklere simgeleştirme yapılıyordu, hoş gözüküyordu. ama en büyük eksik bütün dünyanın kullandığı browser olan ie 6 ile çalışmamasıydı.
aşağıdaki sayfada, kendi projemle bunu js ile yaptım, güzel de oldu. link de böyle.
Not: sayfa tasarımını hiç değiştirmeden yayınladım, ne de olsa CC lisans var.
Tasarımlarda son dönemlerde sıklıkla kullanılan bir yöntem olan yansıma efektini js kullanarak web sitelerinde yer alan imajlarda da sağlamak mümkün.
Reflection.js olarak geçen bu dosya ile ilgili hazırlanmış örnek sayfasını inceleyebilir ya da direk bilgisayarınıza yükleyebilirsiniz.
Dhonishow prototype altyapısını kullanarak kolay, hızlı bir biçimde resim galerisi oluşturmanızı sağlıyor.
Bir galeride olması gereken ileri-geri bağlantıları ile resim adeti ve resim numarası bilgileri galerinin altında gözükebiliyor.
üstelik galeriniz için sayfanızın tamamı harcamaya gerek yok! sayfanızın herhangi bir yerine gömebilecek kadar hoş duruyor.
buradan indirebileceğiniz yazılımı şu aşamalar ile sayfamıza koyabiliriz:
arkadaşlar web2.0 hakkında biliyorsunuz bir kaç nokta var. örneğin photoshop, fireworks, illustrator gibi araçlarla web2.0 logo ve tasarım tutorialleri, renk geçişleri (gradientler), fontlar, image-popup prototipleri, css veya js nifty corners tutorialleri gibi noktalar tasarım konusunda ön planda.
ben de uzun süredir adam gibi ana renge uyumlu renkler üreten bir motor bulamadım. zor da olsa birkaç font buldum, yazıya yansıma yapmak için tutorialler buldum fakat nifty corners konusunda büyük bir boşluk var. denediğim js prototiplerinde çok hatalar oluşuyor browserlara göre.
şimdi olacaklar konusunda hiçbir fikrim yok! adım adım yapıyoruz.
google images‘i açalım (mesela) car diye bir sorgu yapalım.
daha sonra aşağıda yazmış olduğum javascript kodlarından herhangi birini adres çubuğuna yazın ve olacakları görün!
javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI=document.images; DIL=DI.length; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++}setInterval(‘A()’,5); void(0);
FCKEditor, web sitenize yerleştirebileceğiniz ve görünce inanamayacağınız özelliklere sahip bir zengin metin editörü. Microsoft‘un Word‘üne benzer bir arabirime ve özelliklere sahip olan bu muhteşem editörün özelliklerinden birkaçı:
Tamamiyle açık-kaynak olarak gelen bu programı indirmek için buraya, test etmek için buraya, kimlerin bu editörü kullandığına bakmak içinse buraya tıklayın.
Safari tarayıcı kullananlar için bir JavaScript Debugger.
XTech 2006 konferansında Mozilla‘dan Brendan Eich JavaScript‘in bir sonraki major versiyonunda gelecek olan yeniliklerden bahsetmiş. Sunuma buradan ulaşabilirsiniz. Konferanstaki diğer sunumlar ise burada.
Bu Site‘deki şu kod sayesinde resimlerinize tek satırlık bir kod ile reflection (yansıma) efekti verebiliyorsunuz.
İncelemek, örnekleri görmek için…
