bildirgec.org

Sprite yine kendine özgü bir kampanyaya daha imza atmış. Adı 15dakika. Daha önce yaptığı chat zorlu bir maraton uygulamasıyla bir hayli beğeni toplamıştı. Bu reklam uygulamasıda en az onun kadar zekice olmuş bence.
Kampanya Andy Warhol’un “herkes bir gün 15 dakika şöhret olacak” sözünden yola cıkmış.
Önce albüm kapağınızı ve isminizi giriyorsunuz.

Daha sonrada sprite senin albümünü Türkiye’nin en çok girilen sitelerinde 15 dakikalığına gösteriyor. Bunların arasında mtvturkiye, alkislarlayasiyorum gibi popüler sitelerde var.
İşte şöyle bir şey oluyor bu meşhurluk:

Merhaba!

css 2.0 ile hayatımıza giren Sprite tekniği çok geniş kullanım alanına sahiptir. Hem sayfa hızını olumlu yönde etkilemesi hemde kişiye sunduğu hız ve kolaylıklada çok kişinin duasını almıştır da diyebiliriz.

Sprite tekniğinde menü vb. gibi imajları tek bir dosya altında toplayarak hız ve pratiklik kazanıyoruz.

css sprite tekniği

Yukarıda gördüğünüz örnek menümüzde tek .gif dosyası içinde menünün hem up hemde over hağlini birlikte görüyoruz ve menüyü yaparken sadece tek bu imajı kullanıcaz.

Sprite, acimasiz gercekler reklam konsepti kapsamında yeni bir web aparatı geliştirmiş. adı chat zorlu bir maraton.

chat zorlu bir maraton dan ekran görüntusü

oyunda mert veya nazlı dan birini secip onla chat yaparak tavlamaya calışıyorsunuz. başaran kişiler acimasiz gerceklerden “internet capkını sertifikası” ve bu sertifikayı facebook da paylaşmaları dahilinde tişört kazanıyolar.

chat yaparken karşı tarafın kamerası acık onları gorebiliyorsunu. yazıklarına ise size verilen 4 cvp tan birini secerek cvp veriyorsunuz.

Acımasız Gerçekler sloganı ile yola çıkan Sprite etkili reklamlarından sonra şimdi de güzel bir web sitesi hazırlamış.
Eski sevgilinizin fotoğrafını yükleyip vodoo bebeği sayesinde ona çeşitli işkencelr yapabileceğiniz sitede videoya altyazılar ekleyerek eğlenceli vakit geçirebilirsiniz

Tasarımlarımızı XHTML ve CSS’e geçirirken bazen çok basit şekilleri bile kimi zaman resim olarak kaydederek tasarımlarımıza ekliyoruz. Oysa bu davranış bize ekstra bir “http isteği” olarak dönmüş oluyor. Daha önce CSS Sprite’ların kullanım alanları yazımda bu istekleri azaltarak performansı nasıl yükselttiğimiz konusuna az da olsa değinmiştim. Bu yazıda ise minik ve basit resim dosyalarından kurtularak http isteklerini minimum düzeye çekecek ve sitelerimizin performansını arttıracak. Pingdom ile performansınızı ölçmeniz mümkün.

Dertlere derman css border
Başlıktan da anlayabileceğiniz gibi bu şekilleri çizmek için elimizdeki en önemli özellik border olacak. İstediğiniz şekli çizmek için border’ları solid yapmalı ve genişliklerini ayarlamalıyız.
Şimdi ufak bir örnekle border’ları nasıl ayarlamamız gerektiğini görelim.

.cisim{width:0;height:0;line-height:0;border-top: 50px solid magenta;border-right: 100px solid green;border-bottom: 100px solid red;border-left: 50px solid yellow;}<span class="cisim"></span>

farklı renkteki border’lar

Burada rahatlıkla görebilmeniz için border değerlerini çeşitli renklerde tanımladım. Boyutsuz olan span elemanının etrafında üçgensel olarak 4 farklı bölge oluşuyor. İşte bu bölgeleri kullanarak çeşitli dörtgenler, içbükey çokgenler ve üçgenler çizerek tasarımlarımızı tamamlayacağız.

Daha önce CSS Sprite tekniğinden “css sprite’ların kullanış alanları” başlıklı yazımda bahsetmiştim. Eğer bu yazıyı okumadıysanız bu tekniğin yararını kavrayabilmeniz için okumanızı tavsiye ederim. Bu yazıda ise bu tekniği satırlarca kod yazmadan nasıl uygulayabileceğimizi anlatacağım.

1. adım: Kullanılacak Resmin Yaratılması
Matt Varone’un yapmış olduğu CSS Navigation Bar Code Generator uygulamasına önceden yaptığımız sprite dosyamızı yüklüyoruz. Ben rehberde örnek olarak aşağıdaki butonları kullanacağım.

örnek sprite

2. Adım: Ayarlamalar
Resmi yükleyip ikinci adıma geçiyoruz. Bu sayfa Menü tasarımı için yapıldığından dolayı uygulama sizden menünün ismini yazmanızı ve horizontal (yatay) ya da vertical (dikey) özelliklerinden birini seçmenizi istiyor. Bu seçimi yapıp bir sonraki adımda menümüzün sayfa yüklendiği anda gösterilecek halini seçmemiz isteniyor.

3. Adım: Ana Katmanı Seçmek
Bu adımda yatay menü yapıyorsanız yatay, dikey olarak tasarladıysanız dikey olarak menünün ilk elemanlarını seçmeniz gerekmekte. Eğer uygun bir seçim yaparsanız uygulama size onay mesajı göstererek bir sonraki adıma geçmenize izin veriyor.

Sprite için hazırlanan etkileyici bir kaç afiş tasarımı. Özellikle ikinci afiş benim çok hoşuma gitti.

Kızları etkilemek istiyorsanız; susamış görünmediğinizden emin olun.

Dünyanın 2/3’ü su; geri kalanı da susamış insanlarla kaplıdır.

Cep telefonlarında 3G konuşuladursun sprite 3G adında yeni bir ürün çıkarıyor. Enerji veren bir içecek olduğu anlaşılan ürünün adının neden 3G olabileceği ile ilgili fikri olmayanlar için sprite bir site hazırlamış. Sitede adı G ile başlayan nesneleri bir cihaza atıp tahminde bulunmanız gerekiyor.

Coca-Cola içecek markalarından biri olan Sprite için yeni ürün Sprite 3g piyasaya sürülmüş. Şu sıra reklamlarda gördüğümüz ürün; enerji içeceği olarak lanse ediliyor.

Henüz denemedim; tadını merak ediyorum doğrusu..

Özellikle astronomi ile alakalı hareket yakalama yazılımları üreten SonatoCo‘nun henüz birkaç ay önce piyasaya çıkardığı UFOcaptureV2 gökyüzüne ve astronomiye ilgi duyan ama gündüzleri de işi gücü olan insanlar için biçilmiş kaftan.