jQuery ile Bağlantılı Geçişli Sayfa – Slick Transition Page with jQuery
Sayfalarınız arasındaki geçişleri direk değil de biraz daha hoş şekilde ayarlayabilirsiniz. http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/ adresindeki makalede okuduklarımı deneyerek bu işelimin çok daha kullanışlı olduğunu söyleyebilirim.
Adım 1 – Html Kodunu Eklemek
Ben örnekte sadece 2 fotoğraf ekleyerek denedim. Sizler farklı linkler ile deneyebilirsiniz.
<a href="index.html" class="trans"><img src="330581.jpg" alt="Resim" /></a>
Burada dikkat etmeniz gereken şey a elemanının sınıfıdır. Ben “trans” isimli bir sınıf kullandım. Birazdan jQuery kod bloğunu yazarken bu sınıfa ihtiyacımız olacak.
Adım 2 – Css Kodunu Eklemek
html { background-color:#000000; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
a { color:#CCCCCC;}
ben genel ve basit bir kullanım yaptım. Projenize göre değiştirebilirsiniz.
Adım 3 – jQuery Çekirdek Dosyasını ve Tetikleyiciyi Eklemek
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('body').css("display", "none");
$('body').fadeIn(2000);
$('a.trans').click(function(event) {
event.preventDefault();
linkLocation = this.href;
$('body').fadeOut(1000, redirectPage);
});
function redirectPage() {
window.location = linkLocation;
}
});
</script>
Body’ e sayfa yüklendiği anda css özelliğini atadık. fadeIn ile 2 saniye içinde yüklettik. Az önce sınıf atadığımız a elemanına bir tıklama işlemi gerçekleşirse eğer işlemi hemen gerçekleştirme dedik. Fakat linkLocation isimli değişkenimize a’ nın href’ ini atadık. Daha sonra ise body elemanına fadeOut işlemini atadık ve 1 saniye içinde kaybolmasını ardından redirectPage fonksiyonunu çalıştırmasını söyledik. redirectPage fonksiyonumuz da linkLocation değişkenine atadığımız hrefi alarak window eylemi ile birleştiriyor. Bu şekilde aynı adres çubuğumuzdaki yol değişiyor ve aynı sayfa içinde işlem yapmamış oluyoruz.
Uygulamaya Ait Örneği Görmek İçin Tıklayınız
Uygulamaya Ait Örneği İndirmek İçin Tıklayınız
Daha detaylı bilgi için -> http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions
IE6 _ Hack
Yazının başlığına bakınca bu ne dediniz değil mi? Bir şeyi ele geçirdiğimiz yok ya da tabiri caiz ise Hack yaptığımız yok. Daha önceki yazılarımda IE6′ nın başımıza nasıl bir bela olduğunu yazmıştık. Bu yüzden farklı yollar da anlatmıştık. Hatta başka sitelerde de yazılmıştı. Web tasarımcıları ya da yazılımcıları (yazılımcılar çok alakadar olmasa da) CSS kodlaması genelde her tarayıcı da farklılıklar gösterir. Yeni nesil tarayıclar sorunları kapatsa da eski nesil tarayıcılar ki bunların başında ve en belalısı IE6 gelir, bu hataları kapatmaz ve kafasına göre değerler atar. İşte şimdi anlatacağım hack olayı da bunun için.
_ Hack Örnekleri
Normal şekilde bir div’ e arka plan rengi verelim örnek siyah olsun;
#deneme {background-color:#000;}
Bu şekilde olduğunda deneme idli divimizin arka plan rengi siyah olacaktır ve hemen hemen tüm tarayıcılarda bu siyah olarak gözükecektir. Ama gel gelelim şu şekilde yapınca IE6′ da nasıl oluyor bir bakalım;
#deneme {background-color:#000; _background-color:#E75C58;}
Şimdi ikinci örneği IE6 da açın ve bakın arka plan rengi ne şekilde
ben normal zamanlarda IE6 için ayrı bir css kodlaması yapıyorum ve bunu dışarıdan çağırıyorum, ama eğer değişecek değerler az ise alt çizgi “_” yöntemini kullanıyorum. Hemen hemen her değer için uygulanabiliyor.
Umarım işinize yarar.
Düğünü de Yaptık…
23 Ekim Perşembe akşamı yola çıktım ve sabah 08:30 gibi Antalya otogarına varmıştım. O akşam bitanecik kardeşim Merve’ nin kına gecesi vardı. Eve gittiğimde annemi her zaman ki gibi buldum; durmadan koşturuyordu. Akşama doğru ev iyice kalabalıklaştı, teyzeler, enişteler, kuzenler derken tüm tabiri caiz ise kız tarafı evdeydi. Derken vakit geldi ve kına gecesi başladı. Evimizin bahçesinde yapılan kına gecesinin ortalarına doğru yoğun ısrarlara dayanamadım ve ben de oynamaya çıktım. Merve’ nin gözlerindeki mutluluğu görmemek imkansızdı. Sanırım sadece ben oynadım diye bile olabilirdi bu mutluluk. Saatler gece yarısına gelirken misafirlerin büyük bir bölümü gitmişti. Derken ben kendim için bir iyilik yapıp Redbull aldım ve Absolute votka ile içmeye başladım. Kafam baya bir iyi oldu sanırım ama ben de baya mutluydum.
Ertesi gün yani 25 Ekim Cumartesi öğlene doğru uyandım. Müthiş bir baş ağrısı vardı. Hemen soğuk bir duş, limonlu bir Kızılay sodası ve arkasına sade bir Türk kahvesi. Bir de ağrı kesici bir hap attınız mı? işlem tamamdır
Akşam oldu gelini almaya geldiler. Abisi olarak kuşağı bağlamak ve duvağı örtmek benim görevimdi. Ben de görevimi başarı ile tamamladım. Derken salona gittik. Ee malum düğün bu herkes oynayacak. Hem kız tarafı hem erkek tarafı. Ben öyle düğünleri seven, oynayan bir tip değilimdir normalde ama söz konusu canım kardeşimin düğünü ise tüm düşüncelerim, fikirlerim değişebilir. Oyun havası çalarken salonun ortasına atlamam ve oynamaya başlamam daha sonra ise oyun bitince “ee hadi ama o kadar oynadım nerede alkış?” demem insanları ve özellikle kendimi iyice çoşturdu.
Sıra geldi takı törenine. Canım kardeşim benim daha dün çocuktun ya nasıl da gelin oldun aklım almıyor
Ayıptır söylemesi ben de altın taktım
normalde adetleri hiç bilmem. Bir ara Merve’ nin yanına sokulup “Seni kaçırayım mı kız?” diye sorduğumu hatırlyorum
Son olarak fotoğraf çekimi de yapıldı ve uğurlamaya geldi. Kardeşimin hemen arkasında kapıya kadar çıktım ve ilk tebrik eden ben oldum. Normaldir tabi anneler ağlar hem damadın hem gelinin annesi de çocuklarını uğurlarken ağladılar. Ama bu kaçınılmaz bir son
Mervecim, canım benim, umarım çok mutlu olursun. Seni sevdiğimizi unutma…
Not:Düğün videosundan kısa kesitler ve fotoğraflar çok yakında ayrı bir başlıkta burada.
Inca Premium USB Tv

Yaklaşık 20 gün önce yeni evime taşınmıştım ve neredeyse tüm ihtiyaçları yeni yeni tamamlamaya başladık. Doğalgaz, adsl, kablolu tv v.b. Derken kablolu tv bağlandı geçen hafta. Her ne kadar televizyon izlemesekte arada gündemi takip etmek adına bir şeyler yapmak lazım diye abone olduk. Ev arkadaşım kendine crea marka 22″ lcd televizyon aldı. Açık konuşmak gerekirse görünüş olarak çok iyi fakat görüntü ve ses kalitesi yetersiz bence. Ben de odaya bir televizyon alayım derdine düşmüştüm ki aklıma harici televizyon kartları geldi
Geçen hafta araştırmaya başladım ve Inca Premium Usb Tv yi buldum.
TEKNİK ÖZELLİKLER
- MODEL: INCA I-TV005 Premium USB TV Kartı
- TUNER: Analog TV + FM
- BAĞLANTI: USB 1.1/2.0
- YAYIN TÜRÜ: Analog anten ile TV yayınları ve FM anteni ile Radyo yayınları
- YAZILIM: Tamamı Türkçe Kolay kullanımlı yazılım
- KANAL TARAMA: Otomatik Kanal Tarama
- DİĞER: Uzaktan Kumanda ile kolay kullanım
- TELETEXT: VAR (Türkçe Arayüzlü)
- VIDEO KAYIT: MPEG-1-2-4, AVI ve MP3 formatlarında yüksek kalitede video/ses kayıdı
- VIDEO KAYIT: Görüntüleri doğrudan CD veya DVD ye kayıt edebilme olanağı
- DİĞER: Kanal listesi oluşturma
- DİĞER: Video Desktop özelliği (Masa üstü arka planında TV yayını izleme)
- DİĞER: Zamanlamayıcılı kayıt ile istenilen saatte video kayıdı başlatma
- UYUMLULUK: Windows 98/ME/XP
PAKET İÇERİĞİ
- INCA Premium USB TV Kartı
- Uzaktan Kumanda
- FM Anteni
- Stereo Ses Kablosu
- 2 X AAA Pil
- Program ve Sürücü CD’’si
- Türkçe Kurulum ve Kullanım Kitapçığı
Buraya kadar her şey mükemmel. Üstelik de fiyatı 70 YTL
gel gelelim aygıtı sisteme tanıtmaya. Bugün öğlen 1 gibi başladım kurmaya ve neredeyse 45 dk önce bitti. Neden mi? Kutu içindeki cd ile gelen yazılım ve sürücü sanırım eski. Microsoft Xp Pro. SP3 işletim sistemi kullanıyorum. Tüm yolu denememe rağmen kuramadım ve artık tedarikçiyi aradım. Sağ olsunlar bana hemen bir sürücü ve yazılım linki gönderdiler. İndirdim kurdum ve rahatça kullanıyorum.
Tarayıcı Farklılıkları ve Çözümleri

Bu konu ile ilgili bir çok makale yazıldı ve bir çok çözüm sunuldu. Kimisi işe yaradı kimisi iş yaramadı. Gelişen teknoloji içerisinde web tasarımcıları ve web yazılımcılarının en büyük sorunu tarayıcı firmalarının kendi standartlarını kabul edip her etiketi kendine göre yorumlamaları oldu. En büyük sorunlardan birisi de yaklaşık 8 senedir yayında olan ve hiç bir iyileştirme yapılmamasına rağmen halen dünya üzerinde %20-30 oranında insanın kullandığı IE6. Buna ek olarak Acid testinden geçmesine rağmen sürekli farklılık gösteren tarayıcılar.
Net konsorsiyumu her ne kadar bunlar böyle olmalı dese de yazılımcılar sürekli tarayıcılar için hep farklı css kodları yazmak zorunda kaldılar. Hal böyle olunca sürekli her tarayıcı da test etmeye başladılar. Bunun için de en sık kullanılan tüm tarayıcıları sistemlerine kurdular. Genel olarak MS işletim sistemi sıklıkta olmasına rağmen Linux ve MacOS sistemler de kullanılmaya başlandı. E peki bunların tarayıcılarını nasıl test edecekler? Basit
https://browsershots.org/ isimli site size 4 işletim sisteminde yaklaşık 70 tarayıcıyı sürümleri ile test etmenize izin veriyor. Kayıt olmadan günde 1 defa sitenizi test ettirebilir ve tarayıcı sonuçlarını alabilirsiniz. 1 den fazla test etmek isterseniz ücretsiz üye olmanız lazım. Onun için de istekte bulunuyorsunuz. Test sonuçlarınızı PNG formatında tek tek bakabilirken aynı zamanda toplu halde de bilgisayarınıza indirebiliyorsunuz.
Açıkcası benim için çok güzel bir site ve hemen delicious hesabıma ekledim
WP Code Box – WP Kod Kutusu
CMSTurk.Net WP bölümünde denk geldiğim bu eklenti gerçekten çok kullanışlı ve işe yarıyor. Öncelikle adından anlayacağınız gibi Wordpress sisteminizdeki yazılarınızda kullandığınız xhtml, css, javascript, php ve daha nice kodu kod şeklinde göstermek için kullanılıyor. Nasıl mı? Öncelikle eklentiyi buradan indirin. Daha sonra rarlı dosya içinden çıkan dizini wp-content/plugins dizini içine kopyalayın. Yönetim panelinize gidip eklentiler kısmından eklentiyi bulup aktif edin. Eklenti ayarlarını yapmak için yönetim panelinde Ayarlar kısmına gidin.
Gelelim eklentinin kullanımına;
Örnek verecek olursam bir xhtml kodu yazacaksanız ve bunu normal yazı ile değil farklı bir şekilde kod kutusu içinde göstermek istiyorsunuz. İlk olarak normal bir şekilde yazalım;
<div id="icerik">
<div id="kayanAlan">
<div class="bolum">
Bölüm1
</div>
<div class="bolum">
Bölüm2
</div>
<div class="bolum">
Bölüm 3
</div>
<div class="bolum">
Bölüm 4
</div>
<div class="bolum">
Bölüm 5
</div>
</div>
</div>
Bu normal yazım şekliydi. Şimdi bunu bir de kod kutusu içinde yazdıralım;
Bölüm1
Bölüm2
Bölüm 3
Bölüm 4
Bölüm 5
işte bu da kutu şekliydi.
Hangi dilde kod örneği ekleyecekseniz o dilin ismini
kısmına ekliyorsunuz. Hepsi bu
