Geçen gün bir arkadaşım Konami Code diye bişeyden bahsetti. Konami oyunlarında belirli bir tuş kombinasyonu uygulayarak hile yapmamıza yarayan klasik Konami kodunu bazı web sitelerinde çeşitli sürprizler çıkartmak için kullanmışlar, oldukçada eğlenceli olmuş. Konami Code Sites sitesinde bu kodu kendisine uyarlayan sitelerin listesini bulabilirsiniz. Bunlardan en dikkat çekici olanları jQuery ve Google Reader.
Konami Code Sites sitesine de girebilmeniz içinde bu tuş kombinasyonunu uygulamanız gerekiyor. Tuş kombinasyonu şöyle;
Yukarı + Yukarı + Aşağı + Aşağı + Sola + Sağa + Sola + Sağa + B + A
Bunu öğrenmişken kendi siteme uyarlamazlıkda etmedim tabiki :) Çocukluğumdan beri fanı olduğum bir oyunun grafikleriyle yapılmış ufak bir sürpriz koydum.
Sizde kendi web sitenizde bu tarz bir sürpriz uygulamak isterseniz diye bu kombinasyonu yakalayan javascript kodunu paylaşıyorum.
var lastKeys = [];
var validCombine = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
$(document).keydown(function(e) {
lastKeys.push(e.which);
if(checkKonamiCode()) launchKonami();
});
function checkKonamiCode() {
if(lastKeys.length >= 10) {
var isValid = true;
for (i = 0; i < lastKeys.length; i++) {
if(lastKeys[i] != validCombine[i]) {
isValid = false;
break;
}
}
lastKeys.shift();
return isValid;
}
return false;
}
function launchKonami() {
alert('konami!');
}
Kodun çalışması için jQuery gereklidir.
İlk duyduğumdan beri Google Apps Script ile birşeyler yapmak istiyordum. En sonunda, Google Docs - Spreadsheet (excel) dökümanı üzerinde çalışan bir script yazdım.
Scriptin yaptığı iş aslında basit, A sutununa yazdığınız web sitesi adreslerinin çalışıp çalışmadığını kontrol ediyor. Bu kontrolüde yine kendi yazdığım bir servis üzerinden gerçekleştiriyor.
Fazlası...
Javascript ile bir çok farklı şekillerde verilen değerin doğru bir rakam olup olmadığını kontrol edebiliriz, aşağıda bunlara alternatif bu kontrolü yapan kısa bir fonksiyon yayınlıyorum.
function IsNumeric(input)
{
return (input - 0) == input && input.length > 0;
}
Kaynak: http://2d1.in/lle
Web sayfalarında istediğimiz fontu kullanabilmek için çeşitli yöntemler mevcut, ancak birçoğu zahmetli ve zor uygulanabilir çözümler. Bu konuyla ilgili uğraşmış ve yorucu çözümlerin yerine yeni bir çözüm bulan arkadaşım superkahraman bana typeface'den bahsetti. Bende bu yazımda kullanımı kolay, server side kod gerektirmeyen typeface ile istediğimiz yazı tipini websayfamızda nasıl kullanacağımızı anlatacağım.
- Öncelikle buradan typeface'in son versiyonunu indirelim.
- Sonra bu sayfaya girerek web sitemizde kullanmak istediğimiz fontu upload edelim.
Fontumuzu seçip Convert Font butonuna basıyoruz.
-
Fontumuzu yükledikten sonra karşımıza aşağıdaki gibi bir ekran geliyor, bu ekrandan kullanmak istediğimiz karakter set(ler)ini seçiyoruz.
Benim örnek yüklediğim font olan Eden Mills'de Türkçe karakterler Latin Extended-A bölümündeydi, büyük ihtimalle diğer fontlar içinde aynısı geçerli ancak başka font ile denemedim.
Karakter set(ler)ini seçtikten sonra Download Font butonuna basarak fontumuz için oluşturulan javascript dosyasını indiriyoruz. İnen dosyanın dosya uzantısı js.htm olarak geliyor bunu js yapmanız gerekecek.
- Sonra fontumuzu kullanacağımız sayfaya typeface javascriptini ve fontumuzu çevirdiğimizde oluşan font javascript dosyasını include edeceğiz.
Burda önemli bir nokta dışarıdan yüklediğiniz diğer css dosyalarınızı typeface'i include etmeden önce kullanmanız gerekiyor. Eğer bu şekilde yapmazsanız Firefox 3 ile görüntülenmede problem yaşarsınız.
- Artık stilimizde font-family tagını fontumuzla beraber kullanabiliriz.
arunes, deneme...
typeface 0.15
Javascript'de escape() fonksiyonu + karakterini encode ederken yokediyor. + karakterini korumak için escape() yerine encodeURIComponent() fonksiyonunu kullanabilirsiniz.