jQuery ve CSS kullanılarak hazırlanmış bir klavye uygulaması.
Bazen bildiğimiz programlama dilleri ile oynamak eğlenceli olabiliyor. CSS , online klavye oluşturmak için güzel olabilir, ve sonra jQuery ile çalışmasını sağladık düşündüm. Klavye tuşlarını işlemleri içermektedir.
Devamını okuyun »
Devamını okuyun »
Web sitelerinde fotografların kullanımları ve kullandığımız fotografların kullanıcılara sunum şekli herzaman için önem arz etmiştir. Galerimizde yer alan fotograflar çok ve sitemizdeki kullanım alanımız sınırlı ise fotografı dizerek değildi bir botun, fotograf veya link’e tıklanıldığında galerimizi ekrana getirebilir ve galerimizdeki fotograflarımız kullanıcılara bu şekilde sunabiliriz, ilk olarak html kodlarımızdan başlayalım.
Devamını okuyun »
Web sitelerimizde yer alan butonları mootools ve css ile daha görsel ve kullanışlı hale getirebiliriz. Sayfalarımızda yer alan menü isimleri bazen yeteri kullanıcılara bilgi vermeye bilir. Kullanıcıların butonlara tıklamak için mause ile üzerlerine geldiklerinde açılan bir açıklama bölümü oluşturmaya ögreneceğiz bu uygulamada.
Bu konu web geliştiriciler için bazı zamanlar çok önemli bir mesele halini almaktadır. RSS beslemesi olan herhangi bir websitenin RSS beslemelerini RSSCLASS sınıfımız ile düzenli bir şekilde okuyabiliriz.
Kodlarımızı yazalım: Devamını okuyun »
Bu uygulamada bazı web sitelerinde görülen sayfa altına scroll edilince yeni verilerin Ajax ile yüklenme olayını inceleyeceğiz. Örnek site için sortfolio. Bu uygulama ile sayfa hareketine göre verilerin daha düzenli ve verimli kullanılmasını sağlıyoruz. Tabi ki sunucu performansından büyük tasarruf ediyoruz.
Bu uygulama demosu için de daha önce kullandığım mysql.php database class yapısını kullandım. En kısa zamanda bu class ‘ı da detaylıca açıklayacağım. Devamını okuyun »
Uygulamamız için gereken kodlara geçelim:
Text bazlı içeriklerde yer alan URL bağlantılarını tıklanabilir hale getirmek için basit bir PHP fonksiyonu işimizi görür.
<?php
function AutoLink($text)
{
$text = html_entity_decode($text);
$text = " ".$text;
$text = eregi_replace('(((f|ht){1}tp://)[-a-zA-Z0-9@:%_\+.~#?&//=]+)',
'<a href="\\1">\\1</a>', $text);
$text = eregi_replace('(((f|ht){1}tps://)[-a-zA-Z0-9@:%_\+.~#?&//=]+)',
'<a href="\\1">\\1</a>', $text);
$text = eregi_replace('([[:space:]()[{}])(www.[-a-zA-Z0-9@:%_\+.~#?&//=]+)',
'\\1<a href="http://\\2">\\2</a>', $text);
$text = eregi_replace('([_\.0-9a-z-]+@([0-9a-z][0-9a-z-]+\.)+[a-z]{2,3})',
'<a href="mailto:\\1">\\1</a>', $text);
return $text;
}
?>
Bu fonksiyonun kullanımı da aşağıdaki gibidir.
Devamını okuyun »
Twitter’a dadanmışken tam olsun artık. Sayfa altında yer alan more çubuğu nasıl çalışıyor, ne gibi yararları var sorularına cevap arayalım.
Devamını okuyun »
Webi site içeriklerini facebook ,delicious ,twitter gibi sosyal içerik sitelerinde paylaşmak site adını ve içerisinin kısa süre içerisinde yayılmasını ve daha geniş kitlelere ulaşmasını sağlar. Bu örneğimizde bir biyografi sayfasını facebook ,delicious ,twitter gibi sosyal içerik sistemlerinde paylaşmayı ögrenecegiz.
Kısa ve düzenli url sistemleri arama motorlarında daha üst sıralarda çıkmanıza yardımcı olur. Popüler web servislerinden Flickr ve Twitter bu konuda iki iyi örnek. İkisinin de .htaccess URL mantıklarını çözmeye çalışalım.
Url sisteminin bu şekilde çalışabilmesi için aşağıdaki 3 satır .htaccess kodu yeterlidir.
.htaccess içeriği
RewriteEngine On RewriteRule ^([a-zA-Z0-9_-]+)$ photos.php?user=$1 RewriteRule ^([a-zA-Z0-9_-]+)/$ photos.php?user=$1
Gördüğümüz gibi tek parametreli URL sistemi gayet basit bir şekilde uygulanabiliyor. Geçelim iki ve daha fazla parametreli URL sistemlerini incelemeye. Devamını okuyun »
