basarozcan

Archive for the ‘tasarım’ Category

CSS Sprite ile bandwidth tasarrufu

Posted by: basarozcan on: 27 Eylül 2008

Daha önce ben de CSS Sprite’ların kullanılışı hakkında “Sprite’lar nedir? Nasıl kullanılır?“adında bir makale yazmıştım. Bugün çeşitli RSS yayınlarını okurken CSSgirl sitesinde yazılmış olan CSS Sprite makalesi gözüme çarptı ve ne kadar ayrıntılı işlediklerini görünce sizle paylaşmak istedim. Sprite tekniği ile rollover bir menünün nasıl yapıldığını en ince detayına kadar anlatmışlar.
Buradan okuyabilirsiniz.

CSS ile transparanlık yaratalım

Posted by: basarozcan on: 24 Eylül 2008

CSS ile web sitelerimize albeni katmaya devam ediyoruz. Bu seferki tekniğimiz ise basit ama kullanışlı olduğu kadar tarayıcılar ile arasında birçok problem olan transparency.
Nerede Kullanalım?
Transparanlık özelliğini kullanabileceğiniz başlıca yer arkaplanında büyük resimler bulunan sitelerdir. Arkaplanda bulunan resimlerin tam olmasada flu bir şekilde görünmesini istiyorsanız transparanlık değeriyle oynayarak bu işlemi gerçekleştirebilirsiniz. Üstelik her div için ayrı [...]

CSS Menüleri tek tıkla hazırlayın!

Posted by: basarozcan on: 2 Eylül 2008

Uzunca bir süredir blog’um üstünden paylaşım yapmamıştım. Bunda biraz tatil modunun da etkisi olsa gerek. Bu günkü yazımızda Yatay ve dikey CSS menüleri hazırlamamızı sağlayan bir Web Uygulamasını tanıtacağız. CSS Menu Builder ile menü arkaplanının tipini ve menü tuşlarının şeklini belirledikten sonra renkler üstünde dilediğiniz oynamaları yaparak sitenize en uygun menüyü tasarlamanız mümkün. Şu an [...]

25 mükemmel tasarım rehberi

Posted by: basarozcan on: 12 Ağustos 2008

Birçok kez sıklıkla takip ettiğimi söylediğim woork‘de yayınlanan yeni yazı tüm tasarımcıların elinde bulunması gereken bir kaynak yazı olmuş. 25 farklı mükemmel rehberi bir araya toplayan Antonio Lupetti’nin yazısına buradan ulaşabilmek mümkün.

Site arkaplanı yaratmak zorunuza gitmesin

Posted by: basarozcan on: 9 Temmuz 2008

Son zamanlarda çoğu sitede devamlı tekrar eden arkaplan resimleri görüyorum. Bazıları sadece 45 derece açıyla inen çizgilerden ibaretken, bir kısım arkaplan var ki bence çok hoş görünüyor. Stripe kullanmak yerine background pattern’leri kullanmak tasarıma dolgunluk hissi katıyor. Yapımı daha zor olan background pattern’lerin kolayca yapılması için de bir web uygulaması devreye girmiş. Bgpattern sitesi sayesinde [...]

Form yaratmak hiç bu kadar kolay olmamıştı

Posted by: basarozcan on: 5 Temmuz 2008

Çoğu zaman sitelerimizde form elemanları kullanarak misafirlerden bazı bilgiler alırız ve sitemizin içeriğine katkıda bulunuruz. Fakat istediğimiz formu en iyi şekilde yaratabilmek ve tarayıcıların hepsine uyumlu hale getirmek için oldukça çaba sarfeder, zamanımızı boşa harcarız. Bu zaman kaybını önlemek içinse ufak miktarda ücretler ödeyerek form yaratıcılara başvurabiliriz.
Çeşitli ödeme seçenekleri ve ücretsiz hizmeti de bulunan Wufoo, [...]

Sayfa boyunca kayan reklam yapımı

Posted by: basarozcan on: 23 Haziran 2008

Sık sık karşılaştığımız bir yöntem olan, genellikle sayfanın sol kısmında yer alır bu reklamlar. Biz sayfayı aşağı kaydırdıkça reklam da sayfayla birlikte aşağı kayar. Bu kayan içerik reklamın daha çok görünmesini sağlar fakat tüm sayfayı kaplayan tasarımlarda bu reklamı kullanmak imkansızdır. Eğer sayfamızın sol tarafında içerik varsa bunun görünmesini engelleyen kayan reklamları bu yüzden çoğu [...]

Sprite’lar nedir? Nasıl kullanılır?

Posted by: basarozcan on: 21 Haziran 2008

CSS Sprite’ları konusunda daha önce bir yazıyla karşılaştınız mı? Sprite’ın bir içecektan olmaktan başka web tasarımından nasıl bir terim olduğunu biliyor musunuz? Eğer bilmiyorsanız Sprite nedir hep beraber öğrenelim…
Sprite nedir?
Sprite bir imaj dosyasıdır. Ama bu imaj dosyanın diğerlerinden tek bir farkı vardır o da birçok imaj dosyasını içinde bulundurmasıdır. Örneğin ülke bayraklarının herbirini tek tek [...]

PSD tasarımı HTML’e çevirmek

Posted by: basarozcan on: 19 Haziran 2008

Bir çok tasarımcı websitelerini Photoshop ile hazırlıyor ve PSD formatında bu dosyaları kaydediyor. Biten PSD tasarımlar ise daha sonra HTML’e çevrilerek uygun siteyle ilişkilendiriliyor. Ama işin en zor kısmı tabiki PSD’den HTML’e çevirme işlemi. NETTUTS bu konu hakkında oldukça bol resimli bir rehber hazırlamış. Tasarıma ucundan köşesinden bulaşan her kullanıcı için okunulması gereken muhteşem bir [...]

Çok kullanışlı 10 jQuery eklentisi

Posted by: basarozcan on: 13 Haziran 2008

Javascript kütüphanelerinin ilk popüler olduğu günlerde kendimiz çalışıp didinip bunlara uyan kodlar yazmaya çalışırdık. Ama aradan uzun bir süre geçti ve bir hayli gelişen kütüphaneleri kullanan birçok site ortaya çıktı. Hal böyle olunca herkes kütüphaneleri kullanarak siteleri için kullanışlı kodların peşine düştü. Şuradan ulaşabileceğiniz blog da en kullanışlı 10 tane jQuery eklentisini sıralamış.

jQuery UI
Markitup: istediğiniz [...]