23 Aralık 2012

Tarihteki İlk Renkli Fotoğraf

Ben 1920′lerde veya 30′larda çekilmiştir diye tahmin ediyordum ancak dünyanın ilk renkli fotoğrafı ilginç biçimde 1872 yılında çekilmiş. Fransa’nın güneyindeki Agen isimli bir bölgeye ait olan bu kare Louis Arthur Ducos du Hauron isimli bir amcanın imzasını taşıyormuş. İlginizi çeker mi bilmem ama sağdaki yapı da St. Caprais Katedrali imiş. Bu tür şeyleri keşfetmek beni her zaman heyecanlandırmıştır. Düşünsenize üzerinden iki tane dünya savaşı geçmiş, Hitler doğup dünyanın anasını belleyip gitmiş, aya insan gönderilmiş, mikrodalga, cep telefonu, bilgisayar icat edilmiş ve 140 yıl öncesinden günümüze ulaşan bu fotoğraf sanki dandik bir makinayla birkaç yıl önce çekilmiş gibi duruyor.

Berkan Meral Pazar, Aralık 23, 2012

22 Aralık 2012

jQuery Animate Nasıl Kullanılır?


jQuery Animate metodu 4 kısımdan oluşmaktadır:
.animate(özellikler(properties), [süre(duration)], [görsellik(easing)], [tamamlandığında yapılacaklar(complete)]);
Özellikler(properties): Animasyon ile değişecek olan CSS özellikleri (renk, genişlik, yükseklik, font boyutu vb.)
Süre (duration): Animasyon süresini belirler. Süre milisaniye cinsinden girilir. 1 Saniye için 1000 yazılır.
Görsellik (easing): Animasyon esnasında hangi görsel fonksiyonun kullanılacağı belirtilir.
Tamamlandığında Yapılacaklar (complete): Animasyon tamamlandığında yapılacak olanlar bir fonksiyon içerisinde belirtilir.
Not: Yukarıda belirtilen tüm kısımlar aynı anda kullanılmak zorunda değildir.
Örnek: Aşağıdaki örnekte butona tıklandığında div’ de bulunan şekil, yazı vb. sağa doğru gitmekte, opaklığı, yüksekliği ve genişliği değişmektedir. Bu örnekte sadece belirtilen div’ in özellikleri değiştirilmiş; süresi veya tamamlandığında yapılacaklar belirtilmemiştir.

$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); });

Berkan Meral Cumartesi, Aralık 22, 2012

JavaScript İle Tespit Yapmak

Ekran Çözünürlüğü Tespiti
screen.width ve screen.height ile ekranın boy ve enini alıyoruz böylelikle tam çözünürlüğü elde etmiş oluyoruz.
<script type="text/javascript"> function cozunurlukGoster() { var genislik = screen.width; var yukseklik = screen.height; alert("Ekran çözünürlü%u011Fünüz : " genislik "x" yukseklik); } </script> </head> <body> <input type="button" value="Ekran Çözünürlü%u011Fünü Göster" onClick="cozunurlukGoster()" /> </body>
Çalışan Hali;
Tarayıcı Dilini Tespit
<script type="text/jscript"> var type=navigator.appName if (type=="Netscape") { var lang = navigator.language } else { var lang = navigator.userLanguage document.write(lang); } //var lang = lang.substr(0,2) if (lang == "tr") { document.write("<br>Taray%u0131c%u0131n%u0131z Türkçe <br>"); // window.location.replace('turkce.html') } if (lang == "en") { document.write("<br>Taray%u0131c%u0131n%u0131z %u0130ngilizce"); } dil=navigator.systemLanguage document.write(dil); </script>

Çalışan Hali;
Tarayıcının Kullandığı Platform Tespiti
navigator.platform kodu ile tarayıcının kullandığı platformu tespit ediyoruz yani kullanıcı o web sitesine bilgisayardan mı telefondan mı girdiğini tespit ediyoruz.
<script type="text/javascript"> var x=navigator.platform document.write(x); </script>
Çalışan Hali:

Berkan Meral Cumartesi, Aralık 22, 2012