ui | bildirgec.org

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.

elRTE, web sitenizde kullanabileceğiniz açık kaynak kodlu WYSIWYG editördür. Javascript ve jQuery kütüphanesi kullanılarak hazırlanan bu muhteşem HTML editör ile web içeriğinizi istediğiniz gibi kontrol edebilirsiniz.Studio 42 tarafından geliştirilen elRTE'yi ticari olan veya olmayan bloglar, forumlar ve benzer birçok serviste ücretsiz olarak kullanabilirsiniz.

Zengin içeriği ile metin düzenlemenize her yönü ile olanak veren bu editörü kolaylıkla web sitenize entegre edebilir ve sonrasında rahatlıkla kullanabilirsiniz. Ayrıca dilerseniz yazılarınızın biçimlendirilmiş şekildeki html kodlarını görebilirsiniz. Hafif, hızlı ve kolay kolay kullanıma sahip elRTE üzerindeki düzenlemeler css olarak da kaydedilebilir.

Demo modu, Word'den kopyanan yazıları temizleme, ifade ekleme, gelişmiş tablo ve resim ekleme eklentileri ve tam ekran modu ile muhteşem bir derleme aracı olan elRTE ile masaüstü programlardaki tüm özellikleri bulabilir, Gelişmiş bir şekilde metinlerinizi düzenleyebilirsiniz.

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)

Tasarımcı Tim Van Damme tarafından başlatılan kişisel kartvizit trendi şu an sayısız defa kopyalanmış, uyarlanmış halde. Tabii ki trendin etkisiyle bu konuda hizmet veren çeşitli siteler de açıldı. bildiride bu servisleri tanıtmayı ve olabildiğince farklılıklarını ön plana çıkarmayı hedefliyorum.

1. card.ly
Muhtemelen en fazla bilinen ve yayın olarak kullanılan kişisel kartvizit sitesi. Bunun çeşitli nedenleri var. Kartvizit servisi olarak ilk açılan site olması, çeşitli şablonlar seçerek adım adım hesabınızı oluşturabilmeniz sitenin artılarından. $24.99 vererek premium şablonlardan faydalanabildiğiniz gibi reklamları ve şablon kaynak linklerini kaldırarak ayrı bir alan adı üzerinden de hizmet alabilirsiniz. [örnek profil]

2.magntize
card.ly gibi fakat daha fazla tasarımcılara yönelik 'super easy' (oldukça basit) sloganıyla yola çıkan site, premium özelliklerle aylık 9 $'a da kullanılabilir. Fiyat olarak oldukça pahalı olsa da iphone & ipad sürümü, cv hazırlayabilmeniz ayrıca indirilme, görüntülenme ve çeşitli anahtar kelime analizlerinin yanına ciddi anlamda UI tasarımcılara hitap edecek temalarıyla bu fiyatı haklı çıkartabilir. [örnek profil]

Projelere başlamadan önce projenin gidişatını belirleyecek planın yapılması gerekir. Bu plan ana maddelerden başlayarak daha spesifik özelliklere kadar projenin baştan sonra kağıt üzerinde ve kafalarda bitirilmesi gerekir. ve işler tasarım kısmına geldiğinde tasarımın bir taslağını yapmak, tasarımın sağlıklı olması açısından çok önemlidir. Tasarımı bitmiş bir sitenin hatta xhtml/css kodları yazılmış bir sitenin üzerinde değişiklik yapmak çok sıkıntılı ve kafa karıştırıcıdır. bunu engellemek için tasarım ve uygulamanın kaba bir skeçinden başlayarak ince detaylara kadar kağıda çizilmesi gerekir.

Web sitesinin skeç'ini çizerken işi hem biraz eğlenceli hale getirmek hem daha profesyonel görünmek ve daha sağlıklı bir sonuca ulaşmak için PDF formatında skeç kağıtları düzenlemişler.

web 2.0'dan web 3.0'a geçiş aşamaları, html5 ve css3 gibi farklı dillerin gelişmesi ile web uygulamaları artık tamamen interaktif olabiliyor. Görsel açıdan oldukça verimli ve klasik web'te genelde eklentilerle sağlanan birçok uygulama artık bunlara gerek kalmadan sağlanabiliyor. jQuery kütüphanesinin genişliği ile birçok farklı uygulama yapılabiliyor. Aşağıdaki açık kaynaklı ve tamamen ücretsiz uygulamaları geliştirebilir veya kullanabilirsiniz.
Captify

Captify, resimler için hazırlanan basit fakat kullanışlı bir başlık aracıdır. Bu muhteşem jQuery uygulaması ile web sayfanızdaki tüm imajlara başlık ekleyebilir ve kısa notlarınızı imajların altına yerleştirebilirsiniz. Sadece 2.3kb. boyutundaki bu ufak fakat çok yararlı uygulama ile ziyaretçilerinizi bilgilendirebilir, kullanım kolaylığı sayesinde her projenizde yer verebilirsiniz.

gvChart

Birçok uygulamada başarılı şekilde kullanabileceğiniz gvChart, istatiksel verileri tablo ve şema halinde herhangi bir eklenti kullanmadan web sitenize yansıtmaya yarar. 5 farklı demosunu tamamen özelleştirebilir ve istediğiniz gibi web siteniz ile uyum aşamasına getirebilirsiniz. Farklı renkler seçebilme ve istatiklerde tooltip kullanabilme gibi özellikleri sayesinde oldukça kullanışlı bir uygulama.

E-Ticaret siteleri ziyaretçilerine alışveriş imkanı verdiği için her bölümü çok önemlidir. Kötü bir tasarım ve alt yapı ziyaretçiye olumsuz bir izlenim bırakacaktır. Aşağıda size ilham kaynağı olabilecek 35 harika e-ticaret sitesi kullanıcı arayüz tasarımları yer almaktadır.

1. Free People

2. Rapha

3. Mouse to Minx

Photoshop birçok web tasarımcısı tarafından tercih endilen en popüler tasarım programıdır.

Aşağıdaki web tasarımı oluşturabileceğiniz dersler yer almaktadır.

Navigation (Navigasyon)

1. create a wii web header in photoshop (Photoshop'da wii web başlığı oluşturmak)

2. creating a cool 3d web design effect (3d web tasarım efekti oluşturmak)