bildirgec.org - OFC - beğendikleri

Themeforest.net blogunda jquery e yeni başlayanlar için video serisi yayınlamaya başlamış. Gün gün yayınlanan bu seride bu bildiri yayınlanana kadar 9 video bulunuyor.Ne yazık ki videolar ingilizce.

ilk gün:
Jquery indirme

İkinci gün
Fade, Slide, ve Show Methodları

Üçüncü gün:
Animate Methodu

Dördüncü gün:
Seçiciler

Beşinci gün:
Element Oluşturma ve Silme

Altıncı Gün:
toggle() ve toggleClass() Methodları

Yedinci Gün:
hover() Methodu

Sekizinci Gün:
Kayan Resim

Dokuzuncu Gün:
Yazı Boyutlandırma

İsterseniz seriden buradan rss ile haberdar olabilirsiniz.

Bu yazı OFC 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ının Hayatını Kolaylaştıracak 12 Uygulama

OFC — Sun, 12 Apr 2009 15:00:00 GMT

Bu makalede web tasarımcılarının işlerini kolaylaştıracak ve bence her web tasarımcısının ve/veya geliştiricisinin kontrol etmesi gereken web tasarım araçlarını ve kaynaklarını bulacaksınız. Bence bu tip siteler gündeliş işlerinizin ve projelerinizin gelişimine önemli miktarda katkıda bulunacaklardır.

1. Patterrific

Her ne kadar sitenin adına bakarak bu sitenin tümüyle motifler (pattern) ile ilgili olduğunu düşünüyor olsanız da yanılıyorsunuz. Patterrific sitesi motiflerden çok daha fazlasını paylaşıyor. Sitede çok sayıda motifin yanısıra Photoshop fırçalarını ve çok daha fazlasını bulacaksınız. Herkes web sitelerinin arkaplanlarında kullanmak için bir motife ihtiyaç duyar ve bu site size bu alanda önemli bir kaynak teşkil ediyor. Sitenin ayrıca ahşap tasarımını da beğeniyorum. Dilerseniz kendi motiflerinizi gönderebileceğiniz Flickr kullanıcı grubuna da bir göz atabilirsiniz.

Patterrific

2. Lisandru

Bu blog üzerinde çok sayıda yüksek kaliteli simge, duvar kağıtları, grafikler ve daha fazlası buluuyor. Eğer web sitenizde kullanmak için ikonlara ihtiyacınız varsa ya da masaüstünüzün görünümünü değiştirmek istiyorsanız, o zaman bu site tam aradığınız adres.

Lisandru

3. Textureking

İhtiyacınız olan tüm dokuların hepsi bir arada. Sitede farklı kategoriler altında çok ama çok sayıda doku bulacaksınız. Hepsinden öte sitedeki dokuların tümü ücretsiz.

Textureking

4. Forwebdesigners

Ne arıyorsunuz? Bir tasarım blogu, AJAX sitesi ya da Photoshop kılavuzu mu? Bu site için web tasarımcılarının Google'si demek yanlış olmaz. Ayrıca eğer kendi web sitenizi tanıtmak istiyorsanız, web sitenizi küçük bir ücret karşılığında bu siteye ekleyebilirsiniz.

Forwebdesigners

5. Fordesigners

Her ne kadar bu web sitesinin adı, yukarıdaki forwebdesigners'i andırsa da, bu sitenin içeriği diğerine oranla çok farklı. Site bünyesinde çok sayıda PSD, vektör, şablon, flash şablonları ve çok daha fazlasını bulacaksınız. Reklamlar sebebiyle içerikler için indirme bağlantılarını ilk seferde göremeyebilirsiniz. Sayfanın tam ortasındalar.

Fordesigners

6. Whatsitscolor

Daha önce hiç bir görselin ya da bir web sitesinin hangi renkleri kullandığını merak ettiğiniz oldu mu? Whatsitscolor web sitesi size bu renkleri bulmada yardımcı olacaktır.

Whatsitscolor

7. SkyCSSTool

Sky CSS sayesinde herhangi bir kod yazmadan CSS sınıfları oluşturabilirsiniz. Sitenin düzgün çalışması için tarayıcınızda JavaScript'in etkin olması gerekiyor.

SkyCSSTool

8. Webcolor.webmaster-kit: Web sitelerinin renklerini, bağlantılarını ve diğer görsel öğelerini analiz edeileceğiniz bir araç.

9. CSS Oluşturucusu: Herhangi bir web sayfası ya da bir web sitesinin geneli için hiç zorlanmadan CSS oluşturun.

10. HTML Goodies: CSS, JavaScript ve diğer web geliştirme teknolojileri hakkında çok sayıda ipucu içeriyor.

11. Projectdeploy: Deploy ücretsiz, açık kaynaklı bir web uygulaması olup kullanıcıların sadece bir kaç saniye içerisinde doğrulanmış (X)HTML vs CSS koduna sahip web proje çatıları oluşturmalarını sağlıyor.

12. Myfontbook: Tarayıcı tabanlı font görüntüleyicisi.

Kullandığınız ya da önerebileceğiniz başka bir web aracı var mı? Yorumlarınızla paylaşın.

Bu yazı OFC 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ımında sıkça karşılaşılan hatalar

OFC — Thu, 09 Apr 2009 10:06:00 GMT

Bir site tasarlamak sanıldığı kadar kolay bir iş değildir. Tasarımın güzelliği ayrıntılarda gizlidir ve o ayrıntılar web tasarımında o kadar fazladır ki bazen gözümüzden kaçan hatalar başkasının gözüne çok batabilir. Bu makalede sıkça yapılan hatalara dikkat çekilmiş ve tasarımda bize kolaylık sağlayacak öğelere değinilmiştir.

Tipografi
Web sayfalarında en çok göze hitap eden öğeler yazı karakterleridir. Uygun font’ların kullanılması tasarımlarımızı daha da çekici kılar. Fontların değişik işletim sistemlerindeki görünüşüne buradan bakabilirsiniz. Buradaki listede kullanıcı memnuniyetini en üst düzeye çıkarmak için “yazı tipi ailelerini” (font family) nasıl ayarlamanız gerektiğini bulabilirsiniz.

İkiden fazla Font Kullanmayın!
Tasarımlarda çok fazla sayıda font kullanmak sakıncalı olmaktadır. Eğer farklı font kullanmak istiyorsanız, başlıklar için ayrı düz yazılarınız için ayrı olmak üzere toplam 2 font belirleyin ve kullanın. Örneğin Başlıklar için “IMPACT” yazılar için “ARIAL” kullandıysanız, diğer sayfalarda da bu seçimleri kullanın. Ayrıca her font değişik alt, üst değerler ve satır yüksekliği kullanmaktadır. Bu değerleri karşılaştırmak için TypeTester programını kullanabilirsiniz.

KÖTÜ

İYİ

sans ile serif düşman gibidir!
Aslında bu bir kural değil ama yine de güzel gözükmediği için kural gibi söylenebilir. Sakın sans ailesine sahip bir font ile sans-serif ailesine sahip bir font’u beraber kullanmayın. Hoş bir görüntü oluşturmuyorlar.

Gördüğünüz gibi iki farklı aileye ait karakterler arasında büyük bir görünüş farklılığı bulunmakta. Eğer kullanmak isteğiniz varsa en azından A List Apart’taki makaleye bir göz atın.

Doğru yazı boyutunu seçin
CSS ile genelde yüzde, em ve piksel ile boyutlandırma kullanmaktayız. Kendi boyutlarınızı belirlemek için testler yapın ve ideali bulmaya çalışın. Referans olarak bazı ölçüler verilebilir. Örneğin paragraflar için %62.5 kullanılabilir. Fakat bunun yerine em ya da piksel kullanırsanız daha çok verim alabilirsiniz. Burada bilmeniz gereken 10 pikselin 1 em’e karşılık geldiğidir. Bunu hesaba katarsak 14px yani 1.4em paragraflar için yeterli bir boyuttur. Başlıklar içinse nispeten daha büyük ve fark edilebilecek boyutlar kullanmalısınız. 14 piksel paragrafınız varsa 18 piksel ile 24 piksel aralığında bir başlık kullanmak çok uygun olacaktır. Tabi bu değerlerin font’tan fonta değişmesi gerektiğini unutmayın.
KÖTÜ

İYİ

Satır Aralarına Dikkat!
Satır aralarındaki dev boşluklar sizin de dikkatinizi dağıtmıyor mu? Siteler Photoshop’ta tasarlanırken anti-alias özelliği açık olduğu için satır araları gözümüze daha güzel görünebilir. Ama tarayıcılarda böyle bir özellik bulunmadığından sayfamız daha farklı görünür. Eğer genelde 16 piksellik karakter kullanıyorsanız aralığınızda 16 piksel ile 18 piksel arasında olmalıdır ki göze daha hoş gelsin.

Renkler iç dünyanın aynasıdır!
Renkler çoğumuzun en çok dikkat ettiği şeydir. Ama bir kez daha hatırlatmakta yarar var. Arka planları ayarladıktan sonra yazı rengini deneyin ve kesinlikle yakın tonlar seçmeyin. Arka plan ve yazı renginiz olabildiğince birbirine zıt olsun ki yazılarınız dikkat çeksin. Eğer renkler konusunda referans alacak bir kaynak istiyorsanız Adobe Kuler, ColorCombos ve ColourLovers’ı kullanmaktan çekinmeyin.
İYİ

KÖTÜ

Aman hizaya dikkat!
Öğelerin sayfa içindeki hizalamalarına çok dikkat edin. Sayfanın göze hoş gelmesi için öğelerin bir blok gibi birbiriyle ilişkili görünmesi tasarımı çekici kılar. Eğer Amerika’yı yeniden keşfetmeye ne gerek var diyorsanız hizalama konusunda kullanabileceğiniz birkaç CSS Çatısı (Framework) mevcut. 960 Grid Sistemi bu konuda tavsiye edilebilir.

KÖTÜ

İYİ

Aralıklara dikkat edin!
Aralıklar yani CSS dilinde konuşmamız gerekirse border ile içerik arasındaki aralığı belirten padding değerini en uygun biçimde kullanmaya çalışın. İçeriğiniz ne birbirine çok yapışık ne de birbirinden çok fazla uzakta olsun.
KÖTÜ

İYİ

Elemanlar bir arada dursun
Sayfada bulunan ve birçok elemanı kapsayan blokları birbirinden çok uzakta tutmayın. Bu davranış içeriğin bir bütünmüş gibi görünmesini engeller. Oysa Ufak aralıklar ile yerleştirilen bloklar sayfayı bir arada tutarak ilgi çekici olur.
KÖTÜ

İYİ

Aralıklar konusunda tutarlı olun
Bu kadar çok aralıklardan konuştuktan sonra son konu ise sayfanın genel görünümündeki aralıkların önemi. Örneğin sayfanızı Header, Nav, içerik, sidebar ve footer olarak bölmelere ayırdıysanız, bu bölmeler arasındaki boşlukların hep sabit olmasını sağlayın. Aksi takdirde düzensiz sayfalarınızın hesapları ile boğuşmak zorunda kalabilirsiniz. Eğer 960GS gibi bir çatı kullanıyorsanız, sistem aralıkları yönetmek konusunda size yardımcı olacaktır.

Bu makale, “Common Mistakes in Web Design” ismiyle Marko tarafından http://blog.themeforest.net için yazılmıştır.

Bu yazı OFC 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

Çeşitli renk kombinasyonları

OFC — Tue, 12 Dec 2006 20:26:00 GMT

colorcombos.com sitesi, birbiriyle uyumlu renkleri bulabileceğiniz bir site. Sitenin amacı, web geliştiricilerinin hızlı ve kolay bir şekilde birbiriyle uyumlu renkleri seçebilmelerini ve renk kombinasyonlarını test edebilmelerini sağlamak.

Search Combo Library bölümünden herhangi bir rengin hex kodunu girdiğinizde, o renk ile uyumlu diğer renkleri görebiliyorsunuz.

Grab Website Colors bölümde ise bir web sayfasının adresini giriyorsunuz. Sistem o sitede kullanılan renkleri yakalıyor ve size gösteriyor.

Bu yazı OFC 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 Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik

OFC — Fri, 27 Mar 2009 07:40:00 GMT

Bir süre önce, modern web uygulamalarındaki trendlere yönelik yazı dizisinin ilk bölümü olan 10 Kullanışlı Web Uygulama Arayüzü Tekniği yazısını yayımlamıştım. Diğer şeylerin yanısıra bu yazıda gömülü video blogları, özelleştirilmiş kontrol ve içeriğe göre değişen gezinti elementlerine dair bazı ipuçlarına yer vermiştim. Yazıda ayrıcı basılı düğmelerin durumu, modal pencerelerin çevresinde gölge kullanmak ve giriş sayfası üzerinden kayıt sayfasına bağlantı verilmesi gerekliliğinden de bahsetmiştik.

Bu yazı ise incelemenin ikinci bölümünü oluşturmaktadır: Web Uygulamalarında İyi Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik. Yazımızda ayrıca bu tekniklerin doğru bir şekilde kullanılması için uygulamalara nasıl entegre edilmesi gerektiğini de bulacaksınız. Eğer sizin de bu konuda paylaşmak istediğiniz görüşleriniz ve önerileriniz varsa yorumlarınızda belirtmekten çekinmeyin.

1. Önemli Değişiklikleri Belirtin

İyi kullanıcı arayüzü tasarımı için en önemli elementlerden birisi de sistem durumunun görünürlüğüdür. Kullanıcılar sitenin görünmeyen kısmında olan şeylerden ve eylemlerinin oluşturacağı sonuçlardan derhal haberdar olabilmelidirler. Daha sofistike bir sistem görünürlüğünü uygulamalarda kullanabilmek için web siteleri günümüzde, elbette, AJAX kullanmaktadırlar. Bildiğiniz üzere AJAX sayesinde kullanıcılar, web sayfalarının tamamını yeniden yüklemek zorunda kalmadan sadece belirli bölümlerinde değişiklikler yapabilmektedirler. AJAX, web uygulamalarının etkileşimliliğini ve yanıt verme yeteneklerini masaüstü uygulamaları ile neredeyse aynı seviyeye getirebilmektedir.

Yammer, besleme üzerindeki yüm mesajlara bir değil üç adet efekt uygulamaktadır: Yavaşça belirme, aşağı kayma ve öne çıkarma.

Bu dinamik oluşumun anlamı, bir düğmeye tıkladığınızda sayfa yeniden yüklenmemesi ancak sayfada bir şeyin olmasıdır. Pek çok web sitesi halen AJAX'ı etkin bir şekilde kullanmamaktadır, bu sayede bazı kullanıcılar halen bir düğmeye tıkladıktan sonra bir şeyin olup olmayacağını ya da düğmelerin doğru şekilde tıklanıp tıklanmadığını bilememektedirler. Bu sorunun önüne geçebilmek için kullanıcı etkileşimlerinin her birine görsel geribildirim uygulamalısınız.

Backpack görev listesindeki her bir öğe için, ekrandan kaybolmadan önce birkaç saniyeliğine ekranda kalan öne çıkarma efektini kullanmaktadır.

Bunu yapabilmenin mükemmel bir yolu olarak animasyon kullanmak gösterilebilir. İnsan gözü, hareketi iyi bir şekilde algılayabilir, özellikle sayfanın geri kalanının hareketsiz olduğu durumlarda. Öne çıkarma animasyonunu örneğin kullanıcılar alışveriş sepetine bir şey eklediklerinde, onların dikkati o öğelere çekilir. Ziyaretçiler, sunulan animasyonlar sayesinde eylemlerinin çalıştığını anlayacaklardır. Animasyonlar JavaScript kullanılarak siteye dahil edilebilir ve bu animasyonlar, görsel geribildirim sunabilmenin güzel bir yoludur. Sadece bu animasyonlarda aşırıya kaçmamaya dikkat edin zira çok fazla animasyon kullanımı arayüzü ağırlaştırabilir ve bu da kullanıcı memnuniyetsizliği ile sonuçlanır.

2. Web Uygulamalarınızda Klavye Kısayollarını Etkinleştirin

Modern web uygulamalarının özellikleri masaüstü uygulamaları ile eş seviyeye gelmeye başladıkça, bu uygulamaların geliştiricileri kullanıcılara daha fazla yanıt verebilen ve etkileşimli kullanıcı arayüzleri hazırlamayı hedefliyorlar. Bu hedefe ulaşabilmek için kullanılabilecek tekniklerden birisi de, klavye kısayollarının ya da navigasyonun dahil edilmesidir. Tıpkı klasik uygulamalarda olduğu gibi bu tip küçük özellikler kullanıcıların çalışma alanını önemli ölçüde iyileştirebilirler ve ayrıca kullanıcılarının görevlerini daha çabuk bir şekilde yerine getirebilmelerini sağlar.

Aslında günümüzde çeşitli web uygulamaları halihazırda klavye kısayollarını kullanmaktadırlar (örneğin, Googla Spreadsheets, MobileMe vs.) ve hatta Ffffound ya da Boston.com gibi web siteleri de temel gezinti için klavye kısayollarını desteklemektedir. Ffffound web sitesi, "v" tuşuna basıldığında resim önizleme görünümünden liste görünümüne; "h" tuşuna basıldığında sayfanın üst kısmına gidilmesine; "k" ve "j" tuşları ise sırasıyla önceki ve sonraki görsele geçilmesine izin vermektedir. Boston.com web sitesi de "k" ve "j" tuşlarını aynı eylemin gerçekleştirilebilmesi için kullanmaktadır.

Klavye kısayollarının yaratıcı ve kendi kendini açıklayabilir nitelikte olmasının öneminden bahsetmeye değer. Örneğin, "Önceki" ve "Sonraki" eylemleri için bir birlerinden çok uzakta olan iki adet klavye kısayolu kullanmak mantıklı olmaz. Bunun sebebi, eğer kullanıcı bir hata yapıp gitmek istemediği bir sayfaya giderse, kullanıcı bu durumda anında bir önceki sayfaya dönebilir ve bunun için klavyeye bakmasına gerek kalmaz. "j/k" ayarı kullanılabilecek yöntemlerden birisidir. Ayrıca farklı web siteleri için benzer klavye kısayollarını kullanmak da kesinlikle mantıklı olacaktır ancak henüz bu alanda henüz bir orta yol bulunabilmiş değil.

Peki bunu sitenize nasıl ekleyebilirsiniz? Aslında tek yapmanız gereken onKeyPress DOM elementini kullanmak ve ardından window.scrollTo JavaScript fonksiyonunu sitenize yerleştirmek.

Ffffound.com sitesi onMouseDown efektini kodunda kullanmış ancak bu yaklaşım pek doğru değildir. Bunun yanısıra JavaScript özelliğini CSS stil şablonundan ve (X)HTML kodundan ayırmak yerinde olurdu.

<a id="float-navi-prev" href="javascript:void(0);"
onmousedown="try { move_asset_auto(-1) ;} catch (e) { }"
onclick="return false;">prev(<span class="shortcut">k</span>)
</a>

Burada jQuery gibi bir JavaScript kütüphanesi kullanmak ve ardından elementi tanımlayıcısı ile ya da sınıfı ile çağırmak yerinde olurdu. Bu aslında neredeyse Boston.com'un yaptığı şey. Galerisindeki tüm görseller bpImage sınıfı ile etiketlenmiş ve ardından JavaScript işaretçileri de diziye eklenmiş. onKeyPress eylemi ise arkaplanda kayan pencereyi tetikliyor ve tarayıcının penceresi ise window.scrollTo() fonksiyonunu kullanıyor.

(X)HTML kodu şu şekilde:

<img src='http://www.bildirgec.org/[url]' class="bpImage" />
<div class="bpCaption">...</div>

<img src='http://www.bildirgec.org/[url]' class="bpImage" />
<div class="bpCaption">...</div>

<img src='http://www.bildirgec.org/[url]' class="bpImage" />
<div class="bpCaption">...</div>

...

Ve JavaScript koduna da buradan ulaşabilirsiniz.

Tüm bunları sitenize dahil ettikten sonra sitenizin klavye kısayollarını desteklediğini ve siteniz üzerinde bazı görevlerin daha verimli bir şekilde yerine getirilebilmesini sağladığından bahsetmeyi unutmayın. Eğer bir kullanıcı görevleri sizin uygulamanız üzerinden verimli bir şekilde yerine getirilebildiğine inanırsa, o zaman bir başka uygulamayı daha sonra kullanmaya başlama ihtimali, diğer uygulamanın da sizin uygulamanızla aynı ya da daha az özelliğe sahip olması durumunda, çok daha azdır.

3. Hesap Sayfası Üzerinden Seçeneklerin Güncellenebilmesi

Eğer uygulamanız çeşitli abonelik planları sunuyorsa, uygulamanız üzerindeki tüm arayüz hatalarını ve tutarsızlıklarını gidermeyi unutmayın. Pek çok kullanıcı uygulamalar için ücret ödemeden önce uygulamanın sunduğu en düşük özellikli ve muhtemelen ücretsiz bir paketi kullanarak uygulamanın geneli hakkında bir fikir sahibi olmak isterler. Eğer uygulamanın kendi beklentilerini karşıladıklarına ikna olurlarsa, o zaman daha gelişmiş bir pakete abone olmayı düşünebilirler. Bu geçişi en sade ve yaratıcı bir şekilde sağlayabilmek ise tasarımcının görevidir.

CrazyEgg, sitenin ana gezinti elementine "Planı Değiştir" seçeneği eklemiştir.

Aslında günümüzde pek çok web uygulaması doğrudan yükseltme seçeneklerini doğrudan kullanıcı hesabı sayfasına koymuştur ki bu sayede ilgili seçenekler kolay bir şekilde erişilebilir kılınmıştır. Bu tasarım tercihi kullanıcılara sunulan seçeneklerin ve halihazırda desteklenen özelliklerin sade bir şekilde aktarılabilmesi avantajını da sağlamaktadır.

Bigcartel'in yükseltme planları uygulamanın kendisi üzerinden sunulmaktadır.

Kullanıcıların bir üst pakete geçmeleri durumunda elde edecekleri avantajları aktarabilmenin yanısıra onların halihazırda sahibi oldukları özellikleri de belirtmenin önemli olduğunu unutmayın. Kullanıcılar açısından güncelleme yapılması durumunda elde edilecek yeni özelliklerin ve diğer yeniliklerin, o an kullandıkları ile karşılaştırma yapabilmelerini sağlamak önemlidir.

4. Uygulamanın Özelliklerini Tanıtın

Her ne kadar ayrıntılı bir pazarlama ve tanıtım sayfası çıkarmış olsanız bile, uygulamanızın diğer tüm özelliklerini ayrıntılamak ve web sitenizde bir yardım sayfası belirtmek, kullanıcıların pek çoğu onu okumayacak olsa bile önemlidir. Onlar muhtemelen ürününüzün sunduğu tüm özelliklerin farkında değillerdir ve uygulama üzerinden sunacağınız küçük ipuçlarından kesinlikle faydalanacaklardır.

Uygulamanızın yeni özelliklerini tanıtın. Bu tip duyurular muhtemelen yan çubuk üzerinde, uygulamanın ana özelliklerin sunulduğu alandan uzakta belirtilmelidir. Eğer bir kullanıcı bir özelliği tam kapasite ile kullanmaya yaklaşmışsa, o zaman bunu kullanıcıya belirtmeli ve onu hızlıca yükseltme yapabilecek seçeneği sunabilmelisiniz.

Freckle zaman kayıt uygulaması uygulama üzerinde kullanabileceğiniz en yüksek kullanıcı sayısına ulaşıldığında bunu kullanıcıya bildirir. Bu mesaj ayrıca kullanıcının yükseltme yapabilmek için yapması gerekenlerin yer aldığı bir sayfaya da bağlantı içermektedir.

Wufoo yeni form galeri özelliğini form oluşturma sayfasının altında tanıtıyor ve bu sayede kullanıcıların uygulamadan verimli bir şekilde faydalanabilmelerini hedefliyor.

5. Renk Kodlu Listeleri Kullanın

Bazı uygulamalar, farklı tiplerdeki içeriği içeren alanlar kullanmaktadır. Örneğin, en son mesajlarınızı, görevlerinizi ve dosyaları ana sayfası üzerinde listeleyen bir proje yönetim uygulamasının sahibi olabilirsiniz. Eğer tüm bu öğeler bir liste üzerinde yer alırsa, neyin ne olduğunu ayırtetmek kolay olmaz. Pek çok uygulama, farklı türlerdeki girdileri görsel olarak birbirinden ayırma yoluna giderler. Bunu kolayca yapabilmenin yollarından birisi de renkli bir kutu içine metin başlığını yerleştirmektir. Bu sayede liste kolay bir şekilde taranabilir hale gelir.

Aynı görev için farklı renkleri ya da farklı görevler için benzer renkleri kullanmamaya dikkat edin. Renk şeması rasgele seçilmemelidir ancak her bir öğenin sunduğu özelliği yansıtabilmelidir.

Lighthouse sorun kayıt yazılımı genel görünüm sayfasının sağ kısmında farklı renklerde başlıkları kullanarak listenin hızlı bir şekilde taranabilmesini sağlıyor.

Goplan sitesi de farklı renklerde etiketleri liste üzerindeki görevler, notlar ve dosyaları birbirinden ayırabilmek için kullanıyor.

6. Kişiselleştirme Seçenekleri Sunun

Günümüzde pek çok uygulama kurumsal ve bireysel kullanıcılar için çalışma alanları sunmanız gerekiyor. Sunabileceğiniz kişiselleştirme seçenekleri sayesinde kullanıcılarınız kendilerini evinde hissederler. Bu, kullanıcılarınıza, uygulamanın görünümünü değiştirebilecek seçenekler sunarak sağlanabilir. Kullanıcılarınıza uygulamanın renk temasını, bağlantı renklerini, arkaplanını ve benzer özelliklerini değiştirebilmelerini sağlayın Az bir miktar özelleştirme bile kullanıcılarınıza kendi sayfalarını oluşturabilmelerini sağlamaya yetecektir.

Campaign Monitor uygulaması, kendi renk şemanızı seçebilmenizi ve şirket logonuzu kullanabilmenizi sağlar. Bu sayede kurumlar, kendi renklerini kullandıkları web uygulamalarına entegre edebilmelerini sağlar.

Özelleştirme seçenekleri, kullanıcılarınızı kendi hizmetlerinize bağlamak için kullanılabilecek en basit ve bir o kadar da verimli yöntemlerden birisidir, ancak bu özelleştirmelerin kullanıcının ana özelliklerinin üzerine geçmemesi gerektiğini unutmamalısınız. Sistem daima özelliklerini işler kılabilmeli ve aynı zamanda kullanıcı beklentilerini karşılayabilmelidir. Kullanıcıların uyguladıkları kişiselleştirmeler, hiçbir zaman uygulamanın üzerine geçmemelidir.

Web sitesinin ana özellikleri ile kullanıcı arayüzü arasındaki farkı tutarlı bir şekilde bir arada tutabilmek için kullanılabilecek bir diğer kullanışlı yaklaşım ise farklı seviyelerde özelleştirme seçenekleri sunmaktır. Bu seçenekler, kullanıcının uygulamanızı ne kadar verimli bir şekilde kullandığına göre değişmekle birlikte ayrılarak gösterilebilir. Deneyimsiz kullanıcılar için kısıtlı özelleştirme seçenekleri, gelişmiş kullanıcılar ise tüm özelleştirme seçeneklerini sunabilmek doğru bir yaklaşım olacaktır. Son olarak kullanıcının tercih ettiği zaman uygulamanın öntanımlı tercihlerine dönebilmesi ya da bir önceki oturum sırasında kaydettiği kişiselleştirmelere geri dönebilmesi de önemlidir.

Twitter, kullanıcılarının profil sayfalarının arkaplanını ve renklerini değiştirebilmelerine izin verir, bu sayede kullanıcıların özgün sayfalar oluşturabilmelerini sağlar.

7. Göze Çekici Gelen Yardım Mesajları Görüntüleyin

Her bir web uygulamasının görevleri yerine getirebilmek için kullandığı yöntem farklıdır. Eğer bir elementin özelliği istendiği an görüntülenemiyorsa, kullanıcılara yardımcı olmak için yardım mesajları gösterebilirsiniz. Burada dikkat edilmesi gereken bir önemli nokta, eğer o an ne yapmak istediğinden emin olmayan kullanıcılara yardım etmek istiyorsanız, onların dikkatını ilgili mesaja çekmek gerektiğini hatırlamalısınız. Dikkat çekebilmek için kullanabileceğiniz bir yöntem renkledir. Yan çubuk üzerinde farklı bir arkaplan renge sahip "yapışkan" mesaj kullanarak mesajın sitenin ya da uygulamanın geri kalanından daha ön planda belirmesini sağlayabilirsiniz.

Goplan uygulaması, tıpkı post-it notlarına benzer sarı renkli kutular üzerinde yardım mesajlarını görüntüler. Kullanılan parlak renk sayesinde kullanıcının vurgulanan mesajı kaçırmaması sağlanır.

Alternatif olarak eğer fazla yer kaplamayan daha az belirgin ve uygulamanızı düzenli olarak kullanan kullanıcıları rahatsız etmeyecek bir çözüm arıyorsanız, daha az görsel grafik (örneğin küçük boyutlu simgeler) kullanmayı tercih edebilirsiniz. Wishlistr.com uygulaması, güncellenen ve yeni özellikler içeren arama motoru için bu yöntemi başarılı bir şekilde kullanmı.

Klasik: Wishlistr kullanıcının dikkatini duyuruya çekebilmek için bir ampul simgesini kullanmayı tercih etmiş.

8. Geribildirim Mesajlarını Dikkatle Tasarlayın

Aşağı yukarı her uygulama bir tür geribildirim içerir. Uygulamaların farklı yerlerinde ve durumlarda bir uyarı ya da hata olarak beliren bu mesajlar, br görev tamamlandığında ya da tamamlanamadığında belirir. Bu mesajları doğru şekilde tasarlayabilmek önemlidir zira ortada panik yapılacak bir şey olmamasına rağmen kullanıcılarınızın şüphelenmeye başlamasını istemezsiniz.

Buna yönelik yapılabilecek birkaç şey bulunmaktadır. İlk olarak farklı mesaj tiplerini farklı renklerle belirtmektir. Başarılı eylemleri belirten mesajlar genellikle yeşil olarak renklendirilmiştir. Bu, trafik ışığı analojisindeki yeşil rengin "Git" anlamına gelmesi fikrini web uygulamalarına entegre etmektedir. Uyarı mesajlarını sarı, hata mesajlarını ise kırmızı renk tonlarında göstererek kullanıcıların mesajın içeriğini okumadan genel bir fikir sahibi olmalarını sağlayabilirsiniz.

Mailchimp web sitesi hata mesajları için renk kodlarını verimli bir şekilde kullanmaktadır.

Yapılabilecek bir diğer şey ise her bir mesaj tipine özgü simge kullanmaktır. Simgelerin taşıdığı anlam sayesinde kullanıcılar mesaj hakkında genel bir fikir sahibi olurlar. Örneğin bir "onay işareti", başarılı bir eylemin gerçekleştiğini sembolize eder. Bir üçgen içerisindeki ünlem işareti ise uyarı anlamına gelir. Bu tip geribildirimleri kullanan uygulamalarda çalışan kullanıcılar, kendilerini uyaran bir mesaj olduğunu derhal farkedecekler ve ona gerekli özeni göstereceklerdir.

GetSignOff web sitesi, mesaj kutusunun sağ üst köşesinde bulunan çarpı işaretine tıklandığında mesajın kapatılabilmesine izin vermektedir.

Son olarak kullanıcılarınıza uyarı mesajlarını kapatabilmelerine izin vermelisiniz. Bu durum özellikle kullanıcıların sayfanızda uyarı mesajından sonraki süre zarfında mesajın belirdiği sayfa üzerinde bir süre daha kalmaları durumunda kullanışlı hale gelecektir.

9. Sekmeli İçerik Kullanın

Günümüzde pek çok web uygulaması, sekmeli gezintileri uygulamalarının ana gezinti öğesi olarak kullanmaktadırlar. Sekmeli gezintiler, tıpkı dosyaların ya da klasörlerin her birinin kendine ait bir sekme içerisinde durmasına benzer ve etkin sekme sayfanın gövdesine bağladır. Sekmeli içerik sadece göze çekici gelmekle kalmas, ayrıca kullanılırlık açısından da önemli bir unsur teşkil eder.

Freckle sekmeli gezinti öğesini sitesinin alt menülerinde kullanmaktadır.

Basecamp ise uygulamasının ana gezinti öğesi olarak sekmeli menü kullanmayı tercih etmiştir.

Eğer menünüzü klasörlerde birer sekme gibi yaparsanız, neredeyse herkes onun nasıl çalıştığını ve ne yaptığını ilk bakışta anlar. Bunun sebebi ilgili öğenin görsel metaforunun açık ve net olmasıdır. Ayrıca geçerli sayfa ya da bölüm kolay bir şekilde görünür. Onların nerede olduğunu bilmeleri kullanıcıların işini kolaylaştırır, zira kullanıcılar bu sayede uygulamayı daha kolay bir şekilde kontrol altına almış olurlar.

10. Modal Pencerelerin Altında Koyu Arkaplanlar

Bazı uygulamalarda az miktarda olduğu için kendine ait sayfa oluşturmayı gerektirmeyen bilgi parçacıklarını görüntülemeyi deneyebilirsiniz. Bazı geliştiriciler bu tip bilgileri modal pencere adını verdikleri pencereler içerisinde görüntülemeyi tercih ederler. Modal pencereler küçük pencereler olup geçerli sayfa üzerinde belirir ve kullanıcıların devam edebilmesi için onunla etkileşim kurması gerekmektedir.

Squarespace website oluşturma uygulamasındaki bölümleri düzenlediğinizde, arkaplan karararak kullanıcının odağının düzenleme penceresine çekilmesi sağlanır.

Bu pencerenin daha da belirgin olmasını sağlamak için onun ardındaki arkaplan karartılır. Karartılmış arkaplan sayfanın tüm karmaşıklığını gidererek modal pencereyi odak noktası haline getirir. Bu yöntem, modal pencerelerin çevresine gölge eklemekle aşağı yukarı aynı işlevi görür ancak arkaplanı karartmak, gölgeye oranla, ilgili pencereyi odak noktası haline getirmek için daha etkilidir. Karartılmış arkaplan ayrıca üzerindeki içerikle etkileşimin kesildiğini belirtir ve kullanıcının sadece önplandaki modal pencere ile etkileşim kurması gerektiğini açık ve net bir hale getirir.

11. Lightboxlar ve Slayt Gösterileri

Bazı uygulamalar, kullanıcıların incelemesi için çok miktarda görsel sunabilirler. Her bir görseli kendi sayfası altında görüntülemek belki de bunu en verimli bir biçimde uygulamak için tercih edilmesi gereken yöntem değildir - hem ziyaretçileriniz, hem de sunucunuz için. Ziyaretçileriniz her bir görsel için ileri geri gezinmek zorunda kalacaklardır ve sunucunuza bu sebeple fazladan istek gönderilmiş olacaktır.

SmugMug fotoğrafları daha belirgin hale getirmek için lightbox kullanmaktadır. (Fotoğraf: Kurt Preston).

Lightboxlara ve slayt gösterileri yeni bir sayfa yüklemeye gerek kalmadan fotoğrafların görüntülenmesini sağlar. Örneğin lightbox yöntemi sayesinde üzerine tıklanılan görselin büyük boyutlu sürümü, sayfanın geri kalanının üzerinde bir modal pencere içerisinde görüntülenerek, kullanıcının odağının ilgili görsele çekilmesi sağlanacaktır. Bunun anlamı daha az karmaşa ve daha fazla izleme deneyimi demektir.

12. Kısa Kayıt Formları

Kayıt formları muhtemelen potansiyel müşterileriniz ile sizin arınızdaki en büyük engellerden birisidir. Form ne kadar uzunsa, ziyaretçinizin web sitenizin bir üyesi olması ya da ödeme yapan bir müşteriniz haline gelmesi için o ziyaretçinin o kadar fazla çaba sarfetmesi anlamına gelmektedir. Bu engeli azaltmak için bu süreci hızlandırmamız gerekmektedir. Bunun anlamı da tüm opsiyonel elementleri kaldırmak demektir. Bu elementleri kaldırıp form üzerinde sadece kesinlikle gerekli olan elementleri bırakarak, kullanıcının hem kısa sürede sitenize üye olması sağlanır, hem de formdan çıkardığınız diğer bilgiler daha sonra kullanıcının isteği üzerine doldurulabilir.

Bir Evernote hesabı açmak kolaydır, zira siteye üye olmak için yapmanız gereken tek şey, her biri gruplanmış ve küçük bir kutu içerisine yerleştirilmiş bir avuç bilgiyi girmektir.

Sonuç

Uygulamalarınızı güzel göstermek her ne kadar tatminkar bir kullanıcı deneyimi ile sonuçlanmış olsa da, o ürünün kullanılabilir bir ürün olacağını garantilemez. Örneğin Craigslist gibi çirkin bir web sitesi bile yapması gerekeni çok başarılı bir şekilde yerine getirebilir. Sitenin çirkin görünümü onun çok popüler olmasının önüne geçmedi. Benzer olarak Google arama motorunun minimalist görünümü, dünyanın en çok ziyaret edilen siteleri arasına girmesinin önüne geçebilmiş değil. Arayüz belirsizleşerek yapmanız gerekeni en kısa sürede gerçekleştirebilmenize yardımcı olur.

Bir keresinde Apple CEO'su Steve Jobs, "tasarım sadece onun nasıl göründüğü ve hissettirdiği demek değildir. Tasarım, onun nasıl çalıştığıdır." demiştir. Aslında, kullanılırlık ve bir web uygulamasının genel kullanışlılığı, onun ne kadar başarılı bir şekilde işleyebildiği ve özelliklerinin ne kadar kolay bir şekilde erişilebildiği ile doğrudan ilgilidir. Tasarım, kullanıcılarınıza yardımcı olabilecek bir arayüz ile değer kazanır. Her teknik, her durumda her uygulama için kullanılır diye genelgeçer bir kural yoktur. Uygulamalarınız üzerinde sadece gereken öğeleri kullanarak ve diğerlerini de sadece gerektiği zaman göstererek daha kullanılabilir bir uygulama sahibi olabilirsiniz.

Kullanılırlık İle İlgili Yazdığım Diğer Yazılar

Bu yazı OFC 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

Her Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği

OFC — Sat, 18 Jul 2009 08:49:00 GMT

Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.

1- CSS Anahatları Oluşturmak

CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler

CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler

2- Stilleme ve Listeler Kullanma

3- Kutu Modeli ve Pozisyonlamayı Anlamak

4- Daha iyi CSS Tipografisi

5- Formları Stillemek

6- CSS Çatılarını (Frameworklerini) Kullanmak

En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız.
Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?
CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.

7- Optimize Etme ve En İyi deneyimler

8- CSS Hileleri ve İpuçları

9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler

Kaynak: acomment.

CSS İle İlgili Yazdığım Diğer Yazılar

Bu yazı OFC 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

Kullanmaktan Zevk Alacağınız 17 Web Uygulaması

OFC — Fri, 27 Mar 2009 17:05:00 GMT

Bugün, günlük yaşantınızda kullanmaktan büyük ihtimalle zevk alacağınız 17 Web uygulamasını listeleyeceğiz. İster bir tasarımcı, geliştirici, ofis çalışanı, yönetici, asistan, öğrenci ya da ev kullanıcısı olun, bu uygulamalar pek çoğunuz için size yardımcı olacaktır. Uygulamalarımızı seçerken herkes için ilgi çekici bir özelliği olmasına da dikkat etmeye çalıştık. Bunların pek çoğu henüz pek çoğunuz tarafından bilinmese de özellikle özellikleri açısından oldukça başarılıdırlar. Siz de uygulamalara bir göz atın ve düşüncelerinizi yorumlarınızla paylaşın.

1. TweetLater

TweetLater

TweetLater sayesinde tüm Twitter hesaplarınız için gelecekte göndereceğiniz Tweetleri önceden hazırlayabilirsiniz. Twitter akışınızı düzenli olarak etkin tutmak için bu uygulamayı kullanın ve bilgisayarınız başında olmadığınızda bile Tweetlemeye devam edin. Ya da sadece kişisel hatırlatıcınız olarak kullanın.

2. Screencast-O-Matic

Screencast-O-Matic

Screencast-O-Matic ücretsiz bir uygulama olup ekranınız üzerindeki görüntülerin yer aldığı video kayıtları yapabilmenizi sağlar. Sisteminize herhangi bir yazılım yüklemenize gerek kalmadan doğrudan tarayıcınız üzerinden kayıt işlemini gerçekleştirebilir, ardından Screencast-O-Matic sunucuları üzerinde ücretsiz bir şekilde barındırabilirsiniz.

3. Site-Perf

Site-Perf

Site-Perf.com sayesinde sitenizin yüklenme hızına dair tutarlı, gerçekçi ve yardımcı veriler toplayabilirsiniz. Betik, gerçek bir tarayıcı gibi davranarak, tüm görselleri, CSS, JS ve diğer dosyaları, tıpkı sıradan bir kullanıcının gördüğü gibi indirerek ilgili verileri toplar.

4. TextReminders

TextReminders

TextReminders.net, arkadaşlarınıza ücretsiz kısa mesajlar (SMS) göndermenizi sağlayan bir uygulama. Uygulamanın sunduğu formu kullanarak arkadaşınıza anında bir kısa mesaj gönderebilirsiniz. Bir gönderici olarak size herhangi bir ücret yansıtmasa da, alıcının operatörüne ve dünya üzerindeki konumuna göre değişmekle birlikte bir ücret yansıtabilir.

5. Letterfu

Letterfu

Letterfu katlanabilir mektup şablonları sunan bir uygulamadır. Dilerseniz uygulamanın sunduğu şablonların yazıcınızdan çıktısını alabilir, mesajınızı yazabilir ve ardından posta ile gönderebilirsiniz. Her bir şablon için ayrı ayrı hazırlanmış yönergeleri takip ederek herhangi bir zarfa gerek kalmadan mektubunuzu katlayarak doğrudan postaya verebilirsiniz.

6. Yammer

Yammer

"Şu anda ne üzerine çalışıyorsun?" sorusuna yanıt vererek kurumların ve organizasyonların daha üretken bir şekilde çalışmasına yardımcı olmayı hedefleyen bir uygulama. Çalışanlar bu soruya yanıt verdikçe bir bilgi akışı oluşturulmuş oluyor ve çalışanlar birbirleri ile fikir alışverişinde bulunuyor, haberler gönderiyor, sorular soruyor ve diğer kullanışlı bilgileri paylaşabiliyorlar.

7. DrawAnywhere

DrawAnywhere

DrawAnywhere üzerinde çevrimiçi diyagramlar oluşturabilir, düzenleyebilir ve paylaşabilirsiniz. Bu web uygulaması tıpkı bir masaüstü uygulaması gibi çalışıyor ve Flash 9'un kurulu olduğu tüm tarayıcılar üzerinde çalışıyor ve bu sayede sisteminize herhangi bir yazılım kurmanız gerekmiyor. İnternet erişiminizin olduğu herhangi bir yerden erişebileceğiniz bu uygulama, pahalı herhangi bir uygulama satın almadan tüm diyagram ihtiyaçlarınızı karşılayabiliyor.

8. TinyMail.me

TinyMail

TinyMail bir spam engelleyici ve koruyucu araç olup elektronik posta adresinizi adres toplayıcı robotlardan koruyor ve Outlook Exchange, GMail ve Yahoo! istemcinizin istenmeyen posta klasörlerinin dolup taşmasının bir nebze de olsa önüne geçmenizi sağlıyor.

9. Quarkbase

Quarkbase

Quarkbase, bir web sitesi hakkında derinlemesine bilgi sahibi olmanızı sağlıyor. 30'un üzerinde veri kaynağı ve pek çok algoritma kullanarak İnternet üzerinden toplanan bilgileri, sosyal popülerlik, trafik ve alakalı kişiler gibi başlıklar altında gösterebiliyor.

10. Broong

Broong

Broong bir çevrimiçi not servisi olup herkesin oluşturduğu çoklu ortam içeriklerini görebilmenizi, onlar üzerinde arama yapabilmenizi, onları paylaşabilmenizi ve kendi notlarınızı oluşturabilmenizi sağlıyor. İnsanlar Broong uygulamasını kendi fikirlerini, videolarını ve resimlerini masaüstü ya da taşınabilir platformlar üzerinden paylaşabilmek için kullanıyor.

11. formatpixel

formatpixel

Kendi çevrimiçi dergilerinizi, fan dergilerini, broşürleri, katalogları, portfolyoları ve çok daha fazlasını oluşturun. Formatpixel çevrimiçi düzenleyicisini kullanarak sayfa tabanlı projelerinizi, anahat metinlerinizi oluşturabilir, kendi görsellerinizi gönderebilir ve onların görünümünü etkileşimli kılabilirsiniz.

12. pleasenotify.me

pleasenotify.me

pleasenotify.me sade ve ücretsiz bir servis olup insanlara tamamlamaları gereken görevleri gönderebilir ve onlar tamamlandığında bilgilendirilebilirsiniz. Uygulamanın sunduğu formu kullanarak birisine elektronik posta aracılığı ile görev gönderebilirsiniz. Alıcı, eğer, ilgili görevi sizin belirleyeceğiniz tarihe kadar tamamlamazsa, hem siz hem de alıcı bu konu ile ilgili bilgilendirilecektir. Her ikiniz de, görev tamamlanana kadar günlük bazda bilgilendirileceksiniz. Bu uygulama muhtemelen bugüne kadar gördüğünüz en basit proje yönetim uygulamalarından birisi.

13. AbouThiSite

AbouThiSite

Bu web sitesi sayesinde dilediğiniz herhangi bir web sitesinin sahibi kimmiş, sunucuları neredeymiş ve eğer aynı sunucu üzerinde başka herhangi bir web sitesi var mıymış, öğrenebilirsiniz.

14. kissa.be

kissa.be

Birden fazla işlevi olan bu ilginç uygulama, 3 farklı özelliği tek bir web sitesi altında birleştirmeyi başarıyor. Bu servisler; URL kısaltma, elektronik posta "mailto" bağlantı koruması ve sınırlı sayıda karakter girebileceğiniz alanlarda bile daha fazla bilgi verebilmenizi sağlayabilmek.

15. SantexQ

SantexQ

SantexQ, ya da kısa adıyla "Q" kurumlara yardımcı olmak için oluşturulmuş zaman ve görev yönetim uygulamasıdır. Özellikle ekiplerin verimliliğini arttırmak için oluşturulmuş bu uygulama, işlem raporları, sınırlı zamanlar ve bütçeler gibi her bir projenin anahtar unsurlarını yönetebilmenizi sağlıyor.

16. anyvite

anyvite

anyvite arkadaşlarınızla birlikte plan yapmak için kullanabileceğiniz ve tüm karmaşık özelliklerden arınmış bir platformu sunuyor.

17. Zapproved

Zapproved

Zapproved sade ve hızlı çalışan bir web uygulaması oluo, kararlarınızı daha kısa sürede verebilmenizi sağlıyor.

Web Araçları İle İlgili Yazdığım Diğer Yazılar

Bu yazı OFC 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

Ücretsiz 3D Av Simülasyonu (The Hunter)

OFC — Wed, 25 Mar 2009 15:02:00 GMT

Geçen günlerde karşılaştığım bir oyundan bahsetmek istiyorum. Oyunumuzun adı, The Hunter.

The Hunter

Şimdiye kadar gördüğüm en gerçekçi av simulasyonu daha doğrusu gördüğüm en iyi ücretsiz simülasyon.

Oyun internet sitesiyle eş zamanlı olarak bilgisayarınızda 3D olarak oynanan bir oyun. Yani oyunun sitesine üye olmak şart. Çünkü oyunu siteye login olduktan sonra çalıştırabiliyoruz. Sonrasında görevlerimizi site üzerinden alabiliyoruz.

Siteye ücretsiz bir şekilde üye olduktan sonra sizden oyunun çalışması için gerekli olan bir exe dosyası ile oyunun "clientin"i indirmeniz isteniyor. Bunun için yardımı siteye login olduktan sonra üst menüde bulunan "Help" menüsünden alabilirsiniz.

Oyunun "client"i yaklaşık olarak 370MB fakat gerçekten de oynaması çok keyifli.

Bir de oyunun istediği sistem donanımından bahsedeyim;

İntel Pentium 4 3Ghz yada AMD
1GB Ram
256MB Ekran Kartı (nVidia GeForce 7600 / Ati Radeon X1800 ya da üstü, İntel ekran kartları desteklenmiyormuş.)
Win Xp SP2 veya Win Vista.

Bunlarla birlikte oyunu oynayabilmeniz için her bilgisayarda bulunan bir adet tarayıcı gerekiyor.
Bunların da Firefox 3.0 ve üstü ya da İnternet Explorer 7 olması gerekiyormuş. (Opera, Safari ve Chrome henüz desteklenmiyormuş.)

Ve son olarak daha önceden de dediğim gibi oyunu web sayfasına bağlantılı olarak oynadığımız için (yani web sayfasından tıklayarak oyunu başlattığımız için) "Emote Launcher" programını ve oyunun Clientini indirmemiz gerekiyor ki bunları siteye giriş yaptıktan sonra "Help" menüsü altında "Install The Game" linkinde bulabilirsiniz.

Oyunun ekran görüntülerine burdan ulaşabilirsiniz.

Benim beklediğimin üstünde grafiklere sahip bir oyun. Herkeze tavsiye ediyorum. İyi eğlenceler. bu ilk yazım hatam olursa kusura bakmayın.

Bu yazı OFC 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

Apple Tasarımlarının Gelişim Süreci

OFC — Sun, 15 Mar 2009 08:37:00 GMT

24 Ocak 2009'da Macintosh bilgisayarının 25. yıldönümünü kutlayan Apple, özellikle son 5 yıldır inanılmaz bir performans sergileyerek dünya çapındaki Apple kullanıcılarının sayısına her geçen gün yenilerini eklemeyi başarıyor. Biz de bu yazımızda Apple ürünlerinin 1977'den günümüze gelişimini resimlerle ve kısa bilgilerle aktarmaya çalışacağız.

Yazının devamında bulacağınız ürünlerin pek çoğu ileriye yönelik başarılı ürünlerden oluşsa da, Apple tarihinde başarısız olarak nitelendirilebilecek ürünler de yok değil. Şirketin buluşları pazar tarafından kabul edilmiş ya da edilmemiş olsun, Apple, sürekli olarak yayımladığı yeni ürünleri ile bilgisayar ve iletişim endüstrisindeki çıtayı yükseltmeye devam ediyor.

Bu makale için oluşturulmuş liste Apple'nin tüm ürünlerini listelemese de özellikle tasarım değişiklikleri ile adından söz ettiren ürünlerin pek çoğunu içeriyor.

Hepsi-bir-arada Bilgisayarlar

Apple "hepsi bir arada" adı verilen ve bir monitör ardına gizlenen bilgisayar parçalarını içeren ürünlerini çok uzun zamandan beri satıyor. Her ne kadar bazı ürünleri Hepsi-Bir-Arada sınıfına dahil edilmiş olsa da ürünlerin bazılarının kutularında harici bir monitör de yer alıyordu.

Apple II - 1977

1977 ılı hem Apple II'nin hem de gökkuşağı Apple logosunun duyurulmasına sahne oldu. Steve Jobs Apple logosuna eklediği renkleri, Apple II'nin o zamanlar için mükemmel renk desteğini yansıtması için kullandı. Renkli grafikleri sayesinde Apple II, o dönemdeki rakipleri arasından kolayca sıyrıldı. Görsel: Wikipedia

Apple II

Apple III - 1980

Apple bilgisayarlarının işletmeler için duyurulan bir sonraki sürümü özellikle IBM gibi kurumsal bilgisayar üreten şirketlerle rekabet için geliştirilmişti. Görsel: Wikipedia

Apple III

Apple IIe - 1983

Apple IIe klavyesi bilgisayarın içine gömülmüştü ve nümerik tuş takımını içermiyordu. Görsel: Wikipedia

Apple IIe

Lisa/Macintosh XL - 1983

Lisa kendisi ile Macintosh arasındaki yarışı, pazardaki yenilikçi kullanıcı arabirimi sayesinde kazandığında, 10,000 $'lık fiyat etiketi ve ilgili platform üzerinde çalışabilen kısıtlı yazılımları sayesinde halk arasında hak ettiği değeri bulamadı. Görsel: Wikipedia

Lisa/Macintosh XL

Apple IIc - 1984

Apple IIc Apple'ın hem taşınabilir hem de kutudan çıkar çıkmaz kullanılabilen özelliğini içeren ilk bilgisayardı. Ancak IIc'yi "taşınabilir" bilgisayar sınıfına dahil etmelerindeki tek problem, taşınabilir bir güç desteği içermiyor oluşu idi. Görsel: Wikipedia

Apple IIc

Macintosh - 1984

Macintosh... Her şeyin başlangıcı ilk bilgisayar. MacWorld etkinliğindeki ilk tanıtımında Steve Jobs çantasından ilk Macintosh bilgisayarını çıkardığında ürünün içerdiği özelliklerin pek çoğu halen günümüz Macintosh bilgisayarlarında kullanılmaktadır.

Macintosh

Apple IIGS - 1986

Bu ürünün ilk 50,000 adedinin ön yüzünde, Steve Wozniak'ın imzası bulunuyordu. Görsel: Wikipedia

Apple IIGS

Macintosh Plus - 1986

Macintosh'un Plus sürümü orjinal Macintosh'un bej rengini koruyordu ancak 1987'de alınan bir kararla rengi Platinyum ile değiştirildi ve bu renk, sonraki yıllarda Apple bilgisayarlarının pek çoğunda kullanılacaktı. Görsel: Wikipedia

Macintosh Plus

Macintosh SE - 1987

Bütünleşik sabit disk sürücüsü ve SCSI desteği, bu bilgisayarın önemli özellikleri arasında yer alıyordu. Görsel: Wikipedia

Macintosh SE

Apple IIc Plus - 1988

Bu model ile birlikte Apple, Apple II serisi bilgisayarlarındaki 5.25" disket sürücülerinden vaz geçt ve 3.5" disketleri kullanmaya başladı. Görsel: Wikipedia

Apple IIc Plus

Macintosh SE/30 - 1989

SE/30 modeli arttırılabilir RAM ve 1.44mb disket sürücüyü standart olarak destekliyordu. Görsel: Wikipedia

Macintosh SE/30

Macintosh Classic - 1990

Classic modeli Terry Oyama ve Jerry Oyama'nın Macintosh 128K endüstriyel tasarımına adaptasyonu olarak gösterilir. Görsel: Wikipedia

Macintosh Classic

Macintosh Classic II - 1991

Classic II'nin iki farklı kasa modeli vardı. Aşağıdaki modelde bilgisayarın sol kısmında daha iyi ses çıkışı alabilmek için hoparlör boşlukları yer alıyordu. Görsel: Wikipedia

Macintosh Classic II

Macintosh Color Classic - 1993

Bu bilgisayar ilk renkli Macintosh bilgisayarıdır. Görsel: Wikipedia

Macintosh Color Classic

Apple Macintosh LC 500 - 1993

Apple Macintosh LC serisi Apple'ın gelişmiş bilgisayar kullanıcılarına yönelik '90ların ortasında piyasaya sunduğu bir modeldi. Görsel: Wikipedia

Apple Macintosh LC 500

Macintosh Performa 5200 - 1995

Bu model Apple'ın giriş seviyesindeki kullanıcılarına yönelik geliştirdiği bir modeldi. Görsel: Wikipedia

Macintosh Performa 5200

Twentieth Anniversary Macintosh (TAM) - 1997

Bu modelden sadece 12,000 adet üretilmişti. Apple modelin "özgünlüğünü" korumak için bu modelden daha fazla üretmedi ancak bu, bilgisayarın satış rakamlarına yardımcı olmadı. Görsel: Wikipedia

Twentieth Anniversary Macintosh (TAM)

PowerMac G3 Hepsi-bir-arada - 1998

Bu model sadece öğrencilere satılıyordu. Görsel: Wikipedia

PowerMac G3 Hepsi-bir-arada

iMac G3 Kızaklı, Bondi Mavisi - 1998

Bilgisayar kasasını tamamen gözden çıkararak ve aynı gücü koruyarak Apple, masaüstü bilgisayar endüstrisini bu modeli ile baştan aşağı değiştirmişti. iMac G3 farklı renklerde piyasaya sürülmüştü. Daha sonra Cube modelini tasarlayıp pek çok ödül alan Jonathan Ive, bu modelin de tasarımcısıydı. Görsel: Wikipedia

iMac G3 Kızaklı

iMac G3 Kızaksız Indigo - 1999

Bu model iMac G3 ile benzer özellikleri içeriyordu ancak CD sürücüsü günümüz Apple bilgisayarlarında olduğu gibi herhangi bir kızak içermiyordu. Görsel: Wikipedia

iMac G3 Kızaksız Indigo

iMac "Flavours" - 1998-2003

Bondi Mavisine bir süre sonra farklı renkler eklenmişti. Görsel: Wikipedia

iMac "Flavours"

eMac - 2002

eMac, iMac'e kıyasla daha ucuz bir modeldi ve öğrencileri hedefliyordu. Görsel: Trimir

eMac

iMac G4 - 2002

iMac G4 2000 ila 2004 yılları arasında üretilmişti ve Apple'ın ürünlerini "inceltme" saplantısının ilk örneğini teşkil ediyordu. iLamp (iLamba) takma adına sahip olan bu model, yenden pozisyonlandırılabilir monitörü sebebiyle bu adı almıştı. Görsel: Marc Burr

iMac G4

iMac G5 - 2005

G5 işlemciye sahip bu model, yeniden pozisyonlandırılabilir monitör özelliğinden vazgeçmişti ancak tüm bilgisayar parçalarını ekranın ardına yerleştirerek gelecek iMac tasarımlarının da öncüsü haline gelmişti. Görsel: Wikipedia

iMac G5

iMac (Intel Tabanlı) - Alüminyum - 2007

Günümüz iMac modelleri tüm bilgisayar elementlerini LCD monitörün arkasında içerirken, iMac G5'e kıyasla daha ince bir tasarıma sahip.

iMac (Intel Tabanlı)

Masaüstü Bilgisayarlar

Macintosh II - 1987

Bu ürün Apple'nin ilk "modüler" tasarımına sahip bilgisayarı idi. Görsel: Wikipedia

Macintosh II

Macintosh IIx - 1988

Bu model Macintosh II'nin bir sonraki sürümü idi. Ürünün kod adlarından birisi "Spock" idi. Görsel: Wikipedia

Macintosh IIx

Macintosh IIfx - 1990

Bu bilgisayar o zamanlarda "en hızlı Mac" olarak adlandırılıyordu ve daha sonra şirketin Ürün Şefi Frank Casanova tarafından "manyak hızlı" olarak argolandırabileceğimiz bir şekilde isimlendirilmişti. Görsel: Wikipedia

Macintosh IIfx

Quadra 700 - 1991

Quadra 900 ile birlikte aynı anda piyasaya sürülen bu ürün, Ethernet ağ bağlantısını destekleyen ilk Apple bilgisayarı idi. Görsel: Wikipedia

Quadra 700

Quadra 800 - 1993

Bu ürünün kasası diğer ürünlere görenle daha küçüktü ve diğer modeller kadar erişilebilir değildi. Bu model daha sonra giriş seviyesi Mac bilgisayarlarının "en kötü kasası" ünvanını alacaktı. Görsel: Wikipedia

Quadra 800

Quadra 630 - 1994

Quadra serisine en son üye olan bu model IDE sürücüsü içeriyordu. IDE sürücüleri, daha önceki Quadra serisi modellerin içerdiği SCSI sürücülere oranla daha yavaştı ancak daha ucuzdu. Bu model, Quadra serisinin son üyesi idi. Görsel: Wikipedia

Quadra 630

Power Macintosh G3 - 1997

PowerMac G3 o dönemde Byte dergisi tarafından test edildiğinde döneminin en hızlı bilgisayarı olarak tanıtılmıştı. Görsel: Wikipedia

Power Macintosh G3

PowerMac G3 Mavi ve Beyaz - 1999

Bu model, bir önceki model ile aşağı yukarı aynı donanım özelliklerine sahipti ancak ürünün kasası, yeni iMac ile örtüşmesi açısından baştan tasarlanmıştı. Görsel: Apple.com

PowerMac G3 Mavi ve Beyaz

Power Mac G4 - 1999

Bu seri 1994 ila 2006 yılları arasında uzun bir süre piyasada kaldı. Her ne kadar modeller arasında donanımsal farklar yer alsa da, modellerin tümü aynı tasarıma sahipti. Görsel: Wikipedia

Power Mac G4

Power Mac G5 - 2003

Power Mac G5 duyurulduğunda o güne kadar üretilen en hızlı masaüstü bilgisayarı olarak gösteriliyordu.

Power Mac G5

Mac Pro - 2006

Bu makine Intel'in Xeon mikroişlemcili 5400 chipsetini içeriyordu. Günümüz Mac Pro bilgisayarları da aynı tasarımı kullanmaktadırlar ancak donanımsal özellikleri sürekli yenilenmektedir. Görsel: Apple.com

Mac Pro

Mini Masaüstleri

PowerMac G4 Cube - 2000

Bu 8 inçlik küp, üretimde kaldığı kısa süre içerisinde çok ses getirdi. Modelin tasarımcısı Jonathan Ive, bu tasarımı ile pek çok uluslararası ödüle layık görüldü. Görsel: Apple.com

PowerMac G4 Cube

Mac Mini - 2005

Bu minik bilgisayar 6.5" x 2" ölçülerinde ve ağırlığı sadece 1.14 kg idi. Günümüz Mac mini modelleri de bu tasarım altında geliştirilmeye devam etmektedir. Görsel: Apple.com

Mac Mini

Notebooklar

Macintosh Portable - 1989

Macintosh Portable, taşınabilir güç ünitesi içeren ilk Apple bilgisayarı idi ve içerdiği LCD ekranı ile o dönemde pek çok masaüstü bilgisayarından daha keskin görüntü sunuyordu. Görsel: Wikipedia

Macintosh Portable

PowerBook 100 - 1991

PowerBook 100, SONY ile Apple'nin bir arada geliştirdiği bir ürün idi. Sony bu modelin parçalarını Apple için küçültme görevini üstlenmişti. Daha sonra geliştirilen 140 ve 170 modelleri ise tamamen Apple tarafından tasarlanmıştı. Mobile PC dergisi PowerBook 100 modelini 2005 yılında yayımladığı bir makalesinde tüm zamanların 1 numaralı ürünü olarak nitelendirmişti. Görsel: Wikipedia

PowerBook 100

PowerBook Duo - 1992

Günümüz MacBook Air modelinin öncüsü sayılabilecek bu model daha geniş depolama alanını kablolar ya da dock aracılığı ile sağlıyordu. Görsel: Wikipedia

PowerBook Duo

PowerBook 180c - 1993

640x480 çözünürlüğü 256 renk ile gösterebilen ilk PowerBook. Görsel: Wikipedia

PowerBook 180c

PowerBook 540c - 1994

Bu modelde faretopunu izleme yüzeyi (trackpad) devralmıştı. Görsel: Wikipedia

PowerBook 540c

PowerBook 1400 - 1996

Bu giriş seviyesi model birden fazla konfigürasyona sahipti. Görsel: Wikipedia

PowerBook 1400

eMate 300 - 1997

Özellikle öğrencilerin sınıflarda kullanması için geliştirilen bu model, Newton motoruna sahipti. Görsel: Wikipedia

eMate 300

PowerBook G3 - 1997

Aşağıda resmi gösterilen Wallstreet modeli gökkuşağı renkli Apple logosunun kullanıldığı son modeldi. PowerBook G3 modelini ihtiyaçlarınıza göre şekillendirip sipariş edebiliyordunuz. Görsel: Wikipedia

PowerBook G3

iBook - 1999

iBook'un ilk nesli kablosuz ağ desteği ve midye kabuğu tasarımına sahipti. Görsel: eLanso

iBook

iBook G3 Dual USB

Tasarımı baştan aşağı yenilenen bu modelin ekran için L şekilli menteşesi ve daha ince bir tasarımı bulunuyordu.

iBook G3 Dual USB

PowerBook G4 - 2001

Titanyum kaplamaya sahip PowerBook G4, MacBook Pro modelinin öncüsü olarak gösterilir. Görsel: Wikipedia

PowerBook G4

iBook G4 - 2004

Kızaksız sürücüsü ve şeffaf olmayan tasarımı iBook'un temellerini oluşturuyordu. Görsel: Apple.com

iBook G4

PowerBook G4 - Alüminyum - 2003

PowerBook'un bu modelinde alüminyum ilk kez kullanılıyordu. Cube modelinin ödüllü tasarımcısı Jonathan Ive, bu modeli de tasarlamıştı. Görsel: Wikipedia

PowerBook G4 - Alüminyum

MacBook - 2006

2006 artık standart haline gelmiş manyetik kapak, parlak ekran ve basık klavye gibi özelliklerini barındırıyordu.

MacBook

MacBook Pro - 2006

Alüminyum standardı bu modelde de gözleniyordu. Günümüz MacBook Prolarında olduğu gibi bu ürünün kasası da, tek bir alüminyum bloğu işlenerek oluşturuluyordu. Görsel: Wikipedia

MacBook Pro

MacBook Air - 2008

Dünyanın en ince bilgisayarı olan bu model, özellikle bir zarfın içine sığabilecek kadar ince olması ve bu özelliğini reklamlarında da göstermesi sebebiyle adından söz ettirmeye devam ediyor. Görsel: Apple.com

MacBook Air

MacBook - 2008

MacBook'un en son sürümü daha önce Pro serisinde kullanılan Alüminyum kasayı MacBook serisine de taşıyor. Görsel: Apple.com

MacBook

MacBook Pro - 2008

MacBook Pro'nun en son sürümü 15" ve 17" ekran modellerine sahip. Görsel: Apple.com

MacBook Pro

Klavyeler

Macintosh Keyboard - 1984

Bu klavye "Command" tuşunu içeren ilk klavye olup ilk olarak Macintosh Plus bilgisayarları ile birlikte kullanılıyordu. Görsel: Wikipedia

Macintosh Keyboard

Apple Extended Keyboard - 1990

Bu model, pek çok Apple fanatiği tarafından Apple klavyelerinin altın çağı olarak gösterilir. Tuşlar arasındaki boşluklar ve klavyenin uyandırdığı genel his, bu klavyenin popüler olmasındaki en büyük etkendi. Görsel: Wikipedia

Apple Extended Keyboard

USB Klavye - 1998

Bu klavye 1998'in başlarında iMacler ile birlikte kullanılıyordu ve 2000 yılına kadar piyasada kaldı. Görsel: Wikipedia

USB Klavye

Apple Pro Keyboard / Apple Keyboard - 2000

Bu model "Command" harflerini command tuşu üzerinden kaldırmıştı. İlk duyurulduğunda şeffaf kasa üzerinde siyah renkli tuşları bulunuyordu. Daha sonra adı "Apple Keyboard" olarak değiştirildiğinde beyaz renkli olarak piyasaya sürüldü. Görsel: 2aday.com

Apple Pro Keyboard

Günümüz Apple Klavyesi - 2007

Günümüzde kullanılan Apple klavyesi olup alüminyum kasaya sahip ve Apple IIe klavyesinden bu yana klavyenin command tuşu üzerinden Apple logosunu kaldıran ilk klavye olma özelliğine sahip. Görsel: Apple.com

Günümüz Apple Klavyesi

Fareler

Macintosh Mouse - 1984

Her ne kadar Macintosh, günümüzde bilgisayarlar ile farelerin bir arada kullanılmasının temellerini atan ve yaygınlaşmasını sağlayan ürün olsa da, aslında daha önceleri Lisa için geliştirilen farenin bir sürümüdür ve Apple tarafından kullanılan ilk fare değildir. Görsel: Wikipedia

Macintosh Mouse

Apple IIc Mouse - 1984

Tek bir renge sahip olan bu farenin ayrıca joystick gibi oyun aygıtları için de desteği bulunuyordu. Görsel: Wikipedia

Apple IIc Mouse

Apple Masaüstü Faresi - 1986

Görsel: Wikipedia

Apple Masaüstü Faresi

ADB Mouse II - 1993

Bu model 1993 ile 1998 yılları arasındaki tüm Maclere dahil edilmişti. Görsel: Wikipedia

ADB Mouse II

iMac USB Mouse - 1998

Bu fare duyurulmasından itibaren iki yıl süre ile tüm iMac bilgisayarları ile birlikte kullanılıyordu. Görsel: Russell Heimlich

iMac USB Mouse

Mighty Mouse Wireless - 2005

2 Ağustos 2005 yılında bu modelin duyurulmasına kadar Apple'nin sattığı tüm fareler tek bir tuş içeriyordu. Günümüz Apple bilgisayarlarında kullanılan fare de bu modeldir. Özellikle farenin üst kısmındaki topun çabuk kirlenmesi ve bozulması sebebi ile Apple kullanıcıları, Apple tarafından yeni bir farenin duyurulmasını beklemektedirler. Görsel: Apple.com

Mighty Mouse Wireless

Ekranlar

Apple IIc Flat Panel Display - 1984

Bu modelden sadece 10,000 adet üretilmişti. Ekrandaki nesneleri görebilmeniz için çok yüksek ışık kaynağına ihtiyacınız olması sebebi ile bu model zamanında pek tutmadı. Görsel: Wikipedia

Apple IIc Flat Panel Display

AppleColor RGB - 1986

640x480 çözünürlüğe sahip Apple tarafından geliştirilen ilk monitör. Görsel: Wikipedia

AppleColor

Apple AudioVision 14 - 1993

Bu monitör 14" Trinitron ekrana sahipti. Görsel: Wikipedia

Apple AudioVision 14

Apple Studio Display - 1998

Bu model Power Mac bilgisayarlar ile birlikte duyurulmuştu ve aktif matrix LCD ekran kullanıyordu. Görsel: everymac.com

Apple Studio Display

Apple Studio Display - Blueberry - 1999

Bu model de o dönemde aynı renklere sahip PowerMac G3 ile birlikte kullanılması için duyurulmuştu. Görsel: everymac.com

Apple Studio Display - Blueberry

Apple Studio Display CRT Blueberry - 1999

Bu monitör "mavi" temasını çekici bir tasarımla bütünleştiriyordu. Görsel: Everymac.com

Apple Studio Display CRT Blueberry

Apple Studio Display CRT - 2000

Bu monitör, Apple'nin piyasaya sürdüğü son CRT monitör olma özelliğine sahip. Görsel: everymac.com

Apple Studio Display CRT

Apple Cinema Display 22" - 2000

22" aktif matrix LCD ekrana sahip olan bu model o dönemde henüz piyasaya sürülen PowerMac G4 ile birlikte duyurulmuştu. Görsel: Wikipedia

Apple Cinema Display 22"

Apple Cinema Display 20" - 2003

20" aktif matrix LCD ekranı içeren bir monitor. Görsel: Amazon.com

Apple Cinema Display 20"

Apple Cinema Displays - 2004

Günümüzde halen piyasada bulunan Apple Cinema Displays modeli 20", 23" ve 30" ekran boyutlarına sahip. görsel: Apple.com

Apple Cinema Displays

LED Cinema Display - 2008

Bu model, Apple'ın en çevreci monitörü olarak duyuruldu. görsel: Apple.com

LED Cinema Display

iPod

Her ne kadar 2001 yılından önce piyasada MP3 çalarlar bulunuyor olsa da, bu modellerin hiçbiri iPod kadar kolay kullanılabilir bir model değildi. iPod serisi iPod shuffle, iPod nano, iPod classic ve iPod touch modellerini içeriyor.

The Newton - 1993

Her ne kadar Newton ilk duyurulduğunda pek başarılı olmasa da, Apple'ın popüler iPhone ve iPod modellerinin temellerini içerdiği söylenir. Apple Newton geliştiricilerinden ikisi, daha sonra iPod'un işletim sistemi Pixo'yu da geliştireceklerdi.

Newton

iPod / iPod Classic

Birinci Nesil - 2001

2001 yılında duyurulan ilk iPod. Görsel: Wikipedia

iPod 1G

İkinci Nesil - 2002

iPod'un ikinci nesli mekanik tekerlek yerine dokunmaya duyarlı tekerlek içeriyordu. Görsel: Wikipedia

iPod 2G

Üçüncü Nesil - 2003

Üçüncü nesil iPod, daha önceki nesillere oranla daha ince olan bu iPod, bir önceki neslinde kullanılan dokunmaya duyarlı tekerlek yerine tamamen dokunmatik tekerlek kullandı. Görsel: Wikipedia

iPod 3G

Dördüncü Nesil - 2004

Dördüncü nesil iPod, bir önceki neslinde bulunan dokunmatik tekerleğin yerini click wheel yer aldı. Bu model için U2 ve Harry Potter temalı sürümler de geliştirilmişti. Görsel: BatteriesForiPod

iPod 4G

Beşinci Nesil - 2005

2005 yılında piyasaya sürülen bu model, iPod video olarak da isimlendiriliyordu. Görsel: Les Numeriques

iPod 5G

Altıncı Nesil - 2007

iPod'un altıncı nesli, iPod'u diğer modellerden ayırmak için iPod classic adıyla anılmaya başladı. Görsel: Wikipedia

iPod 6G

iPod shuffle - 2005

MacWorld etkinliğinde duyurulan ilk iPod "Life is Random" (Hayat Rasgeledir/Karmaşıktır) sloganı ile tanıtılmıştı. Görsel: Apple.com

iPod shuffle - 2005

iPod shuffle - 2006

Bir önceki nesline oranla daha küçük olan bu iPod shuffle modeli, Apple'ın o döneme kadar piyasaya sürdüğü en küçük üründü. Ürün diğer iPod ürünlerinde kullanılan sabit disk sürücünün aksine flash bellek kullanıyordu.

iPod shuffle - 2006

Renkli iPod shuffle - 2008

iPod shuffle 2008 yılında toplamda 5 renge sahip 5 farklı modelle piyasaya sürüldü. Görsel: apple.com

Renkli iPod shuffle - 2008

iPod shuffle - 2009

Geçtiğimiz günlerde duyurulan yeni iPod shuffle üzerinde herhangi bir kontrol tuşu bulunmuyor ve tüm kontroller kulaklık kablosu üzerine entegre edilmiş düğmeler ile sağlanıyor. Ürünün bu modeli ile depolama kapasitesi de 4GB'ye yükseltildi.

iPod shuffle - 2009

iPod nano

Birinci Nesil - 2005

Görsel: eShop Macsales

iPod nano 1G

İkinci Nesil - 2006

Görsel: Les Numeriques

iPod nano 2G

Üçüncü Nesil - 2007

Görsel: Apple.com

iPod nano 3G

Dördüncü Nesil - 2008

Görsel: Apple.com

iPod nano 4G

iPod touch - 2007

iPhone'nin duyurulmasının ardından herkes Apple'dan aynı arabirime sahip ancak telefon özelliği olmayan bir iPod duyurmasını bekliyordu. Mart 2007'de düzenlenen bir basın toplantısı ile beklentiler gerçeğe dönüştü ve Apple CEO'su Steve Jobs, iPod touch adını verdiği ve tümüyle dokunmatik yüzeye sahip iPod modelini duyurdu.

iPod touch

iPhone - 2007

iPhone Apple'dan yıllarca beklenen bir ürün olup günümüzde teknoloji ile öyle yada böyle bir şekilde ilgilenen herkesin sahip olmak istediği bir ürün. Özellikle Birleşik Devletler'de oldukça popüler olan BlackBerry severleri bile kendisine çekmeyi başaran Apple, iPhone App Store aracılığı ile ücretsiz ve ucuz uygulamalar sayesinde cihaza her geçen yeni yeteneklerin katılmasını sağlıyor. Son yapılan araştırmalar, Apple iPhone'nin duyurulmasının üzerinden geçen iki yıldan kısa bir sürede Birleşik Devletler'de en çok kullanılan üçüncü cep telefonu ünvanına sahip bir ürün. Salı günü düzenlenecek basın toplantısında cihazın yeni işletim sistemi geliştiricilere tanıtılacak. Görsel: apple.com

iPhone

Apple, şirket olarak faaliyet gösterdiği süre boyunca taşınabilir bilgisayarlar, masaüstü bilgisayarlar, dijital medya oynatıcıları ve cep telefonu pazarlarına öncülük eden pek çok tasarım sundu. Ürünlerinde kullanılan mükemmel tasarım ve kullanım kolaylığı sebebiyle herkes, Apple'nin duyuracağı bir sonraki ürünün ne olacağını merak eder hale geldi.

Sizin Apple ürünleri ve Apple ile ilgili deneyimleriniz neler? Yorumlarınızı bekliyorum.

Apple Ürünleri İle İlgili Yazdığım Diğer Yazılar

Bu yazı OFC 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