design | bildirgec.org

Herhangi bir ürünün pazarlanmasında tasarım oldukça önemli bir yere sahiptir. Web içeriğiniz kaliteli olursa daha fazla ziyaretçi çeker ve dolayısıyla daha geniş kitlelere ürünleriniz yayılabilir. Daha önceden de en iyi iPhone uygulaması web site tasarımlarına bakmıştık. Şimdi de sizin için ilham kaynağı olabilecek en iyi iPad uygulaması web tasarımları:

Domino Box

2Do

dribbblr

s3Captcha, jQuery ile yapılan oldukça hoş bir capcha uygulamasıdır. Diğer captcha uygulamalarının aksine bu uygulama metinler yerine görseller sunarak robotların herhangi methodları kullanarak sitenizi ele geçirmesini engeller.

Captcha, robot ve insan arasındaki farklı bulabilen yazılımlara denir. Herhangi bir soru, resimdeki görselleri girme gibi farklı uygulamalar kullanılarak herhangi bir robotun siteye yük olmaması sağlanır. s3Captcha'da tamamen açık kaynak kodlu, kişiselleştirilen ve jQuery kütüphanesini kullanan bir yazılımdır.

Adobe'nin en önemli uygulamalarından biri olan Photoshop ile birçok farklı tasarım yapılabiliyor. Fotoğraflardaki eksikleri ve pürüzleri giderebildiğiniz gibi farklı görsel çalışmalar, efektlerde yaratabiliyorsunuz. Ekim ayının en fazla hit alan Photoshop dersleri aşağıda. Tümüne ücretsiz olarak erişebilir ve inceleyebilirsiniz.

Create a Cute Twitter Bird Icon in Photoshop
(Photoshop ile Sevimli Twitter Kuş İkonu Yaratın)

How To Create A Beautiful Sunset Over A Hill
(Nasıl Güzel Tepe üzerinde Günbatımı Yapılır)

Create colorful poster art using vector elements in Photoshop CS5
(Photoshop CS5 ile Vektör Elementlerini Kullanarak Renkli Poster Yapmak)

Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop
(Photoshop ileGüzel Bulut üzerinden Sürreal Fotoğraf Efekti Yaratın)

Bookmarklet; tarayıcılar üzerinden kullanabileceğiniz, javascript ile hazırlanan uygulamalara denir. Birçok işlemi sadece bir tık ile halledebilirsiniz. Tüm tarayıcılarda desteklenen Bookmarklet'leri genellikle araç çubuğuna sürükleyerek kullanabilirsiniz. Sizin için derlediğimiz oldukça kullanışlı Bookmarklet'ler;

Print Liminator

Web tasarımcılar için gerekli bir araç olan Print Liminator ile herhangi bir web sayfasındaki ögeleri istediğiniz şekilde kaldırabilirsiniz. Herhangi bir tablo, imaj gibi web sayfanızdaki tüm ögeleri kaldırabilir, web sayfasını anında yazdırabilir ve dilerseniz sayfadaki tüm grafikleri inatkif yapabilirsiniz. Küçük bir tooltip şeklinde sayfanın köşesinde çıkan oldukça başarılı bir uygulama.

Markup

Markup oldukça gerekli ve hoş olan bir çizim aracıdır. Web sitesinin herhangi bir yerini çizebilir, herhangi bir şeyler yazabilirsiniz. Eğer sunum, ders gibi dökümanlar hazırlıyorsanız oldukça yararlı bir uygulama. İsterseniz metinlerin altını da herhangi bir renk ile çizebilirsiniz. Hazır olarak bulunan çizgi, kare, daire şekilleri de bulunmakta.

XRay

Web tasarımcılar için oldulça faydalı bir uygulama olan XRay, bulunduğu sayfadaki tüm element bilgilerini size gösterebilir. Tıkladığınz bölgenin css ve html kodlarını anında ayıklayarak tooltip şeklinde açıklarak birçok bilgiyi size gösterir.

Sürekli gelişen ve hergeçen gün farklı tasarımlar yapılan web teknolojisinde css3 günümüzde oldukça önemli bir yer tutmaktadır. Bu ayın en popüler css3 uygulama derslerini aşağıdan inceleyebilirsiniz. Bu en popüler 5 dersde farklı teknikleri inceleyerek benzer çalışmalar yapabilirsiniz. Eylül 2010'un En Popüler CSS3 Dersleri;

Simulate Realism with CSS3
(CSS3 ile simüle Gerçekçilik)

CSS3 Speech Bubble
(Css3 ile Konuşma Balonu)

How To Create Depth And Nice 3D Ribbons Only Using CSS3
CSS3 ile Nasıl Derin ve Güzel 3D kurdela yaratma

Html5'in bu kadar popülerleşmesini sağlayan elementlerden biri de canvas elementidir. Web uygulamalarında oldukça popülerleşebilecek olan canvas, 2D olarak dinamik fotoğraflar yapabileceğiniz bir bileşendir. Javascript üzerinden çalışan bu element ile birçok muhteşem uygulama yapılabilir. Aşağıdaki birbirinden eğlenceli canvas uygulamalarını inceleyebilirsiniz. Html5 Canvas Uygulamaları;

Canvas Aquarium

Tarayacı üzerinden sanal olarak siz de büyük bir akvaryuma ve dilediğiniz kadar balığa sahip olabilirsiniz. Gerçekçi balık hareketleri, hareketli su efektleri, kabarcıklar sayesinde oldukça hoş bir uygulama. Daha fazla balık istiyorsanız akvarmuya tıklamanız yeterli.

Twitter. Canvas. 10K

Arka planında siyah hareketli kabarcıkların bulunduğu ve Twitter ile entegre edilmiş hoş bir Html5 Canvas uygulamasında her bir siyah kabarcık bir Twitter kullanıcısını belirtiyor. Haraketli hoş arka planı sayesinde farklı şekillerde kullanılabilecek çok güzel bir uygulama.

Flash benzeri yakınlaşma efekti üzerinden hazırlanan Zoomer Gallery, hoş bir jQuery uygulamasıdır. Etkileyici zoom efekti sayesinde resim boyutunu arttırarak ziyaretçilerinizi etkileyebilir.

3 farklı efekti barındıran Zoomer Gallery'yi galeri olarak kullanabileceğiniz gibi farklı amaçlar ile de kullanabilirsiniz. İsterseniz sadece bir imaja bu efekti verere çarpıcılığını ortaya koyarsınız veya reklam verenlerinizin reklamlarını farklı şekilde yayınlayabilirsiniz.

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)