menu | bildirgec.org

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

Javascript etkileşim ve geri bildirim eklemeniz için kolaylık sağlar. Bu yazıda javascript hakkında farklı ve çok güzel bilgiler edinebilirsiniz.

1 - MenuMatic

Dikey ve yatay şekilde bir menü örneğidir.

2 - Animated Menu using jQuery

Menünün üzerine gelindiğinde bir hareket verilmesini sağlayan örnekte bilgisayarınıza indirebilmeniz için psd dosyası da bulunmaktadır.

tüy gibi hafif jquery eklentileri

Web sayfanızda bir sürü jQuery eklentisi kullanmak istiyorsunuz ama bir yandan da sayfanın yüklenme hızını kendinize dert ediniyorsunuz. O halde aşağıdaki eklentilere mutlaka göz atmak isteyeceksiniz...

1. idTabs (2.1 kb): Basit ve esnek bir şekilde sekmeli arayüzler oluşturmanızı sağlar.

2. jCarousel Lite (2.1 kb): çok seçenekli bir karosel (carousel) uygulaması

Bir sitenin navigasyon menüsü ziyaretçiler için önemlidir. Navigasyon menü tasarımı için birçok yöntem bulunmaktadır.

Bu yazıda ilham kaynağı olabilecek şık navigasyon menülere ulaşabilirsiniz.

1 - netdreams.co.uk

2 - Tennessee Vacation

3 - Anderbose

Burada web sitelerinizde kullanabileceğiniz en iyi menü örneklerini bulabilirsiniz. Css'in yetenekleri ile birbirinden güzel çalışmalar ortaya çıkmaktadır.

Bu yazı size mükemmel menü tekniklerini öğretebilecek ve çok iyi bir kaynak olacaktır.

1 - The menu menu

Bu, farklı büyük bir menü örneğidir. Menünün üzerine geldiğiniz zaman hemen yanında alt menüler görünüyor.

2 - Pure CSS hover menu

bu css tekniği ile dikey alt menüyü görebileceksiniz.

Sitenizde bir menüye ait alt kategorileri açılır menü(dropdown menu) şeklinde yapılandırmak estetik ve kullanılabilirlik açısından ziyaretçilerinize çok yardımcı oluyor. Bu yazımda size birbirinden güzel açılır menü örnekleriyle daha ilgi çekici menüler oluşturabilmeniz için ilham sağlayacak örnekler göstereceğim.

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

Bir web sitesinin kullanışlılığının en temel gereklerinden birisi şüphesiz navigasyon menüleridir. Kullanıcılar için kullanım kolaylığı açısından basit ve anlaşılır olmasının yanında şıklığı da oldukça önemlidir. Smashing Magazine bizim için şahane 50 adet css, css+javascript ve flash navigasyon menüsünü listelemiş. İlham almak adına hep birlikte göz atalım.