Tag Archive: kütüphane


Tasarım Kütüphaneleri

Sayfalarımızı tasarlarken aslında birçok öğe tasarladığımızın farkında değiliz. Örneğin bir arama kutusu, twitter bloğu, 404 hata sayfaları… Her bir elementi tasarlarken zaman zaman ilham alır ve internetteki popüler öğeleri tasarımlarımızda kullanırız. İşte Pattern Tap ve Elements of Design siteleri, internetteki güzel ve ilham alınacak sitelerin menülerini, 404 hata sayfalarını, yorum sayfalarını kısacası her bir öğesini parçalayarak sitelerinde kategorilere ayırarak sunmuşlar. Elements of Design ve Pattern Tap sitelerinde tüm bu elementleri görerek tasarımlarınız için esinlenebilirsiniz.

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.