navigation menu | bildirgec.org

CSS3 ve HTML5 ile artık web sitelerimiz daha renkli ve daha interaktif bir şekle giriyor. Yeni özellikler sayesinde hem görsel açıdan tatmin edici çalışmalar yapılırken hem de herhangi bir eklentiye gereksinim kalmıyor. Aşağıdaki benzersiz HTML5 ve CSS3 uygulamalarının nasıl yapıldığını detaylı olarak öğrenebilir ve benzer çalışmalarda bulunabilirsiniz. İlgi Çekici css3 ve html5 Uygulamaları;

Animated 404 Page
(Animasyonlu 404 Sayfası)

jQuery de kullanılarak yapılan bu animasyon uygulaması ile 404 sayfalarını renklendirebilir ve hareketli animasyonları sayfalarınıza taşıyabilirsiniz. Roketten farklı olarak farklı grafikleri kullanarak animasyonlar yaratmanız mümkün.

Building a custom HTML5 video player with CSS3 and jQuery
(CSS3 ve jQuery kullanarak Özel HTML5 Video Oynatıcısı)

Html5'in getirdiği yeniliklerden biri olan video oynatıcısını tam olarak anlatan bu ders sayesinde HTML video oynatıcıları hakkında büyük bir bilgi sahibi olacaksınız. Yeni getirilen html5 video formatının tüm özelliklerini anlatan bu muhteşem uygulama ile siz de kendi HTML5 Video Oynatıcınızı yaratabilirsiniz.

CSS3 Tile Flip Animation Tutorial
(CSS3 Tile Flip Animasyon Eğitimi)

Web sitenizde içeriğe göre galeri kullanabilir ve farklı görselleri kullanıcılara sunabilirsiniz. Görsel galerinizi başkalarına sunarken yer sıkıntısı çekiyorsanız Micro Image Gallery tam size göre bir jQuery uygulaması. Hem kullanıcılarınızın beğeneceği hem de istediğiniz boyutlarda ve oldukça az yer kaplayan bu eklenti oldukça kullanışlı.

En önemli özelliği oldukça büyük bir yer tasarrufu sağlamak olan bu uygulama ile istediğiniz kadar imaj yayınlayabilirsiniz. Belirli ölçülerdeki boyutunu her zaman koruyan bu eklentide resimlerinizin tümünü sayfalayarak gösterebilir veya tek bir görünüm elde edebilirsiniz.

Photoshop, web tasarımı yaparken büyük kolaylıklar sağlıyor. Navigasyon, menü ve buton tasarımı için çok kaliteli derslere aşağıdan ulaşabileceksiniz.

Navigasyon bir site için çok önemlidir. Özellikle sitedeki bölümler arası geçişi sağladığından sık kullanılmaktadır ve görsel olarak iyi olması gerekmektedir.

Şimdi Parlak, temiz, şık, düzgün ya da 3d navigasyon tasarlamayı öğrenmeye başlayalım.

1.Content Box With Orange Banner Heading (Turuncu banner başlığı ile içerik kutusu)

Bu derste içerik kutusu benzeri benzeri menü tasarlamayı öğrenebileceksiniz.

2. Vista Styled Button Photoshop Tutorial (vista tarzı buton photoshop dersi)

Çoklu layer stili, araçları ve teknikleri kullanarak vista tarzı buton tasarlamayı öğrenin.

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

jQuery'nin geliştiricilere sağladığı avantajlar saymakla bitmez... Flash'ın aksine web sitenizin içeriğini arama motorları tarafından erişilebilir kılarken güzel görünümlü animasyonları sitenize entegre edebilmenizin yanısıra, sitenizin kullanılırlığını da arttırması sebebiyle jQuery, modern web geliştiricilerinin bir numaralı tercihi olma yolunda hızla ilerliyor.

Bu yazıda jQuery kullanarak navigasyonu temiz, keskin ve etkin bir biçimde yansıtan 8 siteyi listelemeye çalıştım. Bu siteler, jQuery kütüphanesini sadece bazı temel efektleri eklemekten çok daha fazlasını yapmak için kullanmışlar ve bunu da başarmışlar.

Eğer siz de jQuery'nin büyülü dünyasındaki yerinizi almak istiyorsanız, daha önce yayımladığım size sıfırdan jquery öğretecek 15 kayna adlı makale size yardımcı olacaktır.

• Carrot Creative