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.

Colortip, jQuery tabanlı hazırlanmış basit bir tooltip uygulamasıdır. Metinlerinizin herhangi bir bölümüne ekleyebileceğiniz küçük baloncuklar yanlızca o bölümün üzerine gelindiğinde ortaya çıkar ve sizin vermek istediğiniz kısa bilgiyi içerir.

Web sitenizin içeriğine göre renk ayarını değiştirebileceğiniz bu uygulama ile metinlerinize küçük hatırlatıcılar, ekstra bilgiler yerleştirebilirsiniz. İçeriğinde 6 farklı renkli tema bulunan bu uygulamayı değiştirerek farklı renk tonları ile çalışabilirsiniz.

Blog dünyasının en gözde (hem de ücretsiz) servisi konumunda bulunan Blogger, blog şablonlarının çok daha yetenekli bir ortamda hazırlanabilmesi için geliştirmiş olduğu yeni şablon tasarımcısını (Blogger Template Designer) kullanıma sundu.

Blogger marifeti ile yayın yapan bloggerların, bu yeni oyuncakları ile kavuşacakları bazı güzellikler: 19 yeni şablon, Cross-browser desteği, tasarımlar tamamen CSS ile hazırlanmış, yüzlerce ücretsiz arka plan görseli, gerçek zamanlı ön izleme ve tek bir yerden tüm renkleri değiştirebilme.

Bu yazıda şık ve kullanışlı iPhone tema paketleri bulacaksınız. telefon denildiğinde akranları arasında tartışmasız en çok satılan iPhone, bu temalar sayesinde ruh halinizi yansıtabilir.

temaların içerdikleri simgeler dahi yazılım geliştirenlere faydalı olacaktır. projelerinizde kullanmak için faydalanabilirsiniz.

seçmekte kararsız kalırsanız tiger os x ve green vista temalarını öneririm.

tema yüklemek için iphone'un dosya sisteminin açık olması gerekiyor.

• dosya sistemi açık olan iphone'da cydia isimli yazılımı çalıştırın.
• winterboard isimli uygulamayı bulup indirip yükleyin
• telefonu yeniden başlatın
• tekrar cydia uygulamasını açın
• sections sekmesini açıp alt kısımlara inin
• bir tema seçin ve yükleyin
• winterboard'ı açın ve yüklenen temayı etkinleştirin
  _________________________________________
  Tema adı : Green Vista
  Download : tıkla
  
  
  
  _________________________________________

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ı)