basarozcan

Bir portfolyo sitesi tasarlarken…

basarozcan — Sat, 21 Mar 2009 13:44:32 +0000

Smashing Magazine birçok tasarımcının takip ettiği, takdire değer bir kaynak. Tasarım üzerine güzel ve bilgilendirici makaleler yazılan bu sitede geçtiğimiz günlerde “10 Steps To The Perfect Portfolio Website” isminde bir makale gördüm. Kişisel portfolyo hazırlarken nelere dikkat edilmesi gerektiğini örneklerle açıklamışlar. İlginizi çekerse buradan ulaşabilirsiniz.

Siteleriniz IE8′e uyumlu mu?

basarozcan — Sat, 21 Mar 2009 12:36:32 +0000

Microsoft 20 Mat 2009′da Internet Explorer 8′in kararlı sürümünü kullanıcıların beğenisine sundu. Yeni nesil tarayıcılarla hala kıyaslanabilecek kadar kaliteli olmadığı yorumları yazıldı çizildi. Biz tasarımcıları ilgilendiren konu ise IE6 ile başlayan IE7 ile de dertlerimizi arttıran, bilgisayar başında uykusuz geceler geçirmemize neden olan uyum problemi.

Tarayıcı Savaşları
IE6 eski bir tarayıcı olduğundan ve web standartlarını karşılamadığı için birçok uyum problemi yaşıyorduk . Sitelerimizi Firefox IE7 ve IE6 için ayrı ayrı test ederek yayına sunmak zorunda kalıyoruz. Ayrıca eski olmasına rağmen hala dünyada hatrı sayılır bir çoğunluk IE6 kullanmakta.

Hal böyle olunca sitelerimizi her tarayıcıda aynı görünecek şekilde tasarlamak zor bir durum. Bir de IE8 tarayıcılar kervanına katılınca durum çok daha vahim oldu. IE8′in bazı betikleri değişik yorumladığını görmek mümkün.

Çözüm META Etiketinde!
Eğer bu dertten kısa bir yolla kurtulmayı düşünüyorsanız işte sizin ilacınız. Basit bir meta bilgisi girerek sitenize gelen ziyaretçilerin IE8′ini IE7 modunda çalıştırabilmeniz mümkün.

İşte bu kadar basit. Bu kodu etiketleri arasına yazarsanız siteniz IE7 uyumluluk modunda çalışacaktır.

Icon arama derdine son!

basarozcan — Mon, 16 Mar 2009 15:53:55 +0000

Tasarladığınız sitelerde kullanmak üzere ikonlar bulmak genelde zor bir iştir. Renk uyumu, şekillerin uyumu, boyutlar gibi birçok etken devreye girer ve uygun bir ikon bulmanızı zorlaştırır. Bu dertten kurtulmamız için açılan IconPot sitesi yaklaşık 3 bin tane ikonu tasarımcıların beğenisine sunuyor. Tamamen ücretsiz olan bu ikonları ayrıca ticari amaçlarla da kullanmanız mümkün. Telif hakkı talep edilmemekte.

Mutlu Yıllar

basarozcan — Mon, 29 Dec 2008 21:57:41 +0000

Bir seneyi daha geride bıraktık ve 2009′a yelken açtık. Yeni yıl sizlere sağlık , mutluluk, huzur, aşk, iş ve dilediğiniz ne varsa sunsun Unutmayın yeni yıla iyi giren devamını da iyi getirirmiş…

Mutlu Yıllar

javascript Slideshow uygulaması sadece 5 KB!

basarozcan — Mon, 22 Dec 2008 22:27:11 +0000

Javascript ile yapılan birçok örneği zaman zaman bloglarda görmekteyiz. genelde yeni keşfedilen ve yapılan javascript uygulamaları büyük boyutlu ve bandwidth canavarı oluyor. Daha sonra kodlar çeşitli kullanıcılar tarafından yeniden düzeltilerek minimum boyuta indiriliyor. Daha önce yazılarımda örnek verdiğim Michael Leigeber de bu minimalize etme işinden hoşlanıyor olacak ki “1KB’lık akordiyon menü“,”1KB’lik kayan menü” ve “2KB’lik tooltip” gibi popüler uygulamaları minimalize etmiş.

Leigeber‘in son projesi ise birçok sitede rastladığımız slideshow uygulaması olmuş. 5KB’lık çok hoş bir slideshow kodu hazırlayan leigeber’in örneğine buradan ulaşabilirsiniz.

Vista Windows gezgini çalışmayı durdurdu hatası ve çözümü

basarozcan — Wed, 10 Dec 2008 23:30:42 +0000

Son günlerde oldukça fazla kişinin karşılaştığı bu problemin çözümünü bir Microsoft yetkilisinin ağzından öğrendim ve uyguladım. Denetim Masası, Ağ ve Paylaşım Merkezi gibi başlıca Windows Vista bileşenlerini açtığımızda birkaç saniyelik takılma oluyor ve “Windows Gezgini Çalışmayı Durdurdu” hatası ile karşılaşıyorduk. Uzun süre internette çözüm aradım, bulamadım. Tam ümidi kesmişken Microsoft Türkiye yardımıma koştu.

Eğer sizin de Denetim Masası ve diğer Windows bileşenleriniz bu tarz bir hata veriyorsa yapmanız gereken şudur:

C:\Windows\System32 klasörüne geçiniz.
Dosyaların bulunduğu üst kısımda Ad,Değiştirme Tarihi,Tür ve Boyut sıralama seçeneklerinden türü seçin ve Denetim Masası Öğesi olarak sıralanmış olan cpl uzantısına sahip dosyaları görün.
Buradaki dosyaların çoğu Windows kurulumunda geliyor. Windows ile birlikte gelmeyenleri silerek sorunu aşacağız. Windows ile birlikte gelenlerin sıralı listesi:
- appwiz.cpl
- bthprops.cpl
- collab.cpl
- desk.cpl
- Firewall.cpl
- hdwwiz.cpl
- inetcpl.cpl
- infocardcpl.cpl
- intl.cpl
- irprops.cpl
- joy.cpl
- main.cpl
- mmsys.cpl
- ncpa.cpl
- powercfg.cpl
- sysdm.cpl
- TabletPC.cpl
- telephon.cpl
- timedate.cpl
- wscui.cpl

Gördüğünüz gibi çözüm basit. Şimdi Denetim Masası veya Ağ ve Paylaşım Merkezine girerek çalıştığını doğrulayabilirsiniz.

jQuery için sIFR eklentisi

basarozcan — Mon, 01 Dec 2008 23:10:20 +0000

sIFR, sayfalarımızda göze hitap etme fonksiyonunun yanında Arama motorları tarafından indekslenebilme özelliği ile bir anda tasarım dünyasının göz bebeği konumuna geldi. 1-2 dezavantajı bulunmasına rağmen hala çok etkili bir rakip üretilemedi ve flir, typeface.js gibi rakipleri karşısında üstünlüğü elinde tutuyor. Bu kadar yararlı bir araçtan maksimum performans olmak isteyenler için Jonathan Neal tarafından bir jQuery eklentisi geliştirilmiş. bu eklenti sayesinde jQuery fonksiyonlarını sIFR tekniği ile birlikte kullanarak maksimum verim elde edilebilmesi sağlanmış.

İstenilen yere sIFR uygulatma ve sIFR’li yazıyı silme, zoom yapma, yazı renginde kod değiştirmeksizin oynamalar yapma ve sayamayacağım birçok özellik bu eklenti ile birlikte jQuery kullanıcılarının hizmetine sunulmuş.

Demosunu incelemek ve denemek istiyorsanız jQuery Sifr Plugin sayfasına alalım sizi.

Türkiye için yeni bir reklam modeli: Goinger!

basarozcan — Tue, 25 Nov 2008 21:06:16 +0000

Uzunca bir süredir yazı yazamadığımı biliyor ve yararlı bir makale için oldukça fazla süredir içim içimi yiyordu. Fakat aklıma yatan ve bilmediğim bir css tekniği yada bu bloga yazılabilecek birşeylerle karşılaşmamıştım. Bu yazımda da tasarımla ilgili yazılacak birşey olmasa da sitelerimizin hayatta kalabilmesi için gerekli bir reklam uygulamasını size tanıtacağım.

Yurtdışında genellikle Gamespot ve Gamershell gibi oyun sitelerinde rastladığım bir reklam türü olan 2 sayfa arasında geçerken reklam gösteren sistemi Türkiye’de bilindik bir site kullanmıyordu. Bunu fırsat bilen reklamcılar Goinger adındaki sistemlerini yayına sürmüşler. Bu sistem sayesinde belirlediğimiz sayıda gösterime bir fiyat talep ederek siteme gireceğiz. Reklamverenler de bizim sitemize bakacak, uygunluğuna göre fiyatı arttırarak açık arttırma sistemi sayesinde reklam sayfamızı satın alacaklar.

Hem içerdiği açık arttırma uygulaması hem de yeni bir reklam modelini Türkiye’ye getirmesi açısından oldukça iyi bir hizmet olduğunu düşündüğüm Goinger, umarım yakın zamanda büyük başarılar elde eder. Türkiye’nin böyle yaratıcı girişimlere ihtiyacı var.

Sistem sayesinde nasıl bir reklam yayınlandığını görmek isteyenler DEMO sayfasına bakabilirler.

jQuery ile yanıp sönen kutulu metinler oluşturmak

basarozcan — Wed, 05 Nov 2008 17:08:38 +0000

RSS Reader’ımda tasarım dünyasındaki son gelişmeleri takip ederken Enhance blogunda tanıtımı yapılan Pulse eklentisini gördüm. jQuery‘nin bir eklentisi olan pulse sayesinde, sadece “animated gif” dosyaları ile yapabileceğimiz ve statik olarak kullanabileceğimiz yanıp sönen yazıları, resimleri ve kutuları oluşturabilmemiz mümkün. Uyarı durumlarında çok yararlı olan bu yanar-sönerli eklenti James Padolsey tarafından geliştirilmiş. Eğer bu tarz bir eklentiye ihtiyacınız varsa ilgili makaleyi incelemenizi öneririm. Pulse eklentisi sadece 6KB yer kaplıyor ve jQuery’e ihtiyaç duyuyor.

Pulse’un renk değişimi yapabildiği css elemanları:

color
border-color
background-color
opacity

sIFR yaratmak için Adobe Flash’a gerek kalmadı!

basarozcan — Mon, 03 Nov 2008 18:50:49 +0000

Zaman zaman bildirgeç‘te paylaşımlarda bulunuyorum. Geçtiğimiz gün sIFR ile bir sitenin yazıtiplerini düzenlerken yeni bir program ile karşılaştım. Bu program Adobe Flash’a ihtiyaç duymadan 3 tık ile sIFR’in swf dosyasını oluşturabilmeyi sağlıyordu. İşte bu yüzden CoffeeCup’ın geliştirdiği sIFR Font Maker programını bildirgeçe yazarak web tasarımcıların işini kolaylaştıracak bir yazılım ile tanıştırdım. Bu programa alternatif olarak online bir uygulama olan sifrgenerator.com‘u da tasarımcılara öneririm.

Bildirgeç’teki sIFR Font Maker yazım
Bildirgeç’teki köşem

Not: Birkaç gün içinde sIFR ve alternatifi olan FLIR ve typeface teknikleri hakkında bir makale yayınlayacağım. Bu konuya ilgili olanlar benim örneklerime de bakabilirler.