web developer | bildirgec.org

Her web projenizde kullanabileceğiniz ilginç bir css ve jquery uygulaması olan jQSlickWrap, metinleriniz ve imajlarınız arasındaki düzeni istediğiniz gibi yönetmeye yarayan bir uygulamadır.

Web sitenizdeki bir yazıda, yazının sağına veya soluna imaj yerleştirebilirsiniz. Genelde imaj çerçevesinin sınırlarını metinler geçemez. Bunu değiştiren jQSlickWrap imaj-metin ilişkisini istediğiniz ölçüde düzenlemenizi sağlar.

Düzgün bir şekli olmayan imajlar ile metinlerinizi tam olarak konumlandırmayı sağlayan bu uygulama ile web siteniz tam bir uyum içine girer. Ayrıca klasik web kültürünün sınırlarından çıkarak sıradışı bir görünüme sahip olursunuz.

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.

SlideDeck, birçok projede alternatif olarak kullanılabilecek ve içeriğindeki sayfalarda farklı ögeleri kullanmanıza imkan tanıyan muhteşem bir slider uygulamasıdır. Tamamen dinamik içeriğe sahip olan SlideDeck'i tüm sayfalarınızda farklı görevlerde kullanabilirsiniz.

GPL lisanslı bu uygulamayı ücretsiz olarak kullanabileceğiniz gibi PRO versiyon'unu da belirli bir ücret ile satın alabilirsiniz. Ayrıca eğer Wordpress'i kullanıyorsanız Wordpress sürümünü inceleyebilir ve herhangi bir satır kod bile yazmadan bu muhteşem uygulamayı siz de kullanabilirsiniz.

Farklı tasarımı ve geçif efekti ile dikkan çeken SlideDeck'i bugüne kadar birçok web sitesi farklı biçimlerde kullanmış. Anasayfada manşet olarak, tüm uygulamayı bir web site haline dönültürerek, içeriğinde üyelik formları bulunan bir sistem olarak, referans veya portfilo olarak kullanılabilen SlideDeck kolay kullanımlı bir jQuery uygulamasıdır.

SlideDeck'te otomatik oynatma, Slide Mod, Slide kontrolü gibi muhteşem özelliklerin yanında seo optimazsonuna dahil olması ve iPhone gibi dokunmatik ekranlı telefonlar tarafından da desteklenmektedir.

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.

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