Tag Archive: rehber


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.

Reklamlar

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:

  1. C:\Windows\System32 klasörüne geçiniz.
  2. 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.
  3. Buradaki dosyaların çoğu Windows kurulumunda geliyor. Windows ile birlikte gelmeyenleri silerek sorunu aşacağız. Windows ile birlikte gelenlerin sıralı listesi: Okumaya devam et

İngilizcesi Autocompletion olan “Otomatik Tamamlama” sistemi, iki ya da 3 harfi input‘a grdikten sonra en yakın sonuçları bize anında gösteren ve en uygununu seçmemizi sağlayan bir sistemdir. Javascript sayesinde yeni bir sayfa yüklemeden yapabileceğimiz bu fonksiyon facebook‘un arkadaş profilini arama kutusunda kullanılır.

Otomatik Tamamlama sistemi, site içi arama fonksiyonunun sıkça kullanıldığı sitelerde bulunmalıdır. Örneğin bir alışveriş siteniz var ya da kelephir.net gibi günlük ürünleri indeksleyen bir siteye sahipseniz daha önceki ürünlerin bulunabilmesi için otomatik tamamlama sistemini kullanabilirsiniz. Okumaya devam et

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 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ı ayrı tanımlayabilir, hepsinin transparanlığına ayrı değer verebilirsiniz.

Nasıl Kullanırım?
Transparanlık özelliği birçok tarayıcıda var fakat o kadar uyumsuz ki her tarayıcı için ayru bir özellik tanımlamanız gerekmekte. Çok bir kod fazlalığı yaratmıyor korkmayın. En fazla 3 satır kaybınız olacak.

#transparan {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

İşte bu kadar basit. Buradaki filter:alpha IE ile uyumu, -moz-opacity eski nesil mozilla tarayıcıları ile uyumu, -khtml safarinin eski versyonları ile uyumu sağlayan kodlar. opacity ise tüm tarayıcıların ortak olarak benimsediği transparency kodudur. 0.5 transparanlığın koyuluğunu belirtir. 0.0 ile 1.0 arasında olmalıdır. filter:alpha(opacity=50) kodunda ise yüzde cinsinden belirtilmiştir. 0 ile 100 arasında olmalıdır.

Artık siz de sitelerinize transparanlık kazandırabilirsiniz.

Not: Bu yazıda CSS-Tricks kaynak olarak kullanılmıştır.

CSS-Tricks’den jQuery dersleri

Web Tasarımı hakkında bir çok ipucu ve rehberi yayınlayan CSS-Tricks son zamanlarda Screencast’leri ile bizi oyalamakta. Bu screencast’lerden bence en iyileri ise jQuery’nin uygulamalı ve detaylıca anlatıldığı Video1 ve Video2. jQuery öğrenmek isteyenler bu fırsatı kaçırmasınlar derim…

25 mükemmel tasarım rehberi

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.

Çoğu sitede iletişim formlarında gördüğüm bir özellik var. Formu doldurup yolla tuşuna bastığımız zaman bizi hiçbir sayfaya yönlendirmeden aynı sayfa içinde form yollanıyor ve kullanıcıya yollandı uyarısı veriliyor. Bu güzel ve kolay iletişim formunu yapmak için neti araştırırken karşıma buradaki rehber çıktı. Sitenize ajax ile yeni zöellikler katan bu formu yapmak için ilgili rehbere göz atabilirsiniz.

Demo’ya bakmak için tıklayın.


Popüler ajax kütüphanelerinden biri olan Mootools için rehber niteliği taşıyan 20 yabancı kaynak şu sitede listelenmiş. Mootools‘u kullanmak isteyip de nereden başlayacağını bilemeyenler için fevkalade bir kaynak. Sitelere buradan ulaşabilirsiniz.

Siz de benim gibi jQuery’nin nimetleriyle yeni tanışanlardan iseniz kesinlikle aşağıda sıralayacağım kaynaklara göz atmalısınız. Yeni başlayanlar için oldukça doyurucu bilgiye sahip olan kaynaklar jQuery hakkındaki bilgilerinizi katlayacak.