web tasarım | bildirgec.org

Henüz tam olarak yaygınlaşmayan ve geliştirme süreci devam eden HTML5 ve CSS3 ile şu anki durumda bile muhteşem uygulamalar yaratılmakta. Web sayfalarını tamamen interaktif ve etkileşimli hale getiren ayrıca görsel açıdan farklı ögeler yaratan bu tasarım dilleri yeni sürümleri ile oldukça fark yaratmakta. Aşağıdaki uygulamaların nasıl yapıldıklarını inceleyebilir veya tamamı ücretsiz olarak dağıtıldığı için siz de web sitenizde kullanabilirsiniz. İlgi Çekici HTML5 ve CSS3 Uygulamaları;

CanvasMol

Slidenafill, aklınıza gelebilecek her molekülü size gösterebilen harika bir html5 uygulaması. ATP, TNT, DNA gibi bazı molekülleri 3 boyutlu olarak gösterir. Ayrıca isterseniz renklendirmeyi değiştirebilir; x,y,z eksenleri etranfında oynatmayı durdurabilirsiniz. Birbirine bağlı birçok bloktan oluşan uygulama içinde bir periyoduk cetvelde bulunmakta.

GoogleBox

Google'ın 3 boyutlu heryönden gözükebilen şekli olan Googlebox bir css3 uygulamasıdır. Kutuyu istediğiniz gibi görebilmenizin yanında boyutlarını değiştirebiliyorsunuz.

Klasik tasarımların aksine tek sayfalık web tasarımları oldukça ilgi çekici ve kalitelidir. Yapılan yaratıcı örnekler css ve jQuery kullanılarak yapılmış ve görsel açıdan oldukça tatmin edicidir. Aşağıdaki tek sayfa ile sınırlandırılmış tasarımları incelip sizde benzer çalışmlarda bulunabilirsiniz. İlham Kaynağı Tek Sayfalık Web Tasarımları;

Jeroen Homan

haatch creative design

Brian Plemons

Fancy Sliding, diğer slider uygulamalarının aksine sadece form örnekleri üzerine kurulmuş bir jQuery uygulamasıdır. Ücretsiz olarak kullanabileceğiniz ve nasıl yapıldığını öğrendiğiniz bu uygulama ile uzun ve karmaşık üyelik, iletişim, alışveriş formlarınızı kısaltarak tek sayfada toplayabilirsiniz.

Fancy Sliding, kullanıcılarınızı yormadan form doldurtmak için kullanabileceğiniz jQuery ve css ile hazırlanmış muhteşem bir uygulamadır. Sistemli yapısı sayesinde formlarınızı kullanıcılarınızın daha fazla hoşuna gidecek şekilde ayarlayabilir veya web siteniz birden fazla form örneği içeriyorsa hepsini bir sayfada kategorilendirebilirsiniz.

Web sitenizde alternatif olarak kullanabileceğiniz hoş bir menü uygulaması olan ajaxflagmenu jQuery tabanlı bir uygulamadır. Dinamik yani eşzamanlı bir uygulama olan ajaxflagmenu ile sayfa yenilenmeye gerek kalmadan içerik değişir. Bu sayede kullanıcılarınızın gereksiz zaman harcamasını önlemiş olursunuz.

XMLHttpRequest nesnesi aracılığı ile jQuery ile hazırlanan bu uygulama Facebook'tan esinlenerek hazırlanmıştır. Menü kısmı sabit kalırken seçtiğiniz içeriğe göre belirli bir kısım yenilenmektedir. Basit tasarımlı dikey bir menü olmasına rağmen tasarım tamamen kişiselleştirilebilir.

CSS ile web tasarımın dışında yapabileceğiniz farklı bir uğraş olan resim çizimi oldukça zor olsada css3 ile birliklikte çok az da olsa biraz kolaylaşmız gözüküyor. pixel'ler kullanılarak yapılan tasarımlar, ascii karakterler ile oluşturulan tasarımlar ve css3 desteklikli tasarımlar bulunmakta. Aşağıda yüksek kalitede css ile yapılan çizimler bulunmakta. Nasıl yapıldığını inceleyebilir, benzer çalışmalara adım atabilirsiniz. CSS ile Yapılan Çizimler;

Twitter Fail Whale

Homer Simpson

Skull with Flames
(Alevli Kafatası)

Web Tasarımda dikkat etmeniz gereken ögelerden biri ise fontlardır. Logo ve bannerlerin haricinde artık css3 kullanarak bu fontları web sitenizde imaj olarak kullanmadan da kullanabilirsiniz. Aşağıdaki yüksek kaliteli fontları ücretsiz olarak kullanabilirsiniz. İşte muhteşem yüksek kaliteli fontlar;

Dekar

Sertig

Pincoya Black

Toeris

Tek sayfalık web tasarımlarında, genelde içerik tek bir sayfaya sığdırıldığı için css ve javascript'e ağırlık verilmekte.jQuery ile slider vb. uygulamalar yapılırken css3 ile tasarımı ögelerini güçlendirerek daha şık durması sağlanabilir. Aşağıda içeriğinde birçok javascript uygulaması barındıran tasarım örnekleri bulunmakta. Bu örnekleri inceleyerek sizde tek sayfalık tasarımlar hakkında fikir sahibi olabilir veya farklı örnekleri inceleyebilirsiniz. Yaratıcı Tek Sayfalık Web Tasarımları;

Adam Woodhouse

Jan-Eike Koormann

David Spink

Mediocore - David Arazim

Tasarımda ikon ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem Minimalist ikon setleri;

Default Icon

eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

bwpx.icns

250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.