Steven Spielberg ve Tom Hanks’in ortak çalışması sonucu ortaya çıkan 10 bölümlük mükemmel dizi The Pacific Cnbce‘de yayına başladı. Biz de Doğuş Yayın Grubu olarak sizler için dizi hakkında bilgi alabileceğiniz, fragmanları ve videoları izleyebileceğiniz aynı zamanda multimedya bölümünde bulunan duvar kağıtlarını indirebileceğiniz güzel bir site hazırladık.

Proje süresinde görev aldığım alanlar ise;

• Xhtml Kodlama
• Css Kodlama
• jQuery Uygulamaları
• İçerik Girişleri

Projede bana yardımcı olan Engin Kökel, Mustafa Savaş, Engin Polat ve Emre Erkan‘ a teşekkürler.

Dünyanın en büyük moda dergisi olan Vogue’ un Türkiye sayfası açıldı. Vogue dergisi bundan böyle her ay moda severlerle buluşacak. Doğuş Yayın Grubuna bağlı olan derginin resmi web sitesinde aldığım görevler;

• Xhtml Kodlama
• Css Kodlama

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

DYG – NtvMsnbc bünyesinde ilk projemi bitirdim Cidden mutlu oldum. Hele de biten ilk proje sinema tarihine damga vurmuş bir eser ile ilgili olunca daha bir mutlu oldum. Çoğumuz biliyor bilmeyenler de şimdi öğreniyor CNBC-E her hafta pazar 22:00′ da sinemanın kült projelerinden olan Star Wars serisini sizler için yayınlıyor. Biz de boş durmadık ve bu kült filme yakışır bir site yaptık : http://starwars.cnbce.com

Sitede film ile ilgili bilgileri, videoları ve galerileri gezebilir, sizler için hazırladığımız interaktif oyunları oynayabilir ve hiçbir yerde göremeyeceğiniz kamera arkalarını, yönetmenin kestiği sahneler ile ilgili röportajları izleyebilirsiniz.

Proje süresinde görev aldığım alanlar ise;

• Xhtml Kodlama
• Css Kodlama
• jQuery Uygulamaları
• İçerik Girişleri

Projede bana destek veren Mustafa Savaş ve Emre Erkan‘ a çok teşekkür ederim.

Efes Pilsen Spor Kulubü’ nün resmi internet sitesi www.efesbasket.org yeni arayüzü ile yayında. Ping firmasında ki son işim olan efesbasket.org’ da bir önceki versiyona göre kullanıcı arayüz kısmında çok önemli değişiklikler var.

Proje sürecinde görev aldığım alanlar;

• Xhtml
• Css
• jQuery