bildirgec.org - HRNSYKK - beğendikleri

web tasarımcıları için 16 firefox eklentisi

HRNSYKK — Sun, 23 Aug 2009 11:45:00 GMT

mozilla firefox tarayıcılar arasından öne çıkmış bir tarayıcı. belkide onu öne çıkaran eklentiler, temalar ile kişiselleştirilebilir olması. daha önce bir çok yerde ( *, *, * ) web geliştiricileri için firefox eklenti listeleri yapılmıştı. şimdi de sitepoint tarafından web tasarımcıları için firefox eklentileri listelenmiş.

renk araçları

colorsuckr renk skalası yaratmaya yarayan bir araç.

en çok kullanılan eklentilerden biri olan colorzilla photoshoptaki Eyedropper ve ColorPicker araçlarının görevlerini yapıyor.

firepalette firebug ile çalışan, firebug'un css panelini zenginleştiren bir renk aracı.

palette grabber websitesindeki renkleri bir palet halinde kullanmanız için photoshop, illustrator, flash, fireworks, gimp, paintshop pro ve türevi programlara uygun formata getiriyor.

ölçme/ölçüm araçları

gridfox şablon çıkartmak için harika mı harika bir araç websitelerinin tablolarını gösterebiliyor. örnek bir uygulamasını göstereyim:

measureit en iyi ölçme aracı olarak gözüküyor. herhangi bir elementin kaç piksel olduğunu measureit cetveli ile birkaç saniyede ölçebilirsiniz.

web sayfasındaki herhangi bir resim dosyasının ( jpg, png, gif ) köşelerini yuvarlak ( overlay ) hale gelirmek için ideal bir eklenti pixelperfect. çalışması için firebug eklentisi gerekli

diğer araçlar

firebug 17,346,759 indirme sayısı ile firefox eklentilerinin gözdelerinden. ne işe yaradığını sorarsanız css, html ve türevi dosyaları görerek düzenlemenize yarıyor diyebilirim kısaca.

fontfinder'in tam karşılığı yazı tipi bulucu. eklenti açıklamasında ise firefoxta seçili tüm metnin stilleriin firefox veya thunderbird'e alın deniliyor. denemediğim için birşey söyleyemeyeceğim bu eklenti hakkında.

window resizer adında anlaşılacağı üzere pencereyi farklı boyutlarda göstermeye yarayan bir eklenti.

webdeveloper'da en çok indirilenler - 11,882,236 indirme- listesinde başı çekiyor. web tasarım ve geliştirenlerin kesinlikle kullanması gereken bir eklenti. web tasarımcı ve geliştiriciler için bir toolbar.

view dependencies 'page info', sayfa bilgisi penceresi altında resimde görüldüğü üzere sayfaların boyutlarını belirtiyor.

ekran görüntüsü araçları

abduction sağ tıklama ile web sayfasının bir alanını veya tüm websayfasını resim olarak kaydedebilirsiniz.

en kapsamlı ekran görüntüsü eklentisi kesinlikle fireshotdur. bir milyonu aşan indirme sayısıda bunun kanıtı olabilir. aldığınız ekran görüntüsü üzerinde hiçbir program kullanmadan kesme, kırpma ve benzeri işlemler yapabiliyorsunuz.

imagezoom adlı basit eklenti websayfasındaki resimlere daha dikkatli bakmanız için %400e kadar büyütebiliyor.

picnik eklentisi resimlere sağ tıkladğınıda edit image in picnik özelliği ile resim düzenleme sitesi picnik.com'da resmi düzenlemesini sağlıyor.

pixlr picnik eklentisi ile aynı işi pixlr.com ile yapıyor.

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları

HRNSYKK — Tue, 30 Jun 2009 06:35:00 GMT

Web sitelerinde kullanıcıların bilgi girişi, işlemlerin onaylanması ve çeşitli seçimlerde bulunması için; javascript ile tetiklenen alert, prompt ve confirm adı ile anılan mesaj kutuları kullanılır.

jQuery Impromptu eklentisi bu pencerelerin yerine kullanılabilcek ve çok daha farklı özelliklere sahip bir JQuery eklentisi.

jQuery Impromptu'nun Bazı Özellikleri:
-HTML içeriği destekliyor.
-Tasarımı CSS ile kolayca değiştirilebiliyor.

-Farklı butonlar eklenebiliyor.
-Değişik animasyonlar kullanılabiliyor.
-Ardışık işlemler yapabiliyor.

jQuery Impromptu ile ilgili tüm bilgilere buradan ulaşabilirsiniz.

Kaynak: webresourcesdepot, trentrichardson.
Takip Et: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

12 Tasarımcı Ders Sitesi

HRNSYKK — Thu, 16 Jul 2009 13:44:00 GMT

Yeni başlayanlar için öğrenmek ve deneyimli kullanıcılar için ilham kaynağı olması amacıyla aşağıda tasarımcıların işine yarayabilecek ders siteleri yer almaktadır.

1. PSDTuts

2. Abduzeedo

3. Minervity

4. Photoshop Roadmap

5. PhotoshopStar

6. MickM

7. Tutorial9

8. TutorialSphere

9. PSHero

10. VecTips

11. VectorTuts

12. LernAI

kaynak: colorburned.com | thelancelife.com

yazılarımı takip edebilirsiniz.

blog | friendfeed | twitter | delicious

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

7 ücretsiz ve güçlü dosya yöneticisi (Ajax/PHP/JS)

HRNSYKK — Sat, 23 May 2009 17:02:00 GMT

Web projelerinizde kullanmak için güçlü bir dosya yöneticisi arıyorsanız, basit kullanımları ve özelleştirilebilir arayüzleri ile ücretsiz olarak sunulan, aşağıdaki listelenmiş dosya yöneticilerine göz atabilirsiniz.

Aşağıdaki Php,Javascript veya ajax tabanlı dosya yöneticileri, dosyaları sunucu üzerinden kolayca yönetmenizi sağlayacak, arama, yükleme ve indirme, düzenleme, kopyalama, silme gibi işlemleri ve daha fazlasını hızlı ve basit olarak yapmanıza imkan tanıyacaktır.

1. AjaXplorer

Ajax File Manager

demo - indir

2. fileNice

Php File Manager

demo - indir

3. File Thingie

Php File Manager

demo - indir

4. MooTools tabanlı dosya yöneticisi

Mootools File Manager

demo - indir

5. Relay

Ajax File Manager

demo - indir

6. Kae’s File Manager

PHP File Manager

demo - indir

7. eXtplorer

Ajax File Manager

ekran görüntüsü - indir

kaynak

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Bilmeniz gereken 20 harika php kütüphanesi

HRNSYKK — Thu, 19 Mar 2009 19:05:00 GMT

Bildiğiniz gibi projelerde günümüzde zaman oldukça dardır. ve sizden en kısa zamanda işi en iyi şekilde yapmanız beklenmektedir. tabii iş çok zaman az olunca yazılımcılarımız da saç baş yolmaya başlar.

Bu süreci kısaltmak ve hızlı sonuç üretmek isteyen yazılımcılar tabii ki kütüphanelere baş vururlar. işte başucunuzdan eksik edeyemeyceğiniz müthiş php kütüphaneleri.

Charting Kütüphaneleri

pchart

Belki basit grafikler için php gdi işinizi görebilir ama işler karmaşıklaştıkça daha farklı şeylere ihtiyac duyacaksınız. işte grafik kütüphanelerinden birkaçı.

pChart - çizelgeleri oluşturmak için bir PHP sınıfı.
Libchart - Basit PHP ile grafik çizim kütüphanesi.
JpGraph - Nesne yönelimli bir grafik PHP kütüphanesi oluşturmak için ideal.
Open Flash Chart - Flash tabanlı charting kütüphanesi.

Küçük resim Oluşturucu
Küçük oluşturmak için sadece değişik bir çözüm.
phpThumb - PHP Küçük yaratıcısı.

RSS Ayrıştırıcısı Kütüphaneler

RSS Çözümleme yapmak eğlenceli bir şey. bunu kolay yoldan yapabileceğiniz harika kütüphaneler olduğunu biliyor muydunuz?

MagpieRSS - Php için rss ayrıştırıcısı.
SimplePie - Süper hızlı, kolay kullanımlı, RSS ve Atom destekli php kütüphanesi.

Ödeme
Bir e-ticaret sitesi ile başa çıkmak mı istiyorsunuz? ödeme çözümü mü arıyorsunuz? Merak etmeyin. Bu kütüphane size yardım edecektir.

PHP Ödeme Kütüphanesi - Paypal, Authorize.net ve 2Checkout (2CO) uyumlu.

Veri tabanı kütüphaneleri

Bazen SQL sorgusu yazmak gerçekten sıkıcı oluyor. Bu kütüphaneler bir nebze olsun sizi gülümsetecektir.

ADOdb - PHP Veritabanı soyutlama kütüphane.
Doctrine - PHP 5.2.3 için ORM (Object relational mapper) ilişkisel haritalama aracı. En çok kullanılan veri tabanı erişim katmanıdır.

Propel - Başka bir ORM aracı.

Outlet - Açık kaynaklı bir veri tabanı kütüphanesi.

PDF Oluşturucular

FPDF - PHP ile PDF dosyaları oluşturmanıza olanak sağlayan PHP sınıfı.

Excel Dosyası oluşturucular
Excel dosyası olarak rapor oluşturmaya mı ihtiyacınız var? Her şeye çözüm bulunabilen bir platform olan phpde bunu da unutmamışlar.

php-Excel - Excel dosyaları oluşturmak için en basit kütüphane.

PHP Excel Reader - Ayrıştırma ve XLS dosyalarından bilgi almak için ideal bir kütüphane.

E-mail kütüphanleri
Php mail fonksiyonunu sevmiyor musunuz? o zaman daha kapsamlı işlemler de yapabileceğiniz kütüphanleri projenize ekleyin.

Swift Mailer - Ücretsiz Özellik zengini bir PHP Mail sınıfı.
Phpmailer - özellik zengini ve meşhur php sınıfımız php mailer.

Unit testleri ve analiz

SimpleTest - PHP unit testi ve web test için kütüphane.

PHPUnit - xUnit ailesinin ve test işlevleri kolaylıkla çalıştırmak ve sonuçları analiz etmek için bir kütüphane.

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

A'dan Z'ye 50 tane İçerik Yönetim Sistemi (CMS)

HRNSYKK — Mon, 20 Apr 2009 14:33:00 GMT

Bildiğiniz gibi içerik yönetim sistemleri kodlama yapmayı bilmeyen insanlar için kurtarıcı niteliğindedir. Gerek kullanımı olsun, gerek eklentileri, gerekse de tasarımı bizi oldukça rahat ettirir. Ancak sonra şu sorun ortaya çıkar; yapacağımız siteye göre hangi içerik yönetim sistemini kullanacağız? Amacına uygun bir içerik yönetim sistemi bulmak bazen gayet zor olabilir. İsteklerinizi tamamen karşılaması için epey araştırma yapmak zorunda kalabilirsiniz. bu bildiride sizler için bu içerik yönetim sistemlerinden pek duyulmayanları ve hepimiz tarafından bilinenleri sunacağım.

Anantasoft Gazelle CMS 1.0

İndir - Demo

Atarone 1.3

İndir - Demo

Bigace 2.5

İndir - Demo

bitweaver 2

İndir - Demo

*Campsite 3.2.1 (Önerim)

İndir - Demo

ClanSphere 2009.0 rc (Clan Sitesi)

İndir - Demo

CMS Made Simple 1.5.3 (Önerim + TR Dil Destekli)

İndir - Demo

CMS-Bandits

İndir - Demo

CompactCMS

İndir - Demo

Concrete5 5.1.1 (Kolay Yönetim Paneli)

İndir - Demo

DBHcms 1.1.4

İndir - Demo

Diferior 8.0

İndir - Demo

*Drupal 6.10 (önerim + TR Dil Destekli)

İndir - Demo

e107 (TR Dil Destekli)

İndir - Demo

*Elxis 2008 (Önerim + TR Dil Destekli)

İndir - Demo

Enano CMS

İndir - Demo

Etomite 1.1

İndir - Demo

Exponent 0.9

İndir - Demo

*eZ Publish (Önerim + TR Dil Destekli)

İndir - Demo

Fundanemt

İndir - Demo

Geeklog

İndir - Demo

glFusion 1.1.3

İndir - Demo

Guppy (TR Dil Destekli)

İndir - Demo

Icy phoenix

İndir - Demo

ImpressCMS 1.1.2

İndir - Demo

Jaws (TR Dil Destekli)

İndir - Demo

*Joomla (Önerim + TR Dil Destekli)

İndir - Demo

Limeware CMS (Sade, Kolay, Tatlı)

İndir - Demo

LoveCms

İndir - Demo

*MemHT Portal (Kesinlikle Öneririm + TR Dil Desteği)

İndir - Demo

MiaCMS

İndir - Demo

*Phenotype (Önerim)

İndir - Demo

PHP-Fusion 7 (TR Dil Destekli)

İndir - Demo

PHP-Nuke 8 (TR Dil Destekli)

İndir - Demo

PhpMySport 1.4 (Maç Sitesi)

İndir - Demo

Pixie

İndir - Demo

Redaxscript

İndir - Demo

Seagull

İndir - Demo

*SilverStripe (Kesinlikle Öneririm + TR Dil Destekli)

Bu içerik yönetim sistemi ile ilgili yazdığım detaylı yazıya burdan ulaşabilirsiniz.

sNews (TR Dil Destekli)

İndir - Demo

Stash (Önerim + Sanatçı / Grup Sitesi)

İndir - Demo

TangoCMS

İndir - Demo

TRIBiQ CMS (İşyeri Sitesi + TR Dil Desteği

İndir - Demo

Triton

İndir - Demo

*TYPOlight (Önerim + TR Dil Destekli)

İndir - Demo

Xaraya 1.1.5

İndir - Demo

XOOPS (TR Dil Destekli)

İndir - Demo

Zimplit (Önerim + Küçük + Kullanışlı)

İndir - Demo

Zikula

İndir - Demo

Sizlerde bu listede olan içerik yönetim sistemlerinden deneyimli olduklarınız hakkında yorum yaparsanız sevinirim :)

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

4 Adet Çevirimiçi İçerik Yönetim Sistemi (Online CMS)

HRNSYKK — Fri, 24 Apr 2009 09:45:00 GMT

Geleneksel web site kurma işlemi üç aşamadan oluşur.
1) Alan Adı Alma 2) Hosting Alma 3) Yapım. Muhtemelen her aşamada da fiyat ve kalite dengesini tutturmak epey can sıkıntısına neden olur. Şimdi can alıcı soruya geldik. Peki bunları bir arada toplamak mümkün mü ?

Online CMS (çevirimiçi içerik yönetim sistemi) hizmetleri bu sorunuza Evet yanıtı vermemizde bize yardımcı oluyor. Ben de sizlere şimdi 4 adet online cms sitesini tanıtacağım.

1 )TR.TC
Aslında bu 4 içerik yönetim sisteminden en iyisi bu diye düşünüyorum. Hem Türkçe hem isminiz.tr.tc adında bir domain, hem de isminiz@tr.tc olarak bir mail veriyor. Kendinize uygun tasarım seçip çok kolay bir şekilde sitenizi hazırlayabilirsiniz. Siteniz için gerekli olan resim ve dosya gibi materyalleri TR.TC'nin size sağladığı alanda barındırabilirsiniz. Ne kadar acemi olursanız olun TR.TC için problem değil :) Kolay Site Aracında sitenizi düzenlerken yaptığınız hatayı geri alma gibi fonksiyon bulunuyor. İster içeriklerinizi akıllı ve basite indirgenmiş menülerle düzenleyin isterseniz kaynak kodlarıyla tamamen size kalmış. Ayrıca sitenizi canlı olarak (tasarımın üstünde) düzenlemenize imkan sağlayan bir sistem gerçekten çok işinize yarayacak. Son olarak internette adınızı sürekli hatırlatmak için arama motorlarıyla güçlü bir etkileşim bu sistemin özellikleri arasında.

|web sitesine giriş için buraya tıklayınız|

2) Weebly Weebly bu pazarda uzun süredir var olan bir site. Sürekli kendini geliştirdi ve yeni özellikler ekledi. ortaya çıkan sonuç ise çok çok kolay ve kaliteli bir sistem. Siteye resim nasıl eklenir yazı nasıl eklenir onu dahi bilmiyorsanız bu sistem gerçekten sizin için ideal. Bu sistemde herşey "tut ve bırak" gerisi sizin hayal gücünüzle şekilleniyor. Bu sistemde hoşuma gitmeyen birşey varsa o da şablonların çok sönük kaldığıdır ki bu en önemli sorun bence. Diğer yandan alan adı konusunda 3 adet seçenek sunuyor. Weebly'nin verdiği subdomaini (xxxx.weebly.com) kullanabilirsiniz, xxxx.com gibi domain satın alabilirsiniz ya da var olan domaininizi kullanabilirsiniz.

|web sitesine giriş için buraya tıklayınız|

3) Yola
Yola'nın bana göre diğerlerinden öne çıkan en iyi özelliği kullanıcıya sunduğu başarılı şablonlar. diğer bir özelliği ise tek bir hesaptan birden fazla site yönetebilmeniz. Blog ya da site olarak açtığınız türe göre menülerle kolay bir kullanım sağlıyor. Yola'nın diğer bir özelliği de yüksek miktarda widget imkanı sağlaması. bunların çoğunu widget sitelerine kayıt ettirip kodlarını ekletme olarak yapsa da kullanıcıların ihtiyaçlarını karşılayamaya yettiğini düşünüyorum. Domain olarak ise sadece subdomain xxxx.synthasite.com şeklinde hizmet veriyor.

|web sitesine giriş için buraya tıklayınız|

4) LightCMS
Bu sistemle ilgili yazdığım makaleye buraya tıklayarak ulaşabilirsiniz.
ya da bu linki kullanabilirsiniz.
Buradakiler yeterli gelmedi ise arkadaşlarımızın yazdığı diğer makalelere göz atabilirsiniz. # Web Sitenizi Oluşturabileceğiniz 8 Ücretsiz Tasarım Platformu # Kendi Web Sitenizi Kurmanızı Sağlayan 13 Adet Ücretsiz Uygulama

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Hazır Renk Paletleri ve Çevrimiçi Araçlar

HRNSYKK — Fri, 22 May 2009 11:21:00 GMT

Hand Picked Color Palette and Color Scheme Generators

Tasarımcıları zorlayan bir unsur olarak kabul edilen renk seçimi ve renk uyumunu, sundukları hazır renk şablonları ile sorun olmaktan çıkaran ve çevrimiçi destekle istenilen renkleri oluşturmayı sağlayan 15 site aşağıda listelenmiştir.

1) ColourLovers

Color Scheme Generators

2) Adobe Kuler

Color Scheme Generators

3) Aviary Toucan

Color Scheme Generators

4) ColoRotate

Color Scheme Generators

5) ColorExplorer

Color Scheme Generators

6) Colr

Color Scheme Generators

7) ColorMunki

Color Scheme Generators

8) Genopal

Color Scheme Generators

9) ColorJack

Color Scheme Generators

10) W3-Palette

Color Scheme Generators

11) ColorSchemeDesigner

Color Scheme Generators

12) CSSdrive

Color Scheme Generators

13) ColorHunter

Color Scheme Generators

14) ColorCombos

Color Scheme Generators

15) ColorsOnTheWeb - Color Wizard

Color Scheme Generators

kaynak

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

web 2.0 arka plan resim oluşturucu

HRNSYKK — Wed, 28 Mar 2007 12:40:00 GMT

web 2.0 generator

gün geçtikçe işlevselliği bakımından web 2.0 insanları kendine daha fazla aşık ediyor. işte yeni çıkan araçlardan bir tanesi. kendi web sitenizi oluştururken arka plan'ı nasıl yapacağım diye düşünmeyin, stripegenerator sizin yerinize web 2.0 uyumlu arka plan resminizi oluştursun.

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

10 Mükemmel Çoklu Seviye Menü Tekniği

HRNSYKK — Sun, 15 Mar 2009 13:26:00 GMT

Web geliştiricileri kullanıcı dostu dikey ve yatay gezinti (navigasyon) menülerini CSS kullanarak oluşturabiliyorlar. JavaScript sayesinde de bu menüler daha etkileşimli, yanıt veren ve değişken hale geliyorlar.

Bugünkü yazıda jQuery, mooTools gibi JavaScript kütüphanelerinin yanısıra CSS ile oluşturulmuş 10 mükemmel çoklu seviye gezinti menüsü tekniğine yer vereceğiz.

1. Vimeo Benzeri Navigasyon Oluşturmak

Vimeo.com üzerindeki menünün neredeyse aynısı Janko tarafından geliştirilmiş durumda. Bu menünün en güzel tarafı menü öğesi üzerine fare imleci getirildiğinde menünün beliriyor olması. Ayrıca menünün sunduğu farklı arama seçenekleri sayesinde menü elementlerini eleyebiliyorsunuz.

Bu rehberin temelinde sırasız listeye dayalı CSS tabanlı bir açılır menü yatmaktadır. Menünün yapısı aşağıdaki görsel üzerinde açıklanmış.

Sizin de göreceğiniz üzere UL elementinin dört öğesi bulunuyor. Bunlardan ilki kısa bir alt menü içeren logo. Ardından giriş bağlantısı, alt menü içeren yardım bağlantısı ve yine alt menü çeren arama öğesi yer alıyor. Her bir alt menü, dahili olduğu menü elementinin üzerine fare imleci götürüldüğünde beliriyor.

Demo | İndir | Detay

2. CSS Açılır Menü Çatısı

Bu menü HTML'yi CSS'den ayırmakla kalmıyor, bunun yanısıra CSS tanımlamaları da yapısal ve tematik biçimlere ayrılmış durumda. Bu sayede yeni bir CSS açılır menü oluşturmak sadece yeni bir tema oluşturarak mümkün zire menünün altyapısı korunmaya devam ediyor. Farklı stiller sadece sınıf isimlerini değiştirerek kullanılabilir. Çatının desteklediği yönelmeler arasında, yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay, yukarı yönlü yatay.

Menünün Özellikleri:

Kod ve dosyalar iyi düzenlenmiş. Kullandığınız içerik yönetim sistemine ya da diğer araçlara entegre edebileceğiniz gibi, (X)HTML biçimindeki web siteleri üzerinde de kullanabileceğiniz kanallar mevcut.
Menü stili sadece sınıf isimlerini değiştirerek özelleştirilebilir. Desteklenen yönelmeler arasında yatay, soldan sağa dikey, sağdan sola dikey, doğrusal yatay ve yukarı yönlü yatay yer alıyor.
Windows Internet Explorer 5+, Mozilla Firefox 1.5+, Opera 7+, Apple Safari 2+, Google Chrome 1 vb. tarayıcılar destekleniyor.
IE6 ve öncesi için küçük bir JavaScript kullanılıyor. Menü, jQuery ya da Scriptaculous gibi JavaScript kütüphaneleri ile rahatlıkla kullanılabilir. Geriye kalan her şey sadece CSS'den ibaret.

3. Çoklu Seviye JavaScript Açılır Menü

Bu çoklu seviye desteği olan açılır menünün kullandığı JavaScript'in dosya boyutu sadece 1.2 KB. Animasyon, aktif başlık belirleme, kolay aktarım ve birden fazla menü kullanabilme desteği gibi özellikleri bulunuyor. Betik Firefox 2+, IE6+, Opera, Safari ve Chrome üzerinde çalışıyor.

Demo | İndir

4. MenuMatic

MenuMatic bir mooTools 1.2 sınıfı olup sıralı ya da sırasız semantik listeleri alıp onları dinamik açılır menü sistemine dönüştürüyor. JavaScript'in etkin olmadığı tarayıcılarda ise menü, Patrick Griffiths ve Dan Webb tarafından geliştirilen Suckerfish Açılır Menüsü'ne klavye desteği kazandıran Matthew Carrol'un CSS tabanlı sürümünü kullanıyor.

Menünün Özellikleri

Arama Motoru Dostu
Erişilebilir: Menü bağlantıları üzerinde tab tuşu ile gezinin. Açılır menüler üzerinde ok tuşları ile gezinin.
JavaScript'in etkin olmadığı tarayıcılarda otomatik olarak CSS menüsü haline gelme.

Yatay | Dikey | İndir

5. Alt Menüler İçeren Dairesel Menü

Bu güzel menü küçük simgeler içeren alt menü öğelerini, ana menü elementlerinin bulunduğu dairenin içine yerleştiriyor. Menü ayrıca her bir simgeye açıklama eklemenize de izin veriyor. IE6, IE7, Firefox, Opera, Safari ve Google Chrome üzerinde sorunsuz çalışıyor.

6. mooTools İçin Kayan Menü

mooTools JavaScript kütüphanesini kullanan bu menü fare imleci hareket etmediğinde ya da sizin belirleyeceğiniz belirli bir zamandan sonra tüm menü elementlerini orjinal boyutuna getiriyor.

Demo | İndir | Detay

7. Yumuşak Gezinti Menüsü

Yumuşak Gezinti Menüsü çoklu seviye desteğine sahip ve CSS tabanlı bir menü olup, web site gezinti elementlerinin yumuşakça belirmesi için jQuery kullanıyor. Özellikle gezinti elementleri web sitelerinin genelinde önemli bir rol oynadığı için bu elementin güzel görünmesi ve işlemesi, sitenin geneli için de önemli hale geliyor.

Menü öğeleri dilerseniz doğrudan sayfa üzerindeki kod üzerinden, ya da AJAX aracılığı ile harici bir dosya üzerinde çağırılabilir. jQuery sayesinde de alt menüler hem kayarak (slide) hem de yavaşça belirerek (fade in) görüntülenebiliyor.

8. Katlanır Menü

Bu menü aslında Antonio Lupetti'nin web projelerinizdeki kodları yeniden daha verimli bir şekilde kullanabilmenize yönelik hazırladığı rehberin bir parçası. Bu örnete Antonio, fare imlecinin menü öğeleri üzerine getirilmesinin ardından bir efekt içeriyor (farenizi "About Me" ve "Click Here" öğelerinin üzerine getirin).

Demo | İndir | Detay

9. Digg Başlığını Tasarlamak

Bu menü Digg web sitesi üzerinde yer alan menünün bir kopyası. Abonelik, arama ve hesap bilgileri gibi önemli öğeler, tam olmalarını beklediğiniz yerde, sayfanın üst kısmında yer alıyorlar. Belirli bir genişliğe kadar genişleyebilen genişlik, açılır menüler, çekici arama ve renklerin kolay değiştirilebilmesi, menünün sunduğu özellikler arasında yer alıyor.

Demo | İndir | Detay

10. jQuery Dosya Ağacı

jQuery Dosya Ağacı, jQuery için geliştirilmiş özelleştirilebilir bir AJAX dosya tarayıcı eklentisidir. Sadece bir satır JavaScript kodu ile tümüyle etkileşimli dosya ağaçlarını oluşturabilmeniz mümkün. Ayrıca bu betiğin sunucu taraflı dosya sistemlerine entegre edilebilmesi için PHP, ASP.NET, JSP ve Lasso eklentileri de bulunuyor.

Bu menünün sevdiğim yanı, AJAX aracılığı ile dosya uzantılarına bakıp onlara uygun simgeleri eş zamanlı olarak gösterebiliyor olması. Dahası da alt menü öğelerinin açılma ve kapanma efeklerini ve hızlarını belirleyebiliyorsunuz.

Demo | İndir | Detay

Bu yazı HRNSYKK tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage