Cufon (computer user fonts) başlığa takılmayın ben uydurdum 
son zamanlarda sık tercih edilen yeni bir teknik olan cufon ile istediğiniğz fontu veb sayfalarında kullanabilirsiniz.( zaten resim yapıp kullanabiliyorum diyenler çıkacaktır bu teknik ile seo problemi olmadan istediğiniz fontu kullanabilirisiniz (malum gogle resimleri okumaz).
fazla uzatmadan detaylara geçelim.
Orjinal Makale için http://www.yakuter.com/cufon-bir-sifr-alternatifi-hakkinda-her-sey/
Sitelerimizde bazen kendi zevkimize göre yazı tipleri kullanmak isteriz. Bununla birlikte çok büyük yazı karakterleri de kullanmamız gereken zamanlar oluyor. İşte böyle durumlarda en doğru çözüm bu zamana kadar sIFR teknolojisiydi fakat artık güçlü bir rakip var, şurada örneğini görebileceğiniz Cufón.
Cufón’un Artıları
Bu yeni tekniği özel ve farklı kılan bazı hususlar şunlar.
- sIFR gibi Flash dosyası kullanmak yerine Javascript dosyası kullanır. Böylece görüntülenmesi normal bir metnin görüntülenmesi kadar hızlıdır.
- Kendi dosyaları dışında hiçbir eklentiye ihtiyaç duymaz.
- Oldukça kolay ve kısa süren bir kurulumu vardır.
- Tüm tarayıcılarda sorunsuz bir şekilde çalışır.
- Dönüştürmüş olduğunuz yazı tipi dosyasını sadece belirli bir alanadında çalışacak şekilde düzenleyebilirsiniz. Böylece ücretli yazı tiplerini veya başkasının kullanmasını istemediklerinizi çalınma korkusu olmadan güvenle sitenizde kullanabilirsiniz.
- Yazı tipi dönüştürme sırasında Türkçe karakterleri de ekleyebilirsiniz. Böylece Türkçe karakterler konusunda sıkıntı yaşamazsınız.
- Yazı tipinizi dönüştürürken dosyanın kalite oranını seçerek ortaya çıkacak Javascript dosyasının küçük olmasını ve böylece sisteminizi kasmamasını sağlayabilirsiniz.
Continue reading ‘Cufon nedir? nasıl kullanılır ? (computer user font)’
Geliştirdiğimiz bir projede farklı sitelerden (youtube,dailymotion…) videolar ekleyebilmemiz gerekiyordu.
basitçe bu işi jquery ile ile nasıl yaparım diye düşündüm ortayada böyle bir plug-in çıktı.Scriptin server taraflı versiyonunuda php ile yazıyorum ama şu an için basitçe jwuery ile çalışıyor sistem.
BURADAN test edebilirsiniz.
Senaryo : Diyelimki bir tab uygulama geliştiriyoruz diğer yapacağımız işlemlerin yanında birde seçili tabı aktif hale getirip dahaönce seçili olanıda pasif yapmamız lazım .bu kısmı jquery siblings() seçicisi ile kolaylıkla yapabiliriz.
$(this).parent('li').addClass('sekmeSecili').siblings().removeClass('sekmeSecili');
burada yapılanişlem tab uygulamamız listelerden oluşuyor. tıkladığımız tab a “.secmesecili” classını atadık diğer listelerdeki ” .sekmesecili” class atanmış varsa sildik
Önceden javascriptte bir elemana mouseover ve mouseout olayları eklerdik. Jquery ile çok daha basit ve pratik şekilde yapılabiliyor.
$("li").hover(
function () {
// fare üzerinde iken bunu yap
},
function () {
// fare kaçınca bunu yap
}
);
Öncelikle efenim kodun örneğini http://jsbin.com/ucidi/3 adresinden görebilirsiniz. Hatta linke tıklayıp test de edebilirsiniz. Başlıkta da Niye case-sensitive ing. demeyin yoksa başlık aşırı uzun oluyordu 
Jquery’de bildiğiniz üzere contains kodu çalışırken büyük küçük uyumu olmadan çalışmaktadır ve standardı olmayan yazılarda böyle bir uyum olmayacağından düzgün çalışmıyor. Bende koca jquery için bunun kolay yolunu yapmamışlar mı derken bi baktım ki “custom selector” denilen bir velet eklenmiş framework’e. Bende bunu evirip çevirip (tabii gogıl’ında büyük yardımıyla) büyük küçük uyumu olmadan contains’i kullanmayı sağladım. Üstüne de dedim bunun soldan sağa olanı da olmalı ve alttaki iki kodu çıkarttım ortaya. http://www.west-wind.com/weblog/posts/519980.aspx adresinde çok iyi anlatılmış zaten soldanSaga kodunda hiçbir değişiklik yapmadım
Continue reading ‘Jquery ile Case-sensitive olmadan arama yapma !’
Çoğumuz web uygulamaları geliştirirken, tarayıcıların motorlarındaki farklılıklardan dolayı geliştirmiş olduğumuz uygulamaların tüm tarayıcılarda aynı çalışması için bazı yerlerde sorunu gidermek için sadece sorun olan browserda çalışacak hackler yazıyoruz. Bu sıkıcı işlemi işlemi yapmanın ilk aşamalarından biri de tabii ki kullanıcının siteyi hangi tarayıcı ile görüntülediğini bulmak oluyor. Hastalığın ne olduğunu bilelim ki ona uygun ilacı yazabilelim değil mi?
Bu işlem için kullanılacak olan 10larca çözüm olmasına rağmen ben bu yazımda pek sevgilijQuery‘nin browser nesnesinden bahsedeceğim. Browser nesnesi basitçe, kullanıcının kullanmış olduğu browser’ın ne olduğunu ve versiyonunu döndürüyor. Bizi de bu verileri elde etmek için acayip acayip yöntemler kullanma derdinden kurtarıyor. Biraz fazla konuştum, kod yazsam iyi olacak sanırım 
Continue reading ‘Jquery Browser nesnesi ?’
Geliştirmekte olduğum bir projede Tema değişikliği yapmam gerekiyordu klasik yöntemlere yaptım ancak hoşuma gitmedi . jquery ile çözüm ararken şöyle basit bir olay buldum
$("link[title=tema]").attr("href",adres)
burada dikkat edilmesi gereken kısım css dosyasını eklerken birde title tagı eklememiz gerekir
<link rel=stylesheet type=text/css href="tema/css.php" title="tema" >
title eklemek zorunda değiliz farklı şekillerdede bu işlem yapılabilir.
“adres” değişkenide yükleyeceğimiz css dosyasının adresi oluyor
Bana göre Jquery nin en güzel eklentilerinden bir tanesi. Lazy Load ın ne yaptığı konusunda ilk defa gören arkadaşlar için kısaca bilgi vermek gerekise;
Sitenizde o an sayfa üzerinde bulunan resim dosyalarını yani img tagı ile belirlenmiş olan nesnelerin, hepsini sayfa ile birlikte yüklemektense. Kaydırma çubuğunu dinleyerek sadece aşağıya doğru kaydırdığınızda ekranda görünmesi gereken resimleri anlık olarak yüklüyor…
burada bir DEMO mevcut!
Continue reading ‘Jquery için LazyLoad eklentisi !’
Web dünyasının yeni çocuğu JQUERY ile ajax’la uğraşanların büyük sorunu olan harici yüklenen sayfalarda “.js” kullanımına kendimce bir çözüm ürettim paylaşıyorum.
Continue reading ‘Jquery ile ajax’la gelen sayfalarda “.js” kullanımına çözüm !!!’
Bugün kolay ama bazı zamanlar çok kullanışlı olan bir yöntemi sizinle paylaşmaya çalışacağım.
İstemci tabanlı scriptlerimiz de koşullara göre dışarıdan JavaScript dosyası yüklememiz gerekebilir. Yada kod görünümün daha düzenli olmasını istediğiniz zamanlarda html ile değilde JavaScript ile yükleme yapmak isteyebilirsiniz. Bu noktada jQuery bize $.ajax api’si ile işimizi oldukça kolaylaştırıyor. Peki nasıl yapıyoruz aşağıdaki kullanım şekline bakalım.
$.ajax({
type: ‘GET’,
url: ‘jsyuklemece.js’,
dataType: ‘script’
});
Gördüğünüz gibi kullanımı oldukça kolay. Klasik $.ajax uygulamasını nasıl kullanıyorsak aynı şekilde kullanıyoruz sadece Veri tipini(dataType) ’script’ olarak belirliyoruz. Hepsi bu kadar.
