WEBZADEM.BILGIAMBARI.ORG
web tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
web tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
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.

Web uygulamalarınız için ücretsiz iconlar

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.

İndirmek İçin buraya tıklayabilirsiniz.(415 KB)



8.000'den Fazla Yüksek Kaliteli Yazı Fontu

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 !



Web Tasarım Programları

CSS Kod Editörleri

Simple CSS - Ücretsiz -Windows / Mac / Linux

Simple CSS , web tasarımcılar için çok özellikli,kolay kullanımlı bir css kod editörüdür.Ayrıntılı bilgi için buraya indirmek için buraya (1.72 MB) Mac sürümü için buraya tıklayınız.



Topstyle - Windows

Topstyle , kullanışlı,çok fonksiyonlu bir html ve css editörüdür.Ücretli olan yazılımın deneme sürümüne buradan (3,24 MB), ayrıntılı bilgiye de buradan ulaşabilirsiniz.






Font Yönetim Araçları


Font Explorer X - Ücretsiz - Windows / Mac

FontExplorer™ X , çok kullanışlı ve kolay bir font editörüdür.Ayrıntılı bilgi burada , Windows versiyonu beta olduğundan dolayı indirmek için ilk önce yapımcının e-bültenine abone olmanız gerekiyor.Mac sürümü için ise buraya tıklayı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.

Simple Viewer:Flash Tabanlı Resim Galerisi

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.

Web Tasarımda Kaçınılması Gereken 7 Şey

Buradaki yazıda web tasarımda kaçınılması gereken 7 madde sıralanmış.Bu maddeleri kendi yorumumla burada sizlere bahsedeceğim.
  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: İcon Arama Motoru

İ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.



SlideFlow: Ajax ile Resim Galerisi

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.

Open Flash Chart version 1.9.6 (542 kb) indirmek için tıklayın...

rsizr:Online resim boyutlandırma

rsizr online olarak resim boyutlandırmayı sağlayan bir servis.Siteye girdiğimizde flash bir uygulama bizi karşılıyor.Uygulama yüklendikton sonra önümüze çıkan klasör simgesine tıklıyoruz.Çıkan gözat penceresinden resmimizi seçiyoruz.Resmimiz yüklendikten sonra önümüze resim editörü çıkıyor.Üstteki rescale simgesine tıklıyoruz.Fare imleci ile resimin sağ,sol yada üst tarafa oklar ile çekerek büyütüyoruz.Resmin bir bölümünü kesmek yada kırpmak için ise crop simgesine tıklayın kesiceğiniz yeri fare ile belirleyip yanda çıkan kutudaki Done butonuna tıklayın.Resmi kaydetmek için ise üst bölümdeki Save Picture simgesine tıklayıp kaydedebilirsiniz.
Web tasarım ile ilgilenenlerin Photoshop,Illustrator ve InDesign gibi programlara alternatif olarak kullanabilecekleri programlar:


Photoshop Alternatifleri


Gimp:Açık kaynak kodlu Photoshop benzeri yazılım olan Gimp'in Photoshop kadar olmasada işinizi görebilecek güce sahip.Programın Windows ve Mac sürümleri mevcut.
Paint.NET:Ücretsiz resim editörü olan yazılımın Window sürümü mevcut.Ücretsiz resim editörleri arasında en iyilerinden biri.
Pixel: RGB,CMYK ve HDR resim editörü gibi bir çok özelliği olan resim editörü.
PaintShop Pro:Ücretli olan bu program ile resim ve grafik işlerinizi yapabilirsiniz.


Illustrator Alternatifleri


Inkscape : Açık kaynak kodlu vektörek grafik editörüdür. Illustrator, Freehand, CorelDraw, ya da Xara X ile kullanılan SVG formatındaki grafikleri benzer şekilde Inscape ile de kullanabilirsiniz.


Diğer Web Tasarım Araçları


Programmers NotePad:Ücretsiz , açık kaynak kodlu kod editörü.
Kompozer :Gelişmiş seviyedeki kullanıcılar için wysiwyg HTML editörü.
Notepad ++ :Ücretsiz , açık kaynak kodlu çok sayıda programlama dilini içinde barındıran kod editörü.
Coda :Mac için kod editörü
Stylemaster: Başlangıç seviyesinde olanlardan gelişmiş programcılara kdar herkesin kullanabileceği kod editörü.
Quantas Plus :Zengin içerikli web editörü.
HTML Kit: HTML, XHTML, XML, CSS, JavaScript, PHP ve diğer sayfa türleri ile çalışabileceğiniz kod editörü.