basarozcan

Posts Tagged ‘tasarım

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 [...]

Favicon’suz site kalmasın!

Posted by: basarozcan on: 12 Haziran 2008

Sitenize ilk defa girildiğinde genelde dikkat çeken elemanlardan biri de faviconlardır. Eskiden çoğu site favicon tasarlamaz, tarayıcının logosunu oraya koymasına izin verirdi. Fakat web’in gelişmesiyle standartlar arasına giren favicon kullanımı ile sitelerimiz biraz daha canlandı. Bazı site sahipleri faviconlar hakkında sorun yaşadıklarını belirttiler. Bunun üzerine favicon’larla ilgili şu bildiri ile karşılaştım. Birçok favicon sitesini indeksleyen [...]

Etiketler: , , ,

Ziyaretçilere alternatif stylesheet sunalım

Posted by: basarozcan on: 10 Haziran 2008

Bazı tasarımcılar sitelerine farklı temalar tasarlamayı çok severler. Kimi tasarımcılar tüm sayfayı baştan tasarlayarak bunu yaparken çoğu tasarımcı sadece renkleri değiştirerek bu farklılığı sağlar. Renk değişimi özelliğini sık sık kullanan tasarımcılar için mozilla firefox’un sunduğu bir nimet bulunmakta: alternate stylesheet!
<LINK type=”text/css” rel=”stylesheet” href=”style.css” title=”Temel Stil” />
Bu şekilde sayfamıza dahil ettiğimiz stil dosyalarına istersek alternetif [...]

kullanışlı 30 ajax tekniği

Posted by: basarozcan on: 6 Haziran 2008

Ajax hayatımıza girdiğinden beri tasarımlarımız daha dinamik ve göz kamaştırıcı olmaya başladı. Birçok sitede göreceğiniz örnekler ile skalası genişleyen ajax uygulamalarından popüler olan 30 tanesini buradan inceleyebilirsiniz.

2kb’lık tooltip

Posted by: basarozcan on: 5 Haziran 2008

Leigeber‘in blogunda bu aralar çok verimli işler ortaya çıkıyor. 1kb’lık akordiyon menu ve 1kb’lık kayan menu ile optimizasyon konusunda hünerlerini gösteren leigeber’de bu sefer 2kb’lık linklere eklenebilen tooltip kodu yayınlandı. Gayet hoş görünen ve basit bir kodu olan bu yazıyı buradan görebilir ve indirip kullanabilirsiniz. Yine hiçbir kütüphane kullanmadan bu tasarımları sitemize uygulayabiliyoruz.

CSS Grid Sistemleri

Posted by: basarozcan on: 2 Haziran 2008

Table ayraçlarını kullandığınız sitenizi div ile yeniden tasarlamak istiyorsunuz fakat div’in bir çok özelliği ile uğraşamayacağınızı düşünüyorsanız ilaç gibi bir çözümümüz var artık. YAML Builder sayesinde birkaç fare hareketiyle sitenizin genel görünümünü oluşturabilecek ve CSS kodunuzu da biçimlendirebileceksiniz. YAML haricinde biraz daha komplike bir sisteme sahip olan mindplay ya da 960grid de kullanılabilir.

1kb’lık kayan menu

Posted by: basarozcan on: 1 Haziran 2008

Geçtiğimiz günlerde 1kb’lık akordiyon menu haberiyle karşılaşmış ve hiçbir javascript kütüphanesi kullanmadığımızdan dolayı çok küçük bir kod bloğuyla bunu halledebildiğimizi belirtmiştik. Bu kodun kaynağı olan Leigeber blog‘unda bu sefer de 1 KB’lık kayan menu yapımı yayınlanmış. Kodu download etmeden önce ilgili yazıya bakarsanız daha bilgi verici olabilir.
Özellikleri:

kendi tasarımınızı uygulayabilirsiniz.
2 farklı hover seçeneği
javascript kütüphanesi kullanmaması

pastel renkli menü yapımı

Posted by: basarozcan on: 31 Mayıs 2008

İnternette bir İtalyan dostumuzun sitesi var ki, bence en iyi tasarım blogu. Bahsettiğim blog Woork. Bence her tasarımcının woork’ün RSS kaynağına abone olması gerekir. Her yazısında güzel tasarım örneklerine yer veren ve detaylı anlatımıyla herkese hitap eden Antonio Lupetti bu sefer bogunda Pastel renklerle yapılan menü yapımını anlatmış.

CSS, html ve javascript kodlarıyla menünün yaratılışı bu [...]