Web İpuçları

Flash’ta Cache’ten Okuma Sorunu

Sayfanızın içinde bir swf’niz ve içeriği sık sık güncelleniyor. Müşteriniz bakıyor ama değişiklikleri göremiyor. Çünkü cache’ten okuyor.
Bu durumu engellemek için çözüm basit:
‘movie’, ‘/swf/banner’, olan kodunuzun sonuna o anki tarihi ‘<%=DateTime.Now.ToString()%>’ ile aşağıdaki gibi yazdırıyorsunuz:
‘movie’, ‘/swf/banner’?<%=DateTime.Now.ToString() %>,
Param kısmında da aynı şeyi yazmak gerekiyor:
<param name=”movie” value=”/swf/banner.swf’?<%=DateTime.Now.ToString() %>
Bunun html çıktısı da şöyle oluyor:
‘movie’, ‘/swf/banner?16.02.2010 18:10:29′,
Böylece güncellemeleriniz anlık görüntülenebiliyor:)
Not: [...]



Chrome Textbox Boyutlandırmasını Önleme

Chrome tarayıcıda, kullandığınız textbox resizable (boyutlandırılabilir) geliyorsa ve bu durum tasarımını bozuyorsa, stil dökümanınızda aşağıdaki tanımlamayı yapmanız bu sorunu çözmede yeterlidir.
textarea { resize: none; }



Wordpress: Aktif linke stil atama

Küçük ama işinize yarayabilecek bir ipucu:
Wordpress’te açık olan kategorinin rengini menüde farklı bir şekilde belirtme ihtiyacı duyduğum bir çalışmada kategorileri sidebar.php’de aşağıdaki gibi yazdırdım.
<ul>
<?php wp_list_categories(); ?>
</ul>
Bu fonksiyonun html çıktısı
<ul>
<li class=”cat-item cat-item-3″><a href=”#”>Lorem</a></li>
<li class=”cat-item cat-item-9 current-cat-parent”><a href=”#”>Ipsum</a></li>
<li class=”cat-item cat-item-11″><a href=”#”>Dolor</a></li>
</ul>
şeklinde oluyor. Açık olan sayfa (Ipsum) list [...]



Chrome için CSS Hack

Google Chrome için uygulanan
body:nth-of-type(1){.header{ padding:6px 8px 10px 0; }}
hackini Firefox 3.5 algıladığından işe yaramıyor. Şu hack işinizi görebilir:
@media screen and (-webkit-min-device-pixel-ratio:0){ .header{ padding:6px 8px 10px 0; } }
Örneğini de buradan inceleyebilirsiniz.



Wordpress’te Yazara/Kategoriye Göre RSS (Feed) Linki Ekleme

Çoklu yazara sahip bir blogunuz varsa ya da kategorileriniz birbirinden çok bağımsızsa, kullanıcılarınız sadece kendi ilgilerini çeken yazarları/konuları takip etmek isteyebilirler.
Herkesin kendi iş alanıyla ilgili yazılar yazdığı şirket blogumuz olan ClubCrema‘da kullandığım kodu sizinle paylaşmak istiyorum.
Bir ön bilgi olarak, ClubCrema örneği üzerinden gidersek, bana ait yazıların adresi: http://www.clubcrema.com/index.php/author/gozde/
Bana ait yazıların feed adresi de  http://www.clubcrema.com/index.php/author/gozde/feed şeklinde [...]



“position: absolute;” Olan Bir Nesneyi Yatayda Ortalama

Sabit konumlandırdığınız bir nesnenin yatayda ortalanmasını istiyorsanız margin-left:-(nesnenin genişliğinin yarısı) vermeniz yeterlidir.
Örnek 100px genişliğinde bir img var elimizde. O zaman kodumuz aşağıdaki gibi olacaktır.
.img1 {

position: absolute;top: 30px;

left: 50%;

margin-left: -50px;

}



Tek Karakterle IE6 ve IE7 İçin Stilinizi Farklılaştırın

Cross browser çalışırken bir çok hack kullanıyoruz. Farklı tarayıcılar için farklı stil dökümanları hazırlıyoruz ya da tek dökümanda satırlarca fazladan kod ekliyoruz tarayıcıya göre şerbet vermek için:) Brian Cray‘in yazdığı yazıyla bir aydınlanma yaşadım:) Yazdığınız CSS özelliğinin IE7 ve altında görüntülenmesi için özellikten önce * , IE6 ve altında görüntülenmesi için _ yazmanız yeterli.
#myelement
{
color: [...]



Best Wordpress Design Award

WP Web Host bir yarışma düzenliyor: Best Wordpress Design Award
Yarışma 5 kategoride, Wordpress altyapısı kullanan sitelerin en iyisilerini seçmeyi amaçlıyor.
Kategoriler:

 Clean&Minimalist
Retro & Vintage
Grunge
Hand Drawing Style
Modern & Elegant

Ben de bu yarışmaya Retro&Vintage kategorisinde katılıyorum.
Katılmak ise oldukça basit. Sitenizde yarışma hakkında yazı yazıyorsunuz (Şu an benim yaptığım gibi) .
Yarışma sayfasına, yazdığınız yazının linkini ve hangi kategoride katılmak istediğinizi [...]



En iyi jQuery uygulamaları

Agile Carousel: JQuery Carousel

Ajax Tooltip script

Arkaplan çizimi, yuvarlak köşeler

jQuery Easing Plugin

jQuery EZ Plugins

Diğer EZ plugin örnekleri:

Easy Slide 1.0
Easy News 1.0.6
Easy News Plus 1.0.4
Easy POP Show 1.0

Tinyjs – Küçük ama güçlü

Modal pop up
Zoom eklentisi
Resim sürükleme
Yeniden boyutlandırma
Form alanı geçerlemesi
Tablo alanlarında renklendirme

Gradient jQuery

Flip

HoverAnim – jQuery plugin

jScroller

HSlides

jTabber

LavaLamp [...]



Günün Derlemeleri / 18 Şubat 2009

CSS’te uzman olmanızı sağlayacak 20 ders Link
XML fotoğraf albümü Link
Mootols tree menü Link
Resim önizleme Link
40 web tasarım firması Link
120 CSS yatay menü Link
Düzenli CSS kodları yazmak için ipuçları Link
Slide efektiyle yeniden boyutlanabilen kutular  Link