basarozcan » framework

20 farklı mootools rehberi

basarozcan — Fri, 20 Jun 2008 16:44:08 +0000

Popüler ajax kütüphanelerinden biri olan Mootools için rehber niteliği taşıyan 20 yabancı kaynak şu sitede listelenmiş. Mootools‘u kullanmak isteyip de nereden başlayacağını bilemeyenler için fevkalade bir kaynak. Sitelere buradan ulaşabilirsiniz.

Çok kullanışlı 10 jQuery eklentisi

basarozcan — Fri, 13 Jun 2008 11:05:20 +0000

Javascript kütüphanelerinin ilk popüler olduğu günlerde kendimiz çalışıp didinip bunlara uyan kodlar yazmaya çalışırdık. Ama aradan uzun bir süre geçti ve bir hayli gelişen kütüphaneleri kullanan birçok site ortaya çıktı. Hal böyle olunca herkes kütüphaneleri kullanarak siteleri için kullanışlı kodların peşine düştü. Şuradan ulaşabileceğiniz blog da en kullanışlı 10 tane jQuery eklentisini sıralamış.

jQuery UI
Markitup: istediğiniz textarea’yı html editöre çevirebilecek bir js eklentisi
jQuery cookie plugin : cookie’ler üzerinde işlem yapabileceğiniz bir eklenti
lightbox
jquery corner plugin: yuvarlak köşeler yaratmak için gerekli bir eklenti
jtip : basit bir tooltip eklentisi
lavalamp : kayma efekti veren bir eklenti
superfish : jQuery animasyonlarını kullanan bir menü eklentisi
easing : jQuery animasyonlarını basitçe kullanabileceğiniz bir eklenti
jcarousel : dönen menüleri yapabileceğimiz bir eklenti.

Türkçeleştirdiğim yazıya buradan ulaşabilirsiniz.

CSS Grid Sistemleri

basarozcan — Mon, 02 Jun 2008 11:45:13 +0000

Table ayraçlarını kullandığınız sitenizi div ile yeniden tasarlamak istiyorsunuz fakat div’in bir çok özelliği ile uğraşamayacağınızı düşünüyorsanız ilaç gibi bir çözümümüz var artık. YAML Builder sayesinde birkaç fare hareketiyle sitenizin genel görünümünü oluşturabilecek ve CSS kodunuzu da biçimlendirebileceksiniz. YAML haricinde biraz daha komplike bir sisteme sahip olan mindplay ya da 960grid de kullanılabilir.

1kb’lık kayan menu

basarozcan — Sun, 01 Jun 2008 11:06:01 +0000

Geçtiğimiz günlerde 1kb’lık akordiyon menu haberiyle karşılaşmış ve hiçbir javascript kütüphanesi kullanmadığımızdan dolayı çok küçük bir kod bloğuyla bunu halledebildiğimizi belirtmiştik. Bu kodun kaynağı olan Leigeber blog‘unda bu sefer de 1 KB’lık kayan menu yapımı yayınlanmış. Kodu download etmeden önce ilgili yazıya bakarsanız daha bilgi verici olabilir.

Özellikleri:

kendi tasarımınızı uygulayabilirsiniz.
2 farklı hover seçeneği
javascript kütüphanesi kullanmaması

javascript kütüphaneleri ile yapılmış en iyi örnekler

basarozcan — Thu, 29 May 2008 19:25:53 +0000

Son günlerde isimlerine iyice aşina olduğumuz javascript kütüphaneleri jQuery, prototype ve mootools ile yapabileceklerimiz oldukça fazla. Sitemize daha iyi bir görüntü ve işlevsellik veren bu kütüphaneleri kullanarak yapılmış en iyi site bileşenlerini Devkick listelemiş. Kullanım alanlarına göre kategorilendirilmiş en iyi bileşenlere buradan bakabilmeniz mümkün.

1KB’lik akordiyon Menu

basarozcan — Mon, 26 May 2008 20:12:34 +0000

Çoğu zaman framework kullandığımızdan dolayı sayfalarımızın içeriği artar ve bandwith’imizi daha çok kullanıp daha çok para veririz. Bunları yaşamak istemeyen site sahipleri devamlı daha kısa ve daha komplike kodlar üretmek için çalışır. İşte bu seferki örnek de bunun eseri.

Hiçbir framework gerektirmeyen buradaki akordiyon menu hem kullanım kolaylığı hem de çok küçük boyutlu olması sebebiyle oldukça kullanışlı.

<body onload="slideMenu.build('sm',200,10,10,1)">

Bu şekilde kullanımla başlayan kodun ayrıca ufak bir javascript dosyası var.
Buradan ayrıntılı bilgiyi alabilirsiniz.

Kaynak: webresourcesdepot