CSS Tabs Menu with Dropdowns

Animated horizontal tabs

Centered Tabs with CSS

Sliding Door of CSS

Aplus ADxMenu

Flexible Tab Navigation

Vist Aero Buttons Menu

Qrayg CSS Menu

Inverted Shift Down Menu

Inverted Shift Down Menu II

DD Tab Menus

KollerMedia Tabmenu

Joshua Kaufman’s CSS Tab 2.0

Brainjar CSS Tabs

Navigation Matrix Reloaded

Cross Browser Tabs With Rollover

CSS Pop Up Menu

Hybrid CSS Dropdowns

CSS Tabs With Submenus

Photo Matt Intelligent Menus

SocialCmsBuzz 'dan yararlanılmıştır.

1-Takvim Uygulaması

Link:http://www.electricprism.com/aeron/calendar/

2-Web 2.0 Form Uygulaması

Demo:http://www.stoutlabs.com/demos/formMagic_1.htm

Download:http://www.stoutlabs.com/site/post/jazz_up_your_forms_with_mootools_pt_1

3-Geniş Text Kutusu Uygulaması

Link:http://ejectmedia.net/examples/moo_textareas/

4-Ajax Login Form Uygulaması



Demo:http://joeabiraad.com/demos/ajax2/

Download: http://joeabiraad.com/ajax/ajax-login-form-php-javascript/89

5-Mootools Form Validation-Doğrulama



Link:http://www.phatfusion.net/validate/

6-Checkboxes, radio buttons ve select lists Uygulamaları

Link:http://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

7-Multiple Select-Çoklu Seçenek Uygulaması

Link:http://www.wollzelle.com/os/multiple-select-widget/

8-Başka bir Form Doğrulama Uygulaması

Demo:http://zendold.lojcomm.com.br/fvalidator/exampleA.asp
Download:http://zendold.lojcomm.com.br/fvalidator/

9-iMask

Link:http://zendold.lojcomm.com.br/imask/

10-Auto Completion-Otomatik Tamamlama Uygulaması

Link:http://devthought.com/textboxlist-meets-autocompletion/

Web 2.0 Badges:Tasarımlarınız için hoş görünümlü etiketler oluşturun ve kullanın.Beta etiketi gibi etiketlerle tasarımınıza renk katın.

Burada rastladığım vektör etiketleri sizlerle paylaşmak istedim.Web 2.0 stilindeki 10 farklı renge sahip bu vektör paketini buradan indirebilirsiniz.Paket , CS3 AI ,EPS ve PNG formatlarından oluşuyor. Ayrıntılı bilgiye buradan da ulaşabilirsiniz.

Webappers 'da web uygulamalarınızda kullanabileceğiniz 20 icon derlenmiş.3D efektli ve glossy görünümündeki bu simgeler istatistik, arama, profil, ekle/sil, email, yazdır, dikkat gibi kavramlarla ilgili web uygulamalarınızda kullanabilirsiniz.İndireceğiniz zip dosyasında ayrıca iconların 48×48 px, 32×32 px ve 24×24 px boyutlarında png ve icon dosyası formatlarında bulabileceksiniz.

Urban Fonts 'da 8.000 'den fazla kaliteli fontu ücretsiz olarak indirebilirsiniz.Yüksek kaliteye sahip fontları aynı zamanda mac kullanıcıları da indirebilirler.Urban Fonts 'a girip beğendiğiniz fontları indirmeye buradan başlayın !

Adobe Type Manager Light - Ücretsiz- Windows / Mac

Ayrıntılı bilgi ve indirmek için buraya tıklayın.

Grafik Editörleri

The Gimp - Ücretsiz - Windows / Mac / Linux

Gimp , Photoshop benzeri bir grafik editörüdür.Photoshop kadar olmasada temel işlevleri görmesi ve ücretsiz olması bakımından tercih edilebilir bir yazılım.İndirmek için buraya , ayrıntılı bilgi için buraya tıklayın.

Inkscape - Ücretsiz - Windows / Mac / Linux

Inkscape ; Illustrator, Freehand, CorelDraw yada Xara X ile kullanılabilen açık kaynaklı vektör grafik (SVG) editörüdür.İndirmek için buraya tıklayabilirsiniz.

SimpleViewer , flash tabanlı ücretsiz resim görüntüleme (resim galerisi)uygulamasıdır.

Özelliklerinden bahsetmek gerekirse ;

• Sağ ya da Sol tarafında ön görüntüleme desteği,


• Kullanışlı navigasyon,


• Lightweight,


• Yazı rengini,frame renk ve boyutlarını,navigasyonu özelleştirebilme,


• Windows ,Mac,Linux uyumluluğu, (Flash 7 ve daha üst sürüm gerektiriyor.)


• Klavye ve fare navigasyon imkanı


• Resimleri istenilirse yeni pencerede açma,

gibi özellikleri sayabiliriz.SimpleViewer hakkında daha çok bilgi için buraya , demo için buraya , indirmek için ise (43 kb) buraya tıklayabilirsiniz.

1. Pop Up Pencereler:Web sitesi tasarlıyorsanız aslında yapmamanız gereken en önemli hatalardan biri pop up pencerelerdir.Bunlardan hem ziyaretçi hoşlanmaz hem de Google Toolbar ve İnternet Explorer 7 gibi pop up pencerelere karşı iddialı yazılımlar zaten bu pop up pencereleri engeller.




2. Çok büyük ve çok küçük sıkıcı yazı boyutları,fontlar ve renklendirmeler: Kaçınmanız gereken ikinci şey ise yazı boyut,font ve renklendirmeleri.Çoğu zaman önemli yazılar ve başlıklar büyük harfler ile gösterilirler.Blog gönderileri,haberler,resimlerin alt tarafındaki bilgilendirme yazıları küçük hatfe yazılır.Normal olan yazı boyutu 11 ile 15 'dir.Renklendirmeleri yaparken tasarımınızın yazı rengi siyah ve siyaha yakın tonlarda olması (arkaplan açık tonlarda) okuyucu için daha olumlu olacaktır.Font meselesinde ise Verdana , Arial gibi fontlar daha kullanışlı.Tabii sitenizin kategorisine göre uygun olanı belirlemek daha iyidir.




3. Arkaplan'a müzik yerleştirmeyin: Düşünün bir siteye girdiğinizde tasarımcı tarafından yerleştirilen müzik ziyaretiniz boyunca çalar.Durdurma imkanı genelde verilmez ziyaretçiye.Bir çok ziyaretçi ise bu durumdan hoşlanmaz.İyi bir iş çıkarmak istiyorsanız arkaplan'a müzik koymamanız önerilir.Ancak koymak istiyorum diyorsanız Genel Kurmay Başkanlığı 'nın sitesinde olduğu gibi ziyaretçiye müziği kapatma imkanı da vermelisiniz.
   
4. Navigasyon'u kullanılabilir yapmayı ihmal etmeyin: Web Tasarımda önemli olan noktalardan biri navigasyon'dur.Sitenize gelen ziyaretçinin istediği içeriğe ulaşabilmesi iyi bir navigasyonla mümkündür.Navigasyonda en önemli nokta ise anasayfa düzeni.Anasayfanız ziyaretçinin en önemli , en son ve genel içeriğe ulaşabilecek biçimde hazırlanmalıdır.Menüler ise ziyaretçinin kılavuzu olacak şekilde hizmet vermelidir.Ziyaretçi sitenizde kaybolmamalıdır.Navigasyon meselesi bunlardan ziyade ziyaretçinizin sitenizde daha uzun süre kalmasını ve ziyaretçinin devamını da ilgilendirir.Örneğin bloglarda; son eklenenler, son yorumlar,en çok okunanlar,konuyla ilgili yazılar gibi bölümler kullanmak artık zorunlu bile olmuştur.
5. Tasarım ve grafiksel öğeleri sık kullanmaktan kaçının: Sitesinde birkaç grafiksel tasarımdan hoşlanmayanımız yoktur .Ancak kullanılan grafiksel öğe ilgisi olmayan bir bölümde veya ihtiyaç duyulmuyorsa bu öğeyi tasarımınıza eklemeyin.Çünkü büyük boyutlu resimler,multimedya uygulamalar,flash reklam ve diğer grafiksel öğeler sitenizin yavaş yüklenmesine neden olur.
6. Kötü içerik: Kaçınılması gereken son nokta ise kötü ve düzensiz içerik.Site veya bloglarımızı önemli kılan içeriktir.İçerik elbette tasarım ile içiçe olursa güzeldir.Tasarım ne kadar güzel olursa olsun ziyaretçi içerik ile ilgilenir.Bu nedenle içerik konusunda daha titiz davranmak iyi olur.

İconFinder web uygulamalarınız için icon-simge arama motoru uygulaması.İconFinder'i görünümü,kolaylığı ve aradığınızı bulmanız diğer icon arama uygulamalarından ayırıyor.İconFinder'in bir de tag bulutu çok işinize yarayacaktır.Beta aşamasında olmasına rağmen işinizi görebileceğiniz güce sahip.Mac OS X kullanıcıları için arama eklentisi mevcut.

MediaEvent Services isimli sitede rastladığım ajax resim galerisi ilgimi çekti.Benim kendi bağlantımla yüklenirken sorun yaşadı ancak uygulama görünüm açısından oldukça güzel.Uygulamayı kullanmak isterseniz buradan indirip kendinize göre ayarlayıp kullanabilirsiniz.Yapımcının sitesi ise burada .Ayrıca tam sayfa demosunu buradan görebilirsiniz.

Open Flash Chart, açık kaynak kodlu,ücretsiz bir grafiksel istatistik (charting)uygulamasıdır.Flash 8 ile desteklenmiş , güzel görünümlü ,kaliteli olmasının yanında ücretsiz olması ve geliştirilebilir olması da önemli özelliklerinden.Grafiksel rapor ve istatistik uygulamalarınızı 3 boyutlu ve pasta tipi grafiklerin yanısıra daha farklı stillerde hazırlayabilirsiniz.