Tag Archive: framework


20 farklı mootools rehberi


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.

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ış.

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

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

CSS Grid Sistemleri

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

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ı

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

Ç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