Fatih Turan

Yine Bahar Geldi (Taken with instagram)

Sat, 28 Apr 2012 21:02:59 +0300

Yine Bahar Geldi (Taken with instagram)

Meetings.io

Tue, 10 Apr 2012 17:05:14 +0300

Meetings.io ile belirlediğiniz tarihlerde toplantı düzenleyerek, davet ettiğiniz kişilerle Skype’daki gibi bir veya birden fazla kişilerle telekonferans yapabiliyorsunuz. Ayrıca tamamen ücretsiz!

Iconpaper

Tue, 10 Apr 2012 13:59:52 +0300

Iconpaper:

Mac, iPhone ve iPad için ikon, masaüstü kağıdı, ekran koruyucuları gibi özelleştirme öğeleri içeren bir site. Apple kullanıcılarına tavsiye edilir.

Illustrator Pen Tool Egzersizleri

Fri, 30 Mar 2012 18:44:00 +0300

Illustrator Pen Tool Egzersizleri:

Veerle‘nin Illustrator için hazırladığı egzersiz dosyası sayesinde Illustrator’de Pen Tool ile bolca pratik yaparak kendinizi geliştirebilirsiniz.

İpucu: OS X'de Varsayılan Uygulama Belirleme

Fri, 24 Feb 2012 12:46:00 +0200

OS X’de bir dosya türünün varsayılan olarak hangi uygulama ile açılacağını ilgili dosya üzerine sağ tıklayıp ardından Option (⌥) tuşunu basılı tuttuğunuzda Open With menüsü yerine belirecek olan Always Open With menüsü altından istediğiniz bir uygulamayı belirleyerek sağlayabilirsiniz.

Ayrıca bu işlem için alternatif olarak RCDefaultApp uygulamasını deneyebilirsiniz. Her ne kadar uygulama sitesinde OS X Lion’da çalışıp çalışmadığı ile ilgili herhangi bir ibare yer almasa da RCDefaultApp OS X Lion’da çalışmakta.

Photoshop CS6'da Katman Paleti Gelişmeleri

Thu, 16 Feb 2012 11:09:46 +0200

Adobe, Photoshop kullanıcıları tarafından uzunca bir süredir beklenen katmanları ismine göre arama özelliğini sonunda yapmış gibi görünüyor. Ayrıca katmanlar türüne göre filtrelenebiliyor.

“Peki bunları nereden biliyorsun?” diyecek olursanız Adobe tarafından yayınlanan Content-Aware / Sneak Peek #4 adlı video izlerken bu ayrıntıyı yakaladım. Videoda katman paleti açıldığında (1:18) arama kutusu ve filtreleme özelliği görülebiliyor.

GAget

Tue, 14 Feb 2012 18:32:00 +0200

GAget:

Mac OS X’de çalışan GAget adlı widget ile Google Analytics hesabınız altında yer alan sitelerin genel istatistiki bilgilerini 1, 2 ya da 4 haftalık olarak görebiliyorsunuz.

Yukarıda yer alan videodan da görebileceğiniz üzere yeni...

Fri, 10 Feb 2012 10:07:00 +0200

Yukarıda yer alan videodan da görebileceğiniz üzere yeni Photoshop CS6’da artık vektör şekillerin çizgileri kesik çizgili ya da noktalı bir şekilde kolayca çizdirilebiliyor. Daha önce bunu yapabilmek için ya Illustrator’de şekli çizip Photoshop’a aktarmak gerekiyordu ya da Photoshop’da farklı yöntemlerle bu efekti oluşturmak gerekiyordu.

Bu arada videoyu izlerken bir şey dikkatimi çekti: artık vektör objelere Illustrator’deki gibi ayrı ayrı Dolgu (Fill) ve Çizgi (Stroke) verilebiliyor.

Photoshop Action Setim

Sat, 04 Feb 2012 09:40:05 +0200

Bjango adlı web sitesinde Photoshop için yayınlanan action setini gördükten sonra ben de kendi ihtiyaçlarıma göre action setimi oluşturdum (aslında Bjango’dan birkaç işe yarar action’u aldığımı itiraf etmem gerek).

Yukarıdaki ekran görüntüsünde de görebileceğiniz üzere bahsettiğim bu action seti bilgisayarınıza indirip Photoshop’a yükleyerek tasarım yaparken Photoshop’daki bazı özellikleri kullanmak için her defasında menülere girmek zorunda kalmadan direkt Actions paleti üzerinden kullanabilecek ve bu sayede biraz daha hızlı çalışma şansına sahip olacaksınız.

Bu arada actionları yukarıda yer alan ekran görüntüsündeki gibi düğme haline getirmek için Actions paletinin sağında yer alan menü düğmesine basıp “Button Mode”u etkinleştirmeniz gerekiyor (örnek ekran görüntüsü).

Action listesinde yer alan öğelerin isimleri ve açıklamaları ise şu şekilde:

Add Guide: View → New Guide komutunu çalıştırarak istediğiniz konumda yatay veya dikey rehber çizgiler oluşturabilirsiniz.
Show/Hide Pixel Grid: Normalde %500 yakınlaştırma sonrası görülebilen piksel ızgarayı gösterir/gizler.
Show/Hide Grid: View → Show → Grid komutunu çalıştırarak ızgarayı gösterir/gizler.
Show/Hide Guides: View → Show → Guides komutunu çalıştırarak rehber çizgileri gösterir/gizler.
Show/Hide Notes: View → Show → Notes komutunu çalıştırarak notları gösterir/gizler.
Snap On/Off: Photoshop’taki yapışma (snap) özelliğini açar/kapatır.
Crop: Marquee Rectangular Tool ile seçilen alana göre kırpma yapar.
Trim: Image → Trim komutunu çalıştırarak seçilen objeye göre dökümanı kırpar.
Slice It: Seçilen katmanı ayrı bir dosyaya kopyalayıp kırpar. Grafikleri parça parça kaydederken işe yarayabilir.
Rotate Object 90º/180º/270º: Seçilen katmanı 90/180/270 derece döndürür.
Duplicate Document: Üzerinde çalıştığınız belgenin bir kopyasını daha oluşturur.
Rotate Document CW 90º/CCW 90º/180º: Üzerinde çalıştığınız dosyayı saat yönünde 90 derece, saatin tersinde 90 derece ve 180 derece döndürür.

Not: Bu action set Photoshop CS5 üzerinde hazırlandı. Photoshop CS4’de düzgün bir şekilde çalışıp çalışmadığından emin değilim.

İpucu: Photoshop'ta Hızlıca Yeni Dosya Oluşturma

Wed, 01 Feb 2012 12:14:24 +0200

Photoshop’u açtıktan hemen sonra görülen karşılama ekranında klavyeden CMD (Windows’da CTRL tuşu olabilir) tuşunu basılı tutunca karşınıza hemen yeni dosya oluşturma penceresi geliyor. Tesadüfen farkettiğim bu küçük ayrıntı ile Photoshop’u açtıktan sonra yeni bir dosya oluşturmak için menülerle yada klavye kısayollarıyla uğraşmanıza gerek kalmıyor.

2011'in En iyi 100 Mac OS X Uygulamaları

Thu, 19 Jan 2012 11:00:05 +0200

2011'in En iyi 100 Mac OS X Uygulamaları:

Bu yazı geçenlerde Flipboard‘da birşeyler okurken karşıma çıkmıştı. Mac kullanıcıları için belki faydalı olabilir diye blogumda bağlantı vererek paylaşmak istedim. Listedeki sevdiğim uygulamalar şunlar: Bloodrop, Gradient, ClipMenu, Lion DiskMaker, NameChanger, CCleaner, Media Converter ve Bowtie.

Dribbble HD

Wed, 18 Jan 2012 23:08:17 +0200

Dribbble HD:

Dribbble müptelalarının hoşlanacaklarını düşündüğüm Dribbble HD Chrome eklentisi ile normalde Dribbble’da 200x150 piksel ebatında görüntülenen küçük görseller yerine tam boyutlu (genelde 400x300 piksel ebatında) görselleri görebiliyorsunuz.

Loremify

Tue, 06 Dec 2011 17:53:00 +0200

Loremify:

Tobias Ahlin, daha önce geliştirdiği Loremify adlı widget uygulamasını güncelledi. Loremify, tasarımlarda henüz metinlerin hazırlanmadığı yazı alanlarında kullanılan “Lorem ipsum…” kalıp cümlelerini hem yalın hem de HTML biçiminde üretebiliyor. Ayrıca uygulama çok şık ve işlevsel bir arayüze sahip olduğunu düşünüyorum. Mac OS X kullanan her web tasarımcı ve geliştiricinin elinin altında olması gereken Widget uygulamalarından.

A (Taken with instagram)

Sat, 03 Dec 2011 20:01:00 +0200

A (Taken with instagram)

İpucu: Düzenlenmekte Olan Dosya Klasörüne Hızlı Erişim

Wed, 16 Nov 2011 13:00:00 +0200

Örneğin herhangi bir dosyayı Finder’dan buldunuz onu Textmate’de düzenliyorsunuz ve tam o esnada Finder’ı yanlışlıkla kapattınız. Burada bahsettiğim küçük ipucu sayesinde o dosyanın bulunduğu klasöre erişmek için tekrar Finder’a girip ilgili klasöre gitmenize gerek kalmıyor.

Yukarıdaki ekran görüntüsünde de görülebileceği üzere mesela Textmate’de dosya ismini yazan başlığa sağ tıkladığınızda dosyanın bulunduğu klasör ve diğer alt klasörler gösteriliyor. Listedeki herhangi bir klasör veya aygıt ismine tıkladığınızda ilgili klasöre hızlıca erişebilirsiniz.

Unutmayın: bu ipucu sadece Textmate’de değil, Preview, TextEdit, PixelMator gibi birçok uygulamada da işe yaramakta.

Esinlenme Kaynaklarım

Tue, 15 Nov 2011 23:16:00 +0200

Web tasarım veya diğer türdeki tasarım projelerinde belirli aşamalarda esinlenmeye ihtiyacım olduğunda başvurduğum çevirimiçi kaynakları belki sizin de ilginizi çekebilir diye blogumda listelemek istedim. İşte listenin tamamı:

HTML/CSS Web Sitesi Vitrinleri

Kullanıcı Arayüzü Desenleri

Mobil Uygulama Kullanıcı Arayüzü Desenleri

Tipografi Gösterim Siteleri

Grafik Tasarım Gösterim Siteleri

Çeşitli

Tarayıcınız için Kullanışlı Bookmarklet Araçları

Tue, 01 Nov 2011 00:10:46 +0200

Bookmarklet, uygulama geliştiricileri tarafından Javascript ile geliştirilen ve Javascript destekleyen tüm tarayıcılar üzerinde yer imi halinde (bookmark) çalışabilen küçük uygulamalardır.

İşte benim kullandığım ve sizin de işinize yarayabileceğini düşündüğüm bookmarklet araçları şunlar:

Readability: Ekranda uzun yazıları okumak tam bir eziyet olduğu herkesin ortak fikri olsa gerek. Bu aracı kullanarak çok daha sade bir arayüz ile (Safari tarayıcısının Reader adlı özelliği gibi) yazıları rahatça okuyabilirsiniz.
WhatFont: Web sayfalarında kullanılan fontun ismi ve diğer özelliklerini görebilmeniz için kullanışlı bir araç.
MarkUp: Adından da anlaşılacağı üzere herhangi bir web sayfası üzerinde işaretleme ve notlar yazarak başkalarıyla paylaşabiliyorsunuz.
FontFriend: FontFriend ile web sayfalarındaki yazıların veya istediğiniz elementin yazıtipini değişebiliyorsunuz. Çok pratik bir araç. Kesinlikle tavsiye ediyorum.
Wirify: Herhangi bir web sayfasını Wirify ile wireframe haline getirebilirsiniz.
MIN: Web sayfalarındaki tipografik yapıyı daha iyi bir şekilde inceleyebilmeniz için bütün dekorasyonu kaldırır.
Share on Twitter: O an üzerinde bulunulan sayfayı bu araç ile Twitter’da paylaşabiliyorsunuz. Basit ama etkili bir araç.
Shorten with Bitly: Yine basit ama işe yarayabilir araçlardan biri. O an üzerinde bulunulan web sitesinin bağlantısını kısaltmaya yarıyor.

iPhone 4S Web Sayfasındaki CSS Animasyon Açıklaması

Wed, 26 Oct 2011 18:06:00 +0300

iPhone 4S Web Sayfasındaki CSS Animasyon Açıklaması:

iPhone 4S tanıtımı için oluşturulan web sayfasında yer alan (ve bence mükemmel olan) CSS animasyonunun nasıl yapıldığını John B. Hall açıklıyor. İncelemekte fayda var.

Sitelere Özgü Tarayıcı: Raven

Fri, 21 Oct 2011 15:39:02 +0300

Sitelere Özgü Tarayıcı: Raven:

Raven adlı tarayıcı alışılmışın dışında sitelere özgü çalışan bir tarayıcı. Şu anda beta sürümü yayınlanmış durumda (sadece Mac OS X için). Raven’ı genel olarak beğenmeme rağmen arayüzü için aynı şeyi söyleyemeyeceğim. Umarım geliştiricileri daha iyi bir arayüz ile kararlı bir uygulama haline getirirler.

WebGL Bookcase

Wed, 19 Oct 2011 12:00:06 +0300

WebGL Bookcase:

Bugün Chrome Experiments sayfasında WebGL teknolojisi ile yapılmış ilginç bir örneğe rastladım. Sanırım önümüzdeki yıllarda WebGL ile yapılan ilginç web uygulamaları ile karşılaşacağız. Bu arada bağlantıyı Google Chrome‘da açmanızı öneririm.