Kategori: "Web kaynakları"

Web Tasarım Girişimlerinde PSDUP örneği

Yaklaşık 3,5 yıl önce serpito.com‘u açtığımda türk internetinde sağlam kaynak bulmak neredeyse imkansızdı. bildirgec ve ondan beslenen böcekler, türkçe kaynak tanımını oluşturuyordu. Son zamanlarda tanıtılmaya layık ve  içeriğin kalitesi bakımından benzersiz olduğunu düşündüğüm psdup.com‘u kayıt altına almak istedim.

PHP: Domain Sorgulama Uygulaması (Whois Search)

Yeni bir proje için en temel öğe uygun domain bulabilmektir.  Bu uygulamamızda yerel sunucunuzda dilediğiniz domainin whois kayıtlarını sorgulama olayını inceleyeceğiz. Bu uygulama için class.whois.php PHP sınıfını kullanıyoruz.

Mootools Slider Buton

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.

PHP:Jquery: Scroll Down Auto Load Data (Sayfayı aşağı kaydırınca otomatik veri yükleme)

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 read more »

PHP: Dinamik URL Ayraç Fonksiyonu (URL with Regular Expressions)

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@:%_\+.~#?&amp;amp;amp;//=]+)', '<a href="\\1">\\1', $text); $text = eregi_replace('(((f|ht){1}tps://)[-a-zA-Z0-9@:%_\+.~#?&amp;amp;amp;//=]+)', '<a href="\\1">\\1</a>', $text); $text = eregi_replace('([[:space:]()[{}])(www.[-a-zA-Z0-9@:%_\+.~#?&amp;amp;amp;//=]+)', '\\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; read more »

PHP – TinyURL otomatik url kısaltma fonksiyonu

Fonksiyon özellikleri: API Url: http://tinyurl.com/api-create.php Gerekli parametre: url Örnek: gönderilen sorgu- http://tinyurl.com/api-create.php?url=http://www.serpito.com/php-tinyurl-otomaik-url-kisaltma/ Dönen cevap- http://tinyurl.com/yeanjxm Fonsiyon kodları [code] <?php function TinyURL($u){ return file_get_contents('http://tinyurl.com/api-create.php?url='.$u); } ?> [/code] [code] <?php $url = 'http://www.serpito.com/php-tinyurl-otomaik-url-kisaltma/'; $tiny = TinyURL($url); echo $url.'"bağlantısının kısaltılmış hali : "'.$tiny; die(); ?> [/code] Örnek kodları çalıştırınca kısaltılmış url http://tinyurl.com/yeanjxm

Curvy Corners ile yuvarlak köşeler

Her ne kadar yeni nesil tarayıcılarda CSS ile pratik bir şekilde dilediğimiz ölçülerde yuvarlak köşe oluşturabilsek de, microsoft internet explorer tarayıcıları henüz bu özelliği desteklememektedir. Mozilla Firefox, Google Chrome,  Safari gibi popüler web tarayıcı için aşağıdaki CSS kodları istenilen yuvarlak köşelere uyum gösteriyor. [sourcecode lang="php"> [/sourcecode] Curvy Corners javascript apisi ile birlikte hızlıca bütün tarayıcılarda read more »

10 adet Yeni Nesil WordPress Teması

1- Oneroom Web-kreation tarafından yapılan şık bir tema. Önizleme İndir 2- SimpleFolio

Yapım Aşamasında Şablonu (Under Construction Template)

Yapım aşamasındaki projeler için kaliteli ve ilgi çekici bir giriş sayfası. Önizleme Şablonu indir

Dropdown menu (Açılır menü) uygulaması

Web sitelerin de dropdown menuleri çok sıklıkla kullanabiliyoruz. Bu örneğimizde css ler uyguladığımız ve mause üzerine geldiginde kendiliginden açılan br menu oluşturmayı ögreneceğiz. Sayfamızda dropdown menu’nun açılır ve kapanır olmasını sağlayan kodu inceleyelim. <script> $(document).ready(function(){ $(".dropdownmenu").mouseenter(function () { $("#menu").slideToggle(); }); $(".dropdownmenu").mouseleave(function () { $("#menu").slideToggle(); }); }); </script> Yukarıdaki kodlarda :

Sayfa 1 / 3123