bildirgec.org - etiketler: web geliştirme

Ücretsiz Silverlight Kontrolleri

trampfd — Wed, 17 Mar 2010 11:00:00 GMT

Silverlight'ın 4. versiyonunun çıktığı şu günlerde silverlight kullanan siteler yavaş yavaş artıyor, silverlight'ın flash ile rekabetinde geri kaldığı konuların başında da şimdilik kaynak yetersizliği gösterilebilir.
Silverlight uygulamalarınızda kullanabileceğiniz ücretsiz yeni/eski ve kullanışlı kontrolleri topladık.
siz de eklemek istediklerinizi yorum olarak gönderirseniz güzel bir kaynak oluşmuş olur.

GOA WinForms

GOA WinForms, Microsoft .NET kütüphanesinin standart System.Windows.Form sınıfının flash ve silverlight implementasyonudur. Barındırdığı hazır araçlar sayesinde Kısa sürede zengin web uygulamaları geliştirebilirsiniz.
web sitesi - demo - indir

AgDataGrid Suite Ücretsiz Silverlight Grid Kontrolü

AgDataGrid, sitelerde veri göstermek için sıklıkla kullanılan grid (ızgara) sisteminin güzel bir silverlight alternatifidir, veri gruplama, sıralama, düzenleme gibi vs. işlemleri basitçe yapabilen zengin bir çözümdür.

web sitesi - demo - indir

Visifire – Grafiksel göstergeleri

Visifire, çok yaygın olarak kullanılan ve bilinen grafiksel veri gösterimi aracıdır, animasyonlu, 2b, 3b, kolon, çubuk, pasta dilimi vs. gibi birçok seçenekten faydalanabilirsiniz.
web sitesi - demo - indir

Silverlight.FX – Efekt Kütüphanesi

Silverlight.FX kütüphanesi ile boyutlandırma, yer değiştirme, çevirme, renklendirme, soldurma gibi efektler/geçişler yapabilirsiniz.
web sitesi - demo - indir

Silverlight Contrib

Silverlight Contrib, codeplex de açık kaynaklı olarak geliştirilen kontrol ve kütüphane paketidir. Color Picker, Gauge Control, Star Selector, Enhanced Metafile (EMF), Cool Menu, Group Box gibi kullanışlı kontroller içerir.
web sitesi - codeplex sayfası - demo - indir

Vectorlight - Silverlight Kontrolleri

Vectorlight Silverlight Kontrolleri Takvim, Dosya Yükleme, Date picker, Progress Bar, Treeview gibi çeşitli araçları barındırır.
web sitesi - demo - indir

ComboBox

Templating, data binding, otomatik tamamlama gibi özellikleri olan güzel bir combobox kontrolü.
web sitesi - demo - indir

Silverlight 2 Video Player

Tam ekran oynatma, yeniden boyutlandırılma, otomatik başlatma, ön izleme resmi gibi gerekli özellikleri barındıran sade ve kullanışlı bir video oynatıcısı.
web sitesi - demo - indir

Slide.Show

Slide.Show herhangi bir sayfaya basitçe eklenip, javascript veya xml ile kontrol edilebilen ayrıca Flickr albümünüzdeki fotoğraflarınızı da gösterebilen kullanışlı, açık kaynak kodlu bir slayt gösterisi uygulamasıdır.
web sitesi - demo - indir

Video.Show

Video.Show çeşitli gelişmiş özellikleri olan bir video-komünite uygulamasıdır.
web sitesi - demo - indir

Silverglobe

Silverglobe vektörel çizilmiş 3 boyutlu dünya haritası motorudur, çevirerek dolaşabilir, istediğiniz yeri işaretleyebilirsiniz.
web sitesi - demo - indir

Bu yazı trampfd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Okumanız Gereken 50 Taze Tasarım Blogu

LeBron — Mon, 15 Feb 2010 17:10:00 GMT

Son yıllarda tasarım bloglarında büyük bir artış oldu. Bu kaynaklar tasarımcılara büyük kolaylık sağlamaktadır. Aşağıda takip edebileceğiniz taze tasarım bloglarına ulaşabilirsiniz. Amaç daha önce duymadığınız siteleri keşfetmenizi sağlamaktır.

1. Design Informer

Design Informer, Jad Limcaco tarafından oluşturulmuş mükemmel bir web günlüğüdür. Tasarımcılar için makale, ders ve ücretsiz kaynaklar bulunuyor.

içeriğe abone olun

2. DesignOra

Sürekli güncellenen geniş bir içeriğe sahip tasarım blogudur.

içeriğe abone olun

3. Onextrapixel

14 Nisan 2009 tarihinde yayın hayatına başlayan blog içerisinde eğitim, araçlar ve ücretsiz kaynaklar bulunuyor.

içeriğe abone olun

4. Three Styles

Web tasarımcı ve geliştiricileri için son trendlere ve derslere ulaşabilirsiniz.

içeriğe abone olun

5. ideasonideas

Eric Karjaluoto tarafından hazırlanmış tasarım blogudur.

içeriğe abone olun

6. Inspired Magazine

2 Mart 2009 tarihinde açılan blogda dersler ve ücretsiz kaynaklar yer almaktadır.

içeriğe abone olun

7. Inspect Element

Yüksek kaliteli makale, ders gibi içerikler yer almaktadır.

içeriğe abone olun

8. Blog of Francesco Mugnai

Freelance tasarımcısının tasarım bilgilerini paylaştığı kişisel blog sayfası.

9. Design Boom

Grafik tasarımı hakkında birçok bilgiye ulaşabilirsiniz.

içeriğe abone olun

10. Position Absolute

Web geliştiricileri için müthiş bir kaynaktır. 23 Ocak 2009 tarihinde açılmıştır.

içeriğe abone olun

11. Circlebox Blog

Fotoğraf ve iş ile ilgili makalelerin yer aldığı blog sayfasıdır.

içeriğe abone olun

12. The Web Blend

Güncel kalmanız için son moda eğitim ve makalelere ulaşabilirsiniz.

içeriğe abone olun

13. Folio Focus

Web tabanlıo portföy tasarım vitrinine ulaşabilirsiniz. Genelde günlük olarak güncellene blog, harika bir portföy ilham kaynağıdır.

14. Blog Design Heroes

Taze ve modern blog tema tasarımları yer almaktadır. İlham kaynağı için harika bir kaynaktır.

15. Type Inspire

Web tasarımı için yazı tipi ve metin efektleri için güzel bir kaynaktır. Çoğu zaman günlük olarak güncellenir.

16. Siiimple

Sık takip ederseniz, size çok geniş bir ilham kaynağı olacaktır.

içeriğe abone olun

17. Bevel and Emboss

Ücretsiz web şablonları ve simge setleri yer almaktadır.

içeriğe abone olun

18. Web Designer Help

Eğitim, makale, ilham kaynağı, ücretsiz kaynaklar yer almaktadır.

içeriğe abone olun

19. Script & Style

Web geliştiricileri ve tasarımcıları için sağlam bir arşivdir. Kullanıcılar kendi linklerini göndererek siteye katkıda bulunabiliyor.

içeriğe abone olun

20. D-Lists

Geniş bir içeriğe sahip tasarım blogudur.

içeriğe abone olun

21. Cats Who Code

Programlama dilleri ağırlıklı bilgilerin yer aldığı harika bir blogdur.

içeriğe abone olun

22. Design Blurb

Web ve grafik tasarım dersleri, kaynak ve ipuçları bulunuyor.

içeriğe abone olun

23. Tutorial Board

Grafik tasarımcıları için yüksek kaliteli derslere ulaşabilirsiniz.

içeriğe abone olun

24. Marco Folio

Marco Kuiper tarafından hazırlanmış blogdur. Tasarım, programlama, eğlence gibi bölümlere ulaşabilirsiniz.

içeriğe abone olun

25. [f5]

Temmuz 2009'da açılmış, günlük olarak güncellenen yaratıcı blogdur.

içeriğe abone olun

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

2009'un En İyi Tasarım Makaleleri

12 Tasarımcı Ders Sitesi

Web Tasarımcıları İçin 12 Mükemmel Sosyal Haber Sitesi

kaynak: sixrevisions.com

yazılarımı takip edebilirsiniz.

blog | twitter | friendfeed | delicious | rss

Bu yazı LeBron tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İlk Geliştirme İşinizi Nasıl Alacaksınız?

pinkfloyd — Fri, 06 Mar 2009 15:26:00 GMT

Üniversiteden mezun oldunuz ve bir web geliştiricisi ya da web tasarımcısı olarak iş bulmak istiyorsunuz, ancak bir süre sonra bir bakıyorsunuz ki aslında bu alanda yeni bir iş sahibi olmak sandığınızdan çok daha zor görünüyor. Peki o zaman bir web geliştiricisi olarak nasıl iş bulacaksınız?

Veliler ve arkadaşlar iş bulamamanızın dünyanın özellikle son birkaç ayda içinde bulunduğu ekonomik çöküntüye bağlı olduğu konusunda sizi teselli ediyorlardır ve özellikle daha önce bu alanda herhangi bir deneyimi olmayan birisinin yeni bir iş bulmasının eskisine oranla daha zor olduğunu söylüyorlardır. İşin gerçeği, hocalarınızın ve velilerinizin bilmediği gerçek şu ki size okullarda öğretilen şeylerin pek çoğu kurumsal bir ortamda neredeyse hiçbir işe yaramayacak şeylerdir ve dünyanın ekonomik durumu iyi ya da kötü olsun, daha önce herhangi bir deneyimi olmayan birisi için yeni bir iş sahibi olmak gerçekten zor olabilir.

Web ajansları elbette bu alanda yeni birisinin derhal gelip kendileri ile birlikte çalışmalarını isterler ancak pek çok yeni mezun bunu yapamaz. Elbette henüz yeni mezun deneyimsiz geliştirici de işi iş yerinde öğrenebilir ve kendilerinden daha deneyimli birinin yardımı ile bu alanda kendilerini çok daha fazla geliştirebilir ancak bunu yapabilmek için önce işin temellerini öğrenmeleri gerekir.

Peki bu temeller nelerdir?
Bir web geliştiricisinin sahibi olması gereken temel yetenekler şunlardır:

Bir alan adı satın alabilmek ve ilgili alan adının DNS ayarlarını düzenleyebilmek / değiştirebilmek.
Xampp ya da MAMP ile yerel bilgisayarları üzerinde bir web sunucusu kurabilmek.
Photoshop / Illustrator / Fireworks tasarımlarından HTML / CSS şablonları oluşturabilmek.
SVN kullanarak dosyaları yedekleyebilmek.
Firmanın kullandığı içerik yönetim sistemi ya da WordPress/Drupal gibi türevleri üzerinde yeni bir web sitesi oluşturabilmek.
Zamanın kaydını tutabilmek ve anahtar görevleri yerine getirebilmek için ne kadar zaman harcanması gerektiğini önceden kestirebilmek.

Üniversitede Bilgisayar Bilimi öğrenmeye gittiğim zaman, bu temel yeteneklerin herhangi biri ne öğretildi ne de bana verilen projelerde kullanmam istendi. Bu yeteneklerden bazılarını ben bulunduğum yerdeki belediye üzerinde web tasarımcısı olarak çalıştığımda kendi kendime öğrendim. Hepimiz bloglar, kitaplar ve podcastlar kullanarak öğrendim.

İlk İşimi Nasıl Buldum?

Üniversitedeki ilk yılımda (2001-02) endüstriyel yerleştirmeden sorumlu eğitmen, web tasarımı ve geliştirmesine yönelik herhangi bir iş bulunmadığını söylediğinde bir an nefesimin kesildiğini hissettim. Buna rağmen bir yıl sonra üniversitedeki ilan panolarına asılan iş ilanlarının yarısından fazlasının web tabanlı işler olduğunu öğrendim. Ardından ben de bir web geliştiricisi olmak istediğime karar verdim ancak ne yazık ki, başvurduğum her iş benden sahip olmadığım yetenekleri kullanmamı istedi.

Bir sürü başarısız iş görüşmesi ile geçen altı ayın ardından, beni mülakata alan kişileri daha çok etkilemek adına bazı ücretsiz işler yapmak istedim. Ardından kız arkadaşımın annesinin çalıştığı vakıf için ücretsiz bir web sitesi geliştirmek istedim. CV'm her ne kadar bazı kodlama dillerini bildiğimi gösterse bile, insanların kontrol edebileceği herhangi bir URL içermiyordu. İş görüşmelerinde sürekli ilgili iş alanında yeterli bilgim olduğunu ıspatlamaya çalışıyordum. Okulların açılmasına bir hafta kala ise en sonunda bir iş teklifi aldım.

2004-2005 sezonunda, Ocak/Mart ayları arasında Manchester, Cheshire ve civarındaki web ajansları ile iletişime geçtim. Bunun sonucunda pek bir şey olmadı, zira bunun karşılığında tek aldığım şey birer teşekkür maili oldu.

Ardından reed.co.uk, cwjobs.co.uk (Türkiye'nin kariyer.net sitesinin muadilleri) gibi sitelere CV'mi gönderdim ve tanıtımı yapılan iş ilanlarına başvurmaya başladım. Hala bir sonuç alamamıştım. Ardından CV'mi Manchester Digital (yerel bir tasarım ajansı sitesi) yerleştirdim ve JJB Sports'taki ilk işime de bu sayede kavuştum. Kendimi tanıtıp CV'mi pek çok yere gönderdikten sonra en sonunda en azından benim için işe yarayan bir yöntem bulmuştum.

Siz ilk işinizi nasıl alabilirsiniz?

Ben aşağıdakilerden herhangi birine sahip birisini işe almazdım:

@hotmail.com, @yahoo.com elektronik posta adresine sahip (gmail, kendi alan adınız ya da @mac.com gibi daha az bilinen profesyonel elektronik posta adresleri daha iyi görünür)
Bir websitesi, blogu, çevrimiçi portfolyosu ya da twitter hesabı yok,
Hiçbir şekilde deneyimi olmamış,
Daha önce hiç duymadığım birisi.

Son iki made önemli. Endüstri'de deneyim her şeyden önemlidir. Eğer iyi bir web geliştiricisi iseniz kısa sürede çok yüksek noktalara gelebilirsiniz. İyi bir eğitim de önemlidir ancak eğer yanınızdaki kişi sizinle aynı okuldan aynı derece ile mezun olmuş ancak 3 yıl deneyimi varsa onun CV'si daha iyi görünecektir.

Son nokta ise adınızı duyurmanız gerekiyor. O yüzden iş ilanlarını takip edin, twitter'ı kullanın, kendi ağınızı oluşturun, bazı önemli insanların isimlerini öğrenmeye çalışın. Endüstrideki herkes birbirini tanır ve eğer X ajansına başvurup herhangi bir iş bulamasanız bile, o ajansta çalışan birisi sizden Y ajansında çalışan arkadaşına bahsedebilir ve CV'nizi ona gönderebilir. Elbette buradaki kişi gibi yaratıcı olmanın da kimseye zararı dokunmaz.

Deneyim Kazanmak

Eğer hiçbir deneyiminiz ve bunun sonucunda da örneklendirebileceğiniz hiçbir kurumsal çalışmanız bulunmuyorsa, gerçekten buna ihtiyacınız unutmayın ve en azından aşağıdakileri yapmaya çalışın.

Kendi web sitenizi / blogunuzu kurun
Bir akrabanızın küçük çaplı iş yeri için bir web sitesi oluşturun
Bulunduğunuz bölgedeki bir web tasarım firmasında herhangi bir ücret almadan ya da az bir ücret karşılığında çalışın, gerekirse çay yapın
bir web geliştiricisi olarak olması gerektiğinden daha az maaş ödeyen bir işte çalışın
kitapları ve blogları takip edin ve mümkün olduğu kadar web geliştirme üzerinde pratik yapın.

Eğer herhangi bir kurumsal deneyiminiz olmadan herhangi bir işe başvurmuşsanız, sizinle aynı kabiliyete sahip ancak herhangi bir deneyimi olmayan birinin önüne geçmiş olursunuz.

Özet

Tüm web ajansları sürekli birilerini ararlar. Her ne kadar özellikle günümüz ekonomik koşulları da göz önüne alındığında bazı ajansların "en iyi"yi işe alabilmek için bekleyebileceği gibi, pek çoğu henüz bu alana yeni giriş yapmış azimli kişileri arıyor ancak bulamıyor olabilirler. Sizin göreviniz bu tip ajansları arayıp onları varlığınızdan haberdar etmek olmalı. Bu sayede onları hem iş bulma acentalarına para ödemekten kurtarmış olursunuz, hem de kendinizi iş bulma acentaları ile boğuşarak zaman kaybetmekten kurtarmış olursunuz.

Sizin bu alandaki tecrübeleriniz nelerdi? İlk işinizi nasıl buldunuz? Karşılaştığınız zorluklar nelerdi? Yorumlarınızla paylaşın.

Kaynak: <img /> is Everything

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yerli web geliştirme platformu

csoon — Tue, 24 Feb 2009 17:47:00 GMT

Türkiye'de üretilmiş ama adı yeterince duyulmamış bir yazılımdan bahsedeceğim. Yazılımın adı Moremotion Aplication Studio. Daha önce bildirgec'de 2002 yılında burada, 2003 yılında da burada konu olmuş. Ama o zaman daha çok gelişme aşamasında olduğu için fazla ilgilenen olmamış. O günden bu yana Mor Yazılım firması boş durmamış ve sistemi sürekli olarak geliştirmeye devam etmiş.
Moremotion A.ş, Java tabanlı olarak geliştirilen Moremotion framework'ü üzerinde açık kaynak kodlu web uygulamaları geliştirme ortamı sunuyor.

Moremotion

Diğer geliştirme ortamlarından farklı olarak XML/XSL teknolojileri kullanılarak Java tabanlı web uygulamalarını çok kısa sürelerde çoğu zaman tek satır kod yazmadan geliştirebilirsiniz. Özellikle Ajax uygulamalar için de hazır araçlar entegre olarak bulunuyor. Tam olarak tasarım ekranında ne görürseniz onu alıyorsunuz.

Programın yardım dökümanları oldukça detaylı ve Türkçe. Sadece yardım dökümanlarını okuyarak gelişmiş uygulamalar yapılabilir.
Kod yazarak yazılım üretenlere pek cazip gelmeyebilir ama kodlarla pek uğraşmak istemeyenler için biçilmiş kaftan. Lafı daha fazla uzatmadan sizi aşağıdaki linklere davet ediyorum :
Mor Yazılım Ana Sayfa
Mormotion Özellikleri
Forum
Tanıtım Videoları
Download

Bu yazı csoon tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımcıları İçin 12 Araç ve Site

pinkfloyd — Mon, 09 Feb 2009 17:01:00 GMT

Kendi işinizin patronu olmak bazen zorlayıcı olabilir. Fakat ne şans ki bizim işimizi daha hızlı ve daha iyi yapabilmemizi sağlayacak çeşitli siteler ve araçlar geliştiren bir grup insan bulunuyor. Sıklıkla web tasarımcılığım ve geliştiriciliğim sırasında hangi araçları kullandığım sorulur bana, ben de bunun üzerine bu araçlara yönelik bir liste yapmaya karar verdim. Mac OS X işletim sistemi üzerinde çalıştığım için bu araçların pek çoğunun Mac için olduğunu hatırlatmak isterim. İşte başlıyoruz.

1. Event Box

Event Box'u sadece birkaç ay önce kullanmaya başladım ve bu servisin mükemmel olduğunu söylemek zorundayım. Hatta mükemmelden de öte. Tahmin edeceğiniz üzere zamanımın büyük bir kısmını çevrimiçi olarak geçiriyorum ve bir sürü RSS beslemesini takip ediyorum. İşte Event Box bu beslemelerin yanısıra Twitter, Facebook ve Flickr'ı da takip edebilmemi sağlıyor. Kesinlikle bu araç daha yaratıcı ve tasarım komünitesinin son zamanlarda nelerle ilgilendiğini takip edebilmem açısından mükemmel bir araç.

2. Adobe Creative Suite

Sanırım bunu kullandığımı tahmin etmeniz zor olmazdı. Adobe'nin herhangi bir giriş metnine ihtiyacı olduğunu sanmıyorum. Ben genellikle FireWorks, Photoshop ve Illustrator'u kullanıyorum. Ve evet, FireWorks'un olması gerektiği kadar popüler olmadığının farkındayım ancak ilgili yazılımı her zaman kullanıyorum ve istediğim her şeyi ve çok daha fazlasını yapıyor. Yaptığım işlerin çoğu web ile alakalı ve FW ile PS ihtiyacımı çabucak karşılayabilecek kapasitede.

3. WordPress

Geliştirdiğim sitelerin pek çoğu WordPress üzerinde çalışıyor. Neden mi? Çünkü platformun özelleştirmeye çok açık ve komünitesinden aldığınız desteğin inanılmaz olduğuna inanıyorum. WordPress'i sadece bir 'bloglama platformu' olarak görmüyorum. Bence WordPress ondan çok daha fazlası.

4. Text Wrangler

Özetle, Text Wrangler benim en beğendiğim metin düzenleyicisidir. Kod, CSS ve benzeri diğer kodları yazmanın yanısıra bildirgeç üzerindeki makalelerimi yazmak için de bunu kullanıyorum (bazen de Text Edit'i kullanıyorum elbette).

5. Evernote

Evernote sayesinde kendinizi en rahat hissettiğiniz platform üzerinde dilediğiniz bilgi parçacığını depolayıp daha sonra ona yeniden, istediğiniz yerden ulaşabilirsiniz. Servisin görseller üzerindeki metinleri de aranabilir kılması benim çok işime yarıyor.

6. iStockPhoto

Bir blog yazısına bir görsel yerleştirmek istediğimde ya da bir web sitesi için bir simge ya da o siteye özgü bir görsele ihtiyacım olduğunda genellikle iStockPhoto web sitesini ziyaret ederim. Görsellerin fiyatları çok uygun ve bazen uzatılmış lisanslar da sunuluyor. Kesinlikle önerilir. Özellikle kurumsal web siteleri hazırlıyorsanız ve daha sonra telif hakları ile başınızın ağrımasını istemiyorsanız bu tip siteleri kullanmanızı öneririm.

7. Flickr

Flickr blog yazıları ve makaleler için sadece görsel bulmak için mükemmel bir araç olmakla kalmıyor, ayrıca tasarımcılar ve fotoğrafçılarla iletişim kurmak için de kullanışlı bir platform olarak kullanılabiliyor. Flickr üzerinde bir pro hesabım var ve ödediğim her kuruşuna değdiğini söyleyebilirim.

8. Launch Bar

Launch Bar, popüler QuickSilver'a mükemmel bir alternatif. Pek çok Mac kullanıcısının QuickSilver aşığı olduğunu biliyorum ama ben her nedense Launch Bar'ı tercih ediyorum. Belki de arayüzünün sadeliğinden olsa gerek.

9. Parallels Desktop

Web siteleri tasarlarken ve geliştirirken, onun farklı tarayıcılarda nasıl göründüğünü kontrol etmeniz gerekmektedir (ah IE6 ah!). Elbette Mac üzerinde ücretsiz BootCamp'i kullanarak Windows kurabilirsiniz ancak bu yazılım ile Windows kullanmak istediğinizde sisteminizi yeniden başlatmanız gerekir. Parallels sayesinde Mac üzerinde çalışırken Windows'u kullanabilmenin bana kazandırdığı zaman tartışılmaz.

10. Pixelmator

Pixelmator yazılımı Photoshop'a mükemmel bir alternatif. Elbette Photoshop ile daha fazlasını yapabilirsiniz ancak sadece temel iyileştirmeler ve değişiklikler yapmak istediğinizde neden Photoshop'u açmanız gereksin ki? Tüm bunların yanısıra ikisinin arasındaki fiyat farkı da oldukça fazla. Gün geçtikçe kendimi daha az Photoshop, daha fazla Pixelmator kullanırken buluyorum.

11. MAMP Pro

MAMP gerçekten kullanışlı bir yazılım. Özellikle Internet erişiminin olmadığı durumlarda MySQL, PHP ve Apache'yi sisteminizde kullanmak istiyorsanız, MAMP Pro kesinlikle denemeniz gereken bir yazılım.

12. FreshBooks

Freshbooks'u, projeler üzerinde geçirdiğim zamanı kaydetmek ve ardından müşterilerime fatura göndermek için kullanıyorum. Faturalamaya yönelik her şeyi kaydetmek için kullanması oldukça kolay bir uygulama. Uygulamayı neredeyse bir yıldır kullanıyorum ve daha çok uzun süre kullanmayı planlıyorum. Web tabanlı olan bu uygulamanın iPhone ve iPod touch üzerinde çalışan bir uygulaması da mevcut.

Şimdi Konuşma Sırası Sizde
Kullandığım araçların ve sitelerin bir listesini gördünüz. Şimdi sanırım sıra sizde. Sizin özellikle web tasarımında kullandığınız araçlar neler? Faturalama, geliştirme ve tasarım işleriniz için hangi araçları kullanıyorsunuz? Yorumlarınızla paylaşın.

Kaynak: Spyre Studios

Web Tasarımcıları ve Geliştiricileri İçin Yararlı Kaynaklara Yönelik Yazdığım Diğer Yazılar

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör

pinkfloyd — Wed, 28 Jan 2009 09:17:00 GMT

Sitenize yeni bir ziyaretçi geldiğinde sitenize dair ilk izlenimi çabuk bir şekilde oluşacaktır. İyi bir ilk izlenim, ziyaretçinizin sitenize yeniden gelmesini sağlayabilecek önemli faktörlerden biri iken, kötü bir ilk izlenimin bıraktığı izlerin üstesinden gelmek zordur.

Yazının devamında bulacağınız liste sitenizi ziyaret eden ziyaretçilerin ilk izlenimlerini etkileyen 21 faktörü listelemektedir. Bu listenin faktörlerin sadece bir kısmı olduğunu ve tüm faktörleri oluşturmadığını unutmayın. Eğer istersiniz sizce önemli olan faktörleri de yorumlarınızla paylaşabilirsiniz.

1. Açılma Süresi
Pek çoğumuz yavaş açılan web sitelerine karşı sabırsızızdır. Diğer yandan hızlı açılan web siteleri ziyaretçileri siteniz üzerinde gezinmeye teşvik edecektir, zira her bir sayfanın açılması için uzun süre beklemeyeceklerini bilirler.

2. Hata Mesajları
Eğer sitenizi ziyaret eden ziyaretçiler hata mesajları alıyorlarsa ve sitenize erişmede sıkıntı yaşıyorlarsa, sitenizden etkilenmeyeceklerdir ve sitenizi bir kez daha ziyaret etmeyeceklerdir. Sitenizde oluşabilecek pek çok hata bulunmaktadır. BlogStorm'un yayımladığı şu makale bir adet başarısız siteyi ele alıyor ve problemlerini irdeliyor.

3. Renkler
Sitenizin görünümü hiç şüphesiz ilk izlenimde oldukça etkilidir. Sitenizin genel renk şeması, sitenizin çekiciliğinde önemli rol oynar. Doğru renk kombinasyonlarını seçmek zor olabilir, ancak İnternet üzerinde size bu konuda yardımcı olabilecek pek çok araç bulunmaktadır. Renklerin psikolojisine dair kaynaklar ve bağlantılar için Web siteniz için mükemmel renkleri bulun adlı yazıyı ya da bildirgec üzerinde yayımladığım Tasarımcılar İçin Renk Planlama (Color Scheming) adlı yazımı okuyabilirsiniz.

4. Logo / Marka
Sitenizin genel görünümünü etkileyen bir diğer faktör de sitenizin logosu ve markasıdır. En önemlisi sitenizde kullanacağınız logo işinizi ya da kurumunuzu sizin ziyaretçilerinizin düşünmesini istediğiniz şekilde düşünmesine yol açabilecek şekilde markalaştırabilmelidir. Daha fazla bilgi için David Airey'in yazdığı Bir logoyu mükemmel yapan nedir? başlıklı yazıyı okuyabilirsiniz.

5. Başlık Görselleri
Baskın başlık görselleri sık kullanılır ve ilk izlenime güçlü etkileri olabilir. Kişisel olarak ben bloglarda büyük boyutlu başlıkları seven bir değilimdir ancak bazı blog tasarımcıları bunu mükemmel bir şekilde uygulayabiliyorlar. Şahsen ben içeriğin sayfanın üst kısmında başlamasını isterim ancak pek çok ziyaretçi benimle aynı fikirde değildir. Nate Whitehill sitesinde oldukça çekici bir başlık görseli kullanmaktadır.

6. Tipografi
Görece etkili olan bir diğer element ise tipografi ve yazıtipleridir. Tipografideki değişiklik önemli bir değişiklik olmayabilir ancak sitenizin genel görünümünü tümden değiştirebilecek kapasitededir. Mark Boulton tarafından yazılan Daha İyi Tipografi İçin 5 Basit Adım makalesi size konu ile ilgili daha detaylı bir bilgi verebilir.

7. Anahat
En önemli tasarım elementlerinden birisi de anahattır (layout). Hangi anahattı kullanırsanız kullanın, kullanacağınız anahat sitenizdeki önemli öğelere ziyaretçinin dikkatini çekebilmelidir. Anahat sadece çekici bir tasarım oluşturmak için kullanılmakla kalmaz, ayrıca sitenizi ziyaretçilerinizin daha kolay bir şekilde kullanabilmelerini de sağlar. Web sitelerinin pek çoğu standart tasarım elementlerini kullansa da sitenizi diğerlerinden ayırabilmenin bir yolu da anahat üzerinde yaratıcılığınızı konuşturmaktır. Elbette yaratıcı bir anahattın sitenizin kullanılabilirliğini azaltmaktansa işlevselliğini arttırmayı tercih etmelisiniz.

8. Reklamlar
Sitenize dair kötü bir izlenim uyandırmanın en kolay yollarından birisi de sitenizi reklamlarla doldurmaktır. Günümüzün İnternet kullanıcılarının pek çoğu siteler üzerinde reklam gördüklerinde şaşırmazlar ancak çok fazla ve yanlış türde kullanılan kötü bir şekilde yerleştirilmiş reklamlar ziyaretçilerinizin sitenizden kolayca soğumasını sağlayabilir.

Genel bir kural olarak reklamlarınızı ziyaretçilerinizin sitenizdeki içeriği okumalarına engel olmayacak bir şekilde yerleştirmelisiniz, tabi eğer sitenizin amacı tıklama başına reklamlar üzerinden para kazanmak değilse. Hareketli reklamlar da bir diğer önemli konudur zira bu tip reklamlar site ziyaretçilerinizin dikkatini kolayca dağıtabilirler.

Ziyaretçilerizi ilgilendiren ve sitenizin ana içeriği ile karışmayan reklamlar kullanırsanız ziyaretçileriniz bunu kötü algılamayacaklardır.

9. İtibarınız
Sitenizi ilk kez ziyaret eden ziyaretçilerinizin bir kısmı daha önce sizin hakkınızda bilgilendirilmiş olabilir. Çoğu zaman sizin hakkanızda sitenize bağlantı veren bir başka site üzerinde bilgi sahibi olmuşlardır. Bu durum özellikle blogcular arasında yaygındır. Eğer o ziyaretçi siteniz hakkında olumlu bir yorum okumuşsa onun ilk izlenimini olumlu yönde etkileyebilecek bir itibar bırakmışsınızdır. Bu durum ziyaretçiniz eğer sizin hakkınızda kötü yorumlar okumuşsa aksi yönde de işleyebilir.

10. Navigasyon Kolaylığı
Muhtemelen hepimiz üzerinde okunacak pek çok içerik bulunan bir site görünen ancak istediğimiz şeyi bulamadığımız bir site ile karşılaşmışızdır. Kötü bir navigasyona sahip bir web sitesinden daha rahatsız edici bir şey var mı bilmiyorum. İyi tasarlanmış bir navigasyona sahip web sitesinin, ziyaretçilerinizin sitenizdeki deneyimleri üzerinde çok pozitif bir etkisi olabilir.

11. Amacınızın Netliği
Yeni ziyaretçiler sitenizin varoluş amacını çabucak anlayabilmelidirler. Pek çok sitesi bunu sitelerinin üst kısmında sitenin içeriğini özetleyen bir tanım kullanarak başarırlar. Hakkında sayfaları da iletişim açısından önemli elementlerden biridir.

12. Profesyonel Olmayan Öğeler
Düşük kalitede animasyonlu GIF görselleri gibi bazı öğeler ve sayaçlar kötü bir ilk izlenim oluşturabilirler. Genel olarak sitenizi 10 yıl önce tasarlanmış gibi gösterebilecek her şeyden uzak durulmalıdır.

13. Görsellerin ve Fotoğrafların Kalitesi
Yüksek kalitede bir fotoğrafın ya da grafiğin tasarım üzerinde bırakabileceği etki gerçekten inanılmazdır. Ne şans ki İnternet üzerinde yüksek kalitede düşük ücretli fotoğraflar bulabileceğiniz pek çok resim bulunmaktadır hatta bunlardan bazıları ücretsizdir. İyi bir ücretsiz resmi bulmak için harcayacağınız zaman, daha çabuk bulacağınız ve sadece birkaç lira ödeyerek sahip olabileceğiniz resimlerle kıyaslandığında, harcanmaya değmez. İnternet üzerinde fotoğraf bulabileceğiniz sitelerin bir listesine ulaşmak için bu makaleyi okuyabilirsiniz.

14. Erişilebilirlik
Web tasarımında erişilebilirlik son zamanların popüler konusu haline gelmiştir. Gerçek olan şu ki ziyaretçilerinizin pek çoğu ortalama ziyaretçi kategorisine düşmeyecektir. Bazılarının engelleri olacak, bazıları eski bir tarayıcı kullanıyor olacak, bazılarının da yavaş bağlantıları olacaktır. Eğer web siteniz siteniz tarafından erişilebilir olmazsa, bu ziyaretçileriniz üzerinde kötü bir izlenim bırakacağının garantisidir.

15. Açılır ve gizli-açılır pencereler
Günümüzde pek çok İnternet kullanıcısı bir tür pop-up engelleyicisi kullanmaktadır. Pek çok ziyaretçi, engellenemeyen açılır pencerelerden hoşlanmazlar ve bu da kötü bir izlenime yol açar. Buna rağmen bazı siteler halen açılır pencereleri verimli bir şekilde kullanmaktadırlar, bu sebeple açılır pencere kullanmadan önce artıların ve eksilerini iyi bir şekilde tartmanız önerilir.

16. Video ve Ses
Gün geçtikçe daha fazla İnternet kullanıcısı yüksek hızlı bağlantılara sahip oldukça ses ve video içerikli web siteleri daha yaygın kullanılmaya başlayacaktır. YouTube gibi sitelerin başarısı bu tip elementlerin pek çok ziyaretçi tarafından olumlu karşılandığının bir göstergesidir. Genel bir kural olarak ses ve video içerikleri otomatik olarak başlatılmamalıdır.

17. İştiraklar ve Kurumlar
Ziyaretçiler sitenizi ilk kez ziyaret ediyor olabilirler ancak birlikte iş yaptığınız ya da ürünlerinizi kullanan diğer firmaların ismini görerek siteniz hakkında olumlu bir izlenime kapılabilirler. Buna güzel bir örnek olarak Media Temple web sitesi gösterilebilir. Media Temple'nin ana sayfasını ziyaret eden ziyaretçiler Nike, Sony ve Starbucks gibi firmaların Media Temple hakkındaki yorumlarına ulaşacaklardır. Eğer ziyaretçinizin ürünleriniz ve hizmetleriniz hakkında şüpheleri varsa, bunun gibi iyi bilinen şirketlerin ilk izlenime katacağı olumlu katkı kaçınılmazdır.

18. İçeriğin Kalitesi
Elbette kaliteli içerik bu listenin dışında kalamazdı. Her ne kadar sitenin içeriği, tasarımı kadar ilk izlenime etkisi olan bir element olmasa da, siteniz üzerinde bir dakikadan daha uzun süre kalan bir ziyaretçinin ilk izlenimi üzerinde hatırı sayılır bir etkisi olacaktır. Bu özellikle bloglar için önemli bir faktördür. Siteniz ilk kez ziyaret eden bir ziyaretçi mükemmel bir içeriğe ulaşırsa, siteniz hakkındaki ilk izlenimi hiç şüphesiz olumlu olacaktır.

19. Ton
İçeriğin kendisinin yanısıra içeriğin tonu da ilk izlenimde etkilidir. Daha önce güçlü içeriğe sahip ancak yazarı tarafından olumsuz bir tona sahip pek çok blogla karşılaştım.

20. Yorumların Sayısı ve Geri İzlemeler
Blogunuzu ilk kez ziyaret eden ziyaretçilerin pek çoğu, yazılarınızdaki yorumların sayısına dikkat edeceklerdir. Yorumların ve geri izlemelerin sayısının fazlalığı, ziyaretçilerin ilgil içeriğin başkaları tarafından önemsendiği ve bu sayede onun değerli olduğu izlenimini uyandırır. Öte yandan hiçbir yorumu bulunmayan yazılar, ziyaretçinin ilgili içeriği kimlerin okuduğunu düşünmesine yol açar.

21. Flash Girişler
Olumlu ya da olumsuz, flash girişleri (intro) bulunan sitelerin ziyaretçilerin ilk izlenimine etkisi olacaktır. Ben pek çok web sitesinde flash girişi bulunmasından hoşnut değilimdir. Bu tip girişlerin bazı endüstrilerdeki bazı web sitelerinde yeri olduğunu düşünürüm, mesela film ya da rock müzik gruplarının web siteleri gibi. Eğer ziyaretçilerinizin sizden bir flash girişi beklemediğini düşünüyorsanız flash girişi kullanmaktan kaçınırım.

Kaynak: Vandelay Design Blog

Kullanılırlık ve Tasarımcı İpuçlarına Yönelik Yazdığım Diğer Yazılar

ilgili yazılar

İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element (12)

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element

pinkfloyd — Tue, 27 Jan 2009 18:55:00 GMT

Bir web sitesini tasarlarken ve geliştirirken göz önünde bulundurmak gereken pek çok ayrıntı vardır. Gerçekte bu ayrıntılar sonsuz bir listenin birer parçası gibi görünebilirler ancak listeye dikkatli bakıldığında bu elementlerden birkaçının diğerlerinden daha önemli olduğu ve bu elementlerin de en başarılı web siteleri tarafından kullanıldığı gözlenir.

Web sitenizin planlama aşamasını tamamladığınızda geriye kalan elementler Kullanıcı Arayüzü Tasarımı'ndan İçerik Oluşturmaya, oradan da geliştirme aşamasının kendisine kadar değişen geniş bir kategori yelpazesine yayılır. Elbette Arama Motoru Optimizasyonu (SEO) için de dikkat edilmesi gereken bazı ayrıntılar var ama şimdilik onu bir kenara bırakalım.

İşte en iyiyi hedefleyen her web sitesinin sahibi olması gereken 15 anahtar element.

1. İyi Görsel Tasarım
İlk olarak... Görsel tasarım. Sizi bilmem ama ben bir web sitesini ziyaret ettiğimde eğer site beni görsel olarak tatmin etmiyorsa o siteyi kısa sürede terk ederim.

Bunu derken her iyi web sitesinin görsel olarak güzel görünmesi gerektiğini söylemeye çalışmıyorum, ama eğer bir web sitesi 1994'ten beri güncellenmemiş gibi görünüyorsa, diğer mükemmel web sitelerinin yanında sönük kalacağı aşikardır.

Temiz ve sade bir tasarım genellikle ihtiyacınız olan tek şeydir. Sitenizdeki parıltılı nesneler de güzeldir ancak ben "az ama öz" teorisine inanlardanım. Tasarımınızın kalabalık olmasını istemezsiniz. Onun sadece güzel görünmesini, böylece rakiplerinizin önüne geçerek potansiyel müşterilerinizin dikkatini çekmesini istersiniz.

İlk izlenim önemlidir. Her ne kadar tek başına iyi bir tasarım bir kişiyi sitede tutmaya yetmese de, göz alıcı tasarımlar ziyaretçinin sitenizde daha uzun süre kalmasını sağlayacak, en sonunda da aradıkları içeriğe ulaşabilmek için daha fazla çaba sarfetmiş olacaklardır.

2. Düşünceli Kullanıcı Arayüzü

İyi tasarımla birlikte iyi bir kullanıcı arayüzü de gelir. Kullanıcı arayüz, başarılı işlevselliği olan sitelerin temelini oluşturur. Bir siteyi tasarlarken daima averaj kullanıcıyı göz önünde bulundurmalısınız. Sitenizi kimler ziyaret edecek - ideal müşteriniz kimler? Teknolojiye yatkınlar mı? Bilgisayar bilgileri iyi mi?

İdeal ziyaretçinizin bir görselini kafanızda canlandırmak ve siteniz için yapacağınız tasarımı planlandırırken bunu göz önünde tutmak daima yardımcıdır. Sitenizi ziyaret eden ziyaretçilerin birşey satın almadan ya da sitenize abone olmadan önce onların ihtiyacı olabilecek her şeyi sunduğunuzdan emin olun.

Navigasyonunuzun kolayca farkedilebilebilir olmasını ve site genelinde tutarlı bir şekilde kalmasını sağlamalısınız. Hem ana navigasyon üzerinde hem de içerik alanınızdaki bağlantılarda kullanıcının nereye tıklaması gerektiğini kolayca anlamalarını sağlayın.

3. Öncelikli navigasyonunuz görünebilir olsun
Gezinmesi kolay bir web sitesi sahibi olmanın bir bölümü, önceliğin navigasyonda olmasını sağlamakta yatar. Sitenizin anahtar bölümlerine bağlantılar içeren kesim, sitenizin ilk bakışta görünebilir alanında olmalıdır. Günümüzün büyüyen monitör boyutları göz önüne alındığında görünen kesim site tasarımınızın üst kısmındaki 500-600 piksellik kısma işaret ettiğini unutmayın.

Bu alan içerisinde yer alabilecek elementler logonuz (ki bu logo sitenizin ana sayfasına bağlantı içermelidir) ve bunun yanısıra sitenizin ana alanlarına bağlantılar olabilir. Bu kısmda eğer alt sayfalara bağlantı verebilirseniz çok güzel olur ancak çoğu durumda bu, tasarımınızın kalabalık olmasına yol açacaktır.

Örneğin "Ana Sayfa | Hakkında | Servisler | SSS | İletişim" bağlantılarını sitenizin en üst kısmında kolay bulunabilecek bir yere yerleştirebilirsiniz. Biyografi ve Özgeçmiş gibi alt sayfaları, sitenizin yan çubuğuna ya da dahil oldukları sayfa başlığının altına bağlantı olarak yerleştirebilirsiniz.

Burada önemli olan şey tutarlılıktır. Hem ana bağlantılarınızın hem de alt bağlantılarınızın sitenizin geneli boyunca aynı yerde olmasına özen gösterin.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

jQuery'nin En Pratik ve Yaratıcı 20 Kullanımı

4. Altlık Kısmında Navigasyonu Tekrar Edin
Eğer sitenizdeki ana navigasyon için görseller (ya da flash) kullanırsanız, sitenizin altlık kısmında navigasyon içeriğini tekrar etmeniz önemlidir. Sitenizin üst kısmında metin bağlantılar kullanıyor olsanız bile altlık kısmında bu bağlantıları yinelemeniz yardımcı olacaktır. Ziyaretçilerinizin sitenize baktıklarında aradıkları içeriğe kolayca ulaşabilmelerini sağlamalısınız.

Çoğu zaman altlık kısmı "Kullanım Sözleşmesi" gibi diğer bilgileri de içerebilir. Bu alanda bulunması kolay olması gereken ancak üst kısımdaki ana navigasyon bölümünde yer alacak kadar önemli olmayan bağlantıları listeleyebilirsiniz.

5. Anlamlı İçerik
"İçerik her şeydir" sözünü daha önce duymuşsunuzdur. İlk bakışta göze hoş gelen bir web sitesi sahib olabilirsiniz ancak o sitenin içeriği doyurucu değilse, ziyaretçinizin sitenizde uzun süre kalmayacağından emin olabilirsiniz.

Web siteniz için içerik yazarken şirketiniz, ürünleriniz, hizmetleriniz gibi öğeler hakkında yardımcı ve öğretici bilgiler sunabilmeniz önemlidir. Eğer bir blogunuz varsa, uzmanlık alanınıza yönelik bilgilendirici makaleler inanılmaz derecede yardımcı olacaktır.

Kendinizi ya da şirketinizi satmanız her ne kadar önemli olsa da, bunu ziyaretçilerinizin gözüne sokmamalısınız. Özellikle bloglarda blogunuzu ziyaret eden kullanıcıların daima sizin kişisel yaşamınız hakkında birşeyler okumak istediğini sanmayın - ziyaretçileriniz onlara nasıl yardımcı olabileceğinizi bilmek için oradalar.

6. Düzgün Hakkında Sayfası
Bu makalenin yazarının sitesindeki 10 popüler sayfası arasında (ana sayfadan, blogdan, 3 özel blog girdisinden ve portfolyo sayfasından sonra) Hakkında sayfası gelmektedir. İster inanın ister inanmayın, sitenin Hakkında bölümü, hizmetler ve portfolyo sayfalarından daha çok dikkat çekmektedir.

Bunun tek açıklaması vardır ki o da insanların meraklı olduğudur. İnsanlar bir şirketin ya da blogun ardında kimlerin olduğunu bilmek isterler. Ben biyografi sayfama kendi fotoğrafımı eklemek konusunda biraz utangaçtım, ancak birkaç ay önce en sonunda kendi fotoğrafımı ilgili sayfaya ekledim. Meraklılık hissinin neler yaptırabileceğine inanamazsınız. Şöyle bir baktığımda ben de kendimi sık sık bir tasarımcının ya da yazarın Hakkında sayfasını okurken buluyorum.

Kendi geçmişiniz ve bunun işinize ya da uzmanlık alanınıza olan etkileri hakkında bilgilerden bahsedin. Hakkında sayfası potansiyel müşterilerinize kendiniz hakkında biraz daha fazla bilgi verir ve sitenizin daha "kişisel" bir görünüme bürünmesini sağlar. Eğer yazınızı okuyorlarsa ve sizin hakkınızda biraz daha fazla şey bilmek istiyorlarsa, Hakkında sayfası sayesinde sizinle daha iyi bir bağ kuracaklar ve başka bir seviyede sizinle daha iyi iletişim kurabileceklerdir.

Potansiyel müşteriler genellikle, azıcık bile kişisel olmayı reddeden karaktersiz kurumların aksine arkasında "gerçek" kişilerin olduğu şirketleri seçerler.

7. İletişim Bilgisi

Sizinle nasıl iletişim kurabileceğini bulamamaktan başka hiçbir şey potansiyel müşteriyi bu kadar geri çekmez. Eğer hizmetlerinizle ilgileniyorlarsa ve sizinle iletişim kurup sizi kiralayabilecek basit bir sayfa dahi bulamıyorlarsa, kendinizi yarışmayı kaybetmiş olarak görebilirsiniz.

İdeal olarak tek bir iletişim yönteminden daha fazlasını vermek isteyeceksinizdir. En azından bir elektronik posta adresi ve iletişim formu. Sizi daha "gerçek" kılmak için ise bir telefon numarası ve eğer mümkünse bir posta adresi eklemeniz önerilir. Pek çok bireysel çalışanın (freelancer) evlerinden çalıştığını biliyorum, zira ben de öyleyim. Bu durumda ev telefonunuzu sitenizde yayımlamak istemeyebilirsiniz. Bu sebeple sadece iş görüşmeleri için kullanacağınız bir hat alarak ve bir posta kutusu kiralayarak bu sorunun önüne geçebilirsiniz.

Bu yöntemlerin vergiden düşülebildiğini ve sizi sitesinde sadece elektronik posta adresi sunanlardan çok daha profesyonel göstereceğini unutmayın. Aynı gemideki diğer evden çalışanlar için bu bir değişiklik arz etmeyecektir. Ancak eğer büyük boyutlu ya da kurumsal müşterilerle çalışırsanız, ulaşılabilir bir telefon numarası ve posta adresi, kararlılığın bir göstergesi olacak ve onların bir başkası yerine sizi tercih etmelerinde küçük bir rol oynayacaktır.

8. Arama
Eğer büyük bir web siteniz ya da blogunuz varsa, arama özelliği kullanmanız çok yardımcı olacaktır. Arama özelliği olmadan sitenizdeki yüzlerce sayfa arasında ziyaretçinizin aradığını bulmasını beklemek doğru olmaz. Eğer potansiyel müşteriniz aradıklarını bulamazsa, ancak bir başka sitede bulursa, sizin hizmetiniz daha iyi olsa bile "bulunamadığı" için potansiyel müşteriniz diğerini seçecektir.

Siteniz üzerinde Google Arama özelliğini kullanabilir ya da eğer WordPress (ya da diğer bloglama platformu veya içerik yönetim sistemi) kullanıyorsanı, bu platformlar genellikle bütünleşik arama motoru içerirler. Statik HTML sitesi üzerinde arama motoru inşa etmek her ne kadar kolay olmasa bile sizin için bunu yapabilecek servisler yok değil.

9. Kayıt / Abonelik

Eğer web siteniz düzenli olarak içerik sunuyorsa (örneğin bir blog), kullanıcılarınızın bu içeriğe kolayca abone olabilmelerini isteyeceksinizdir.

Eğer WordPress blogunuz var ise bu eklemesi gerçekten kolay olan bir başka özelliktir. Öntanımlı olarak WordPress üzerinde besleme (feed) adresi bulunur. Ancak eğer bu durumu kontrol altına almak istiyorsanız FeedBurner üzerinde ücretsiz bir hesap açabilirsiniz. Daha da iyisi FeedBurner FeedSmith eklentisini kullanarak blogunuzdaki tüm içeriğin otomatik olarak FeedBurner hesabınıza aktarılmasını sağlayabilirsiniz. Bu sayede içeriğinize abone olan kullanıcılar üzerindeki kontrolünüz artacaktır.

Eğer bir blogunuz yoksa ancak buna rağmen elektronik posta bildirileri için abonelik sunmak istiyorsanız örneğin, bunu sizin için sağlayacak pek çok şirket bulunuyor. Bu şirketler sitenize ekleyebileceğiniz ve bu sayede elektronik posta listeleri oluşturup onları yönetebileceğiniz bir kod sunarlar (bu arada FeedBurner da elektronik posta adreslerini toplamayı destekliyor). Bazı durmlarda elektronik posta adresleri RSS aboneliklerinden daha iyidir, zira potansiyel alıcılarınızın elektronik posta adreslerini depolayabilirsiniz. Abonelik sayılarının ve diğer genel istatistiklerin izini sürebilirken, RSS aboneliği olanlar güncellemelerinizi besleme okuyucuları aracılığı ile alabilir ve herhangi bir elektronik posta adresi vermek zorunda kalmazlar.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

10 Kullanışlı Web Uygulaması Arayüzü Tekniği

10. Sitemap (Site Haritası)
İki tür site haritası bulunur - biri insanlar, diğeri arama motorları içindir. Bir HTML (ya da PHP vs.) site haritasın sitenizi ziyaret eden ziyaretçiler için paha biçilmez bir araç olabilir ziya bu sayede sitenizin içeriğinin genel bir görünümüne ulaşarak aradıklarını kolayca bulabilirler.

Bir web sitesindeki tüm sayfaların bir listesini oluşturan bir site haritası özellikle sitenize arama özelliği ekleyemediğiniz durumlarda çok kullanışlı olacaktır. Sitenizin altlık kısmına ekleyebileceğiniz bir diğer bağlantı da site haritası olabilir. İyi bir site haritası sitenizdeki her bir sayfaı hiyerarşik olarak listeleyerek sayfalar arasındaki ilişkileri ve onların alt ve alt-alt sayfalarını gösterir.

11. Tasarımı İçerikten Ayırın
Anahat ve tasarım için HTML tablosu kullandığımız günler geride kaldı. Günümüzde en iyi şekilde geliştirilmiş siteler XHTML ve CSS kullanarak tasarım elementleri ile içerik elementlerini birbirlerinden ayırıyorlar.

<div> etiketlerini kullanarak sayfanızdaki çeşitli metin ve görsel alanları için kapsayıcılar oluşturabilirsiniz. CSS dosyası kullanılmadığında tek göreceğiniz şey metindir, ki bu tam da arama motorlarının görmek istediği şeydir.

Harici bir CSS dosyasına bağlantı vererek içeriğinizi tasarımdan ayırabilirsiniz. Bu sayede HTML sayfanızın kaynak kodunda metinden başka neredeyse başka hiçbir şey yer almaz. Ayrı bir CSS dosyası yazıtiplerini, renkleri ve arkaplan görselleri gibi site tasarımınızı ilgilendiren elementleri içerirler.

İşin bir diğer güzel yanı ise sadece bir CSS dosyası üzerinde güncelleme yaparak sitenizin tamamında görsel değişkliğe gidebilecek olmanız. Bu sayede örneğin ana bağlantı renginizi maviden yeşile dönüştürmek için sitenizdeki her bir sayfayı değiştirmeniz gerekmez.

İçeriğin tasarımdan bu şekilde ayrılması ile arama motorları karmaşık kodlar arasından içeriğinizi çekip çıkarmak zorunda da kalmazlar. Harici dosya kullanımı ile sayfanızın açılma süresi de kısalacaktır ki ziyaretçilerinizin istediği şey de budur.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

Web Tasarımcılarının Kodlama Yapmalarının 6 Gereği

12. Geçerli XHTML / CSS
Sitenizi XHTML ve CSS kullanarak kodlamak yetmez. Kodun doğru olması gerekir. Internet üzerinde kaynak kodunuzun doğruluğunu test edebilecek paha biçilmez iki adet araç bulunmaktadır.

Geçerli kod yazmak için pek çok sebep bulunmaktadır. Doğrulanabilir bir kod yazarak sitenizin farklı tarayıcılarda aynı biçimde görünmesine bir adım daha yaklaşmış olursunuz (detayları için 13. adımı okuyun) ve bu arama motorlarına da yardımcı olacaktır. Eğer siteniz geçerli web standartları kullanılarak geliştirilmişse, arama motorları içeriğinize kolay bir şekilde ulaşacaktır.

Doğrulanabilir kod kullanarak işinizin ehli olduğunuzu göstermiş olduğunuzdan bahsetmeme bile gerek yok. Evet, müşterilerinizin pek çoğu aradaki farklı bilmeyecektir, ancak bazıları bu farkı bilir, özellikle de sizden standartlarla uyumlu kod yazmanızı isteyen müşteriler bu farkı önemserler.

Bunun dışında diğer web geliştiricileri de muhtemelen görünen dağın ardında neler olup bittiğini görmek için sitenizin kaynak kodunu kontrol edeceklerdir... Hem meraktan, hem de sırf bunu yapabildikleri için!

13. Çapraz Tarayıcı Uyumluluğu
Firefoxla yatıp kalkıyor olabilirsiniz ancak bu müşterinizin de sizinle aynı şeyi yaptığı anlamına gelmez. Müşterinizin Internet Explorer kullanıyor olma ihtimali gerçekten yüksektir. Hatta ne yazık ki Internet Explorer 6 bile kullanıyor olabilirler (beni bu konuda konuşturmayın lütfen. Internet Explorer'ın defolup gitmesini isteyen tek geliştirici olmadığımı söyleyeyim gitsin).

Hem kendi sitenizin hem de müşterileriniz için geliştirdiğiniz sitelerin farklı tarayıcılar üzerinde aynı şekilde görüntülenebilmesi önemlidir. Eğer sitenizi farklı platformlar üzerinde de aynı şekilde görüntüleyebilirseniz bu size artı puan kazandırır. Her ne kadar pek çok son kullanıcı PC kullanıyor olsa da, Mac kullanan kullanıcı sayısında özellikle son iki yıldır büyük artış gözlenmiştir. Eskiden sadece tasarımcıların ve profesyonellerin kullandığı bir platform olan Mac, günümüzde her kesim taradından kullanılmaktadır. Bu sebeple sitenizin Mac üzerinde de PC'de göründüğü gibi görünmesini sağlamak önemlidir.

Ne yazık ki pek çok kişi hem PC hem de Mac sahibi olacak kadar şanslı değildir (Linux ve türevlerinden bahsetmiyorum bile) ancak Browser Shots adı verilen bir sitenin yardımı ile sitenizin adresini girip farklı platformlar altında farklı tarayıcıları seçerek sitenizin ilgili tarayıcılar üzerindeki ekran görüntüsüne ulaşabilirsiniz. Eğer PC'de Windows Vista kullanıyorsanız ve Internet Explorer 6'ya erişiminiz yoksa bu durum çok kullanışlı olabilir.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

14. Web İçin Optimize Edilmiş Görseller
Web için tasarım yaptığınızda tüm görsellerinizi sıkıştırılmış bir biçimde kaydetmeniz önemlidir. Ancak sıkıştırmada aşırıya kaçmamalısınız zira o zaman görselin kalitesi düşecektir. Kaliteyi kabul edilebilir düzeyde tutarak sıkıştırma yapmanız yapılabilecek en doğru şeylerden biridir.

Eğer baskı işi ile haşır neşirseniz, 300dpi'nin standart olduğunu bilirsiniz. Ancak bu oran web siteleri için geçerli değildir. Ekran için tasarım yaptığınızda görsellerinizi 72dpi çözünürlükte kaydetmeniz gerekir. Bu çözünürlüğü kullanırsanız hem dosya boyutu azalacak, hem de ilgili görselin yüklenme süresinde önemli bir düşüş gözlenecektir.

Adobe Photoshop gibi programların "Web İçin Kaydet" özelliği bulunmaktadır. Bu özellik sayesinde görsellerinizi otomatik olarak 72dpi çözünürlükte kaydedebilirsiniz. Yine bu ve bunun gibi programlar, ilgili görselin kaydedilmesi sırasında size sıkıştırma ile ilgili bazı ince ayarlar yapabilmenizi sağlayacak ayar pencerelerini de sunarlar. Web için seçmeniz gereken biçimin, sitenizin içeriğine ve hedef kitlenize göre değişmekle birlikte png, jpg ya da gif olması gerektiğini hatırlatmak isterim.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

15. İstatistikler, İzleme ve Analiz
Her ne kadar bu element sahne arkası için geçerli olsa ve bir ziyaretçi olarak bilmeniz gerekmeyen bir element olsa da, bir web sitesi sahibi olarak bağımlılık derecesinde olmasa (olmaması gerekse) bile hayati önem taşımaktadır.

Internet üzerinde aşağıdaki bilgileri size sunabilecek pek çok analiz ve istatistik servisi bulunmaktadır.

Sitem kaç kez ziyaret ediliyor?
Kaç adet tekil ziyaretçi sitemi takip ediyor?
İnsanlar sitemi nereden buluyorlar?
Beni hangi arama terimleri sayesinde buluyorlar?
Hangi web siteleri bana bağlantı vermiş?
Sitemdeki en popüler sayfalar hangileri?
Ortalama ziyaretçim kim (platform / tarayıcı / ekran çözünürlüğü)?

İyi bir analiz programı ile neleri takip edebileceğinizi gördüğünüzde şaşırabilirsiniz. Belki de bu iş için kullanabileceğiniz en etkili (ve ücretsiz) çözüm Google Analytics olacaktır.

Eğer sitenizin performansını izlemek ve sitenizi nasıl daha da geliştirebileceğinizi görmek istiyorsanız, iyi bir istatistik servisi kullanmak çok önemlidir.

Bu Konu İle İlgili Aşağıdaki Yazıları da Okumak İsteyebilirsiniz

Şimdi sizin sıranız... Sizce Hangisi En Önemli?
Tasarım, geliştirme ve içerik açısından bir web sitesinin sahibi olması gereken en önemli özellik sizce nedir? Sizi bir şirketin web sitesini zitarettiğinizde o şirket ile birlikte çalışmaktan vazgeçirecek site özelliği hangisidir?

Aslında iyi bir web sitesinin sahibi olması gereken özellikler 15'ten çok daha fazladır ancak ben bu makalemde kendimce en önemli özellikleri ve değerleri listelemeye çalıştım. Sizin de bu listeye eklemek istedikleriniz var mı? Lütfen yorumlarınızla görüşlerinizi paylaşın.

Kaynak: Freelance Folder

ilgili yazılar

Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Geliştiriciler için En iyi 10 Firefox ve Internet Explorer Eklentisi

log4blog [pilli_silinen_hesap] — Fri, 16 Jan 2009 09:04:00 GMT

Bu bildiride hem kendi kullandığım hemde referansta anlatılan eklentileri tanıtacağım.

Firefox için eklentiler:

1- Firebug
Formatlanmış bir şekilde web sayfalarının html kaynak kodlarının görüntülenmesini sağlayan muhteşem bir eklenti.

Örnek Firebug görüntüsü

Herhangi web sayfasında bulun CSS, HTML ve JavaScript kodlarını görüntüleyebilir, değiştirebilir ve yaptığınız değişiklikleri görüntülemekte olduğunuz sayfaya etkisini hemen görebilirsiniz.

2- MeasureIt
Seçtiğiniz alanın pixel cinsinde en ve boyunu göstere kullanışlı ve basit bir eklenti

MeasureIt

3- ColorZilla
Sayfalarda gezerken gördüğünüz güzel renklerin kodlarını artık sizde öğrenebilirsiniz

ColorZilla

4- Web Developer Toolbar
Web ile ilgili çeşitli işlemleri bu eklenti ile kolaylıkla yapabilirsiniz. JavaScripti kaldırmak, çerezleri silmek, cache’i temizlemek ve daha pek çoğu…

Web Developer Toolbar

5- YSlow
Yahoo’nun tavsiyeleri doğrultusunda web sayfalarının analizini yapar ve neden yavaş oldukları hakkında bilgi verir.

YSlow

6- ScreenGrab
Web sayfalarını göründüğü şekilde resimlerini çekebilirsiniz. Böylelikle layout, tasarım vb. yönlerle hoşunuza giden sayfaları bir kenarda saklarsınız

7- FireShot
ScreenGrab gibi sayfaların görüntüsünü çekersiniz fakat ekstra özelliklere de sahip olursunuz. Çektiniz görüntülere notlar ekleyip değişiklikler yapabilirsiniz.

Internet Explorer için Eklentiler:

8- IE Developer Toolbar
Internet Explorer için yukarıda bahsedilen Firebug + Web Developer Toolbar + ColorZilla ve MeasureIt birleşimi bir eklenti.

IE Developer Toolbar

9- DebugBar
IE ye kurulan bir eklent olan debugbar geliştiriciler için pek çok yararlı özellik barındırıyor.

10- Web Development Helper
Özellikle Ajax ve ASP.NET geliştiricileri için pek çok araç içermekte.

Umarım bu eklentiler işinize yarar.

Referans: 11 Best Web Developer tools for Firefox and Internet Explorer

Daha fazla Web Tasarım ve Geliştirme ile ilgili bilgi için:
-> Web tasarımcılar için 16 adet firefox eklentisi
-> Web tasarımcıları için Firefox eklentileri
-> web tasarımcılar için 20 firefox eklentisi

Bu yazı log4blog [pilli_silinen_hesap] tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

2008'in en iyi 25 şirket sitesi

MisterMadDog — Wed, 14 Jan 2009 14:59:00 GMT

şirket sitelerini bilirsiniz. çoğu sıkıcı, görsel güzellikten uzak, kullanışsız olur. ama bazıları gerçekten iyi tasarımcıların elinden çıkmıştır ve ürüne, markaya olan sempatiyi artırır. stylesinspiration, 2008'in en iyi 25 şirket sitesini seçmiş.

profission

concentric studio

coda

the heads of state

studio number one

ancak tabii bu siteler ya moda şirketlerinin ya da fotoğraf stüdyolarının. ayrıca grafik tasarımcılarının... gönül isterdi ki bir telekomünikasyon şirketinin, efendime söyleyeyim, bir beyaz eşya şirketinin, dünyanın her tarafına adını duyurmuş bir yazılım geliştiricisinin, bir bilişim ürünleri marketinin de siteleri karışıklıktan uzak, ne istediğini bilen, sade, şık ve vasatın üzerinde olabilseydi.

sitelerin devamını görüntülemek için tıklayın.

Bu yazı MisterMadDog tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımcılar ve Geliştiriciler İçin Kaynaklar

afs — Sat, 11 Oct 2008 08:48:00 GMT

Web Tasarımcısı veya geliştiricisi iseniz şüphesiz bir sürü kaynak linkine sahipsinizdir. Hatta kimilerinin kısayollarında yüzlerce sitenin linki olabilir.

dzineblog.com sitesi bu kaynak arama işini bir nebze de olsa kolaylaştırmak için on sitelik bir yazı hazırlamış. Web geliştiriciler ya da tasarımcılar için yararlı olacak ve içerisinde ilgili kaynakları barındıran on site.

1. Skout - Tasarımcılardan, Tasarımcılar için kaynaklar

2. Web Geliştiricinin El Rehberi

3. Web Tasarımcıları İçin - Artmaya Devam Eden 673 adet yararlı bağlantı

4. Devlisting | Web Geliştiriciler İçin Kaynaklar

5. Müthiş Web Tasarımları Galerisi

6. Cork Dump | Tasarımcılar veya Geliştiriciler için düzenlenebilir kaynaklar

7. Web Tasarımcılar için kaynaklar

8. Agency Tool | Web Tasarım Panosu

9. BLUE VERTIGO | Web Tasarım kaynakları bağlantıları

10. N Design Studio - Bağlantılar Bölümü

Bu yazı afs tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage