HTML

İlk olarak en yalın haliyle bir Select Menü (Sekme Menü) oluşturalım;

<select name="secenekler">
<option value="1" selected="selected">1. Seçenek</option>
<option value="1">2. Seçenek</option>
<option value="3">3. Seçenek</option>
<option value="4">4. Seçenek</option>
<option value="5">5. Seçenek</option>
</select>

Kodları test etmek için tıklayınız.

Yukarıda  gördünüz gibi bir sekme oluşturduk ve option ile 5 adet seçenek sunduk. <select> etiketine sadece name parametresini Kullandım. Bu etiket  <option> etiketindeki seçeneklerden hangisi seçilmiş ise onun değerini value parametresi alacılığı ile sever tabanlı bir programlama diline (PHP, ASP vb..) göndermenize ve işlenizi sağlıyor  (PHP başlığında açıklayacağım).

Name parametrisi haricinde <select> etikeinde kullanabileceğiniz bir çok parametre bulunmakta bunları kısaca açıklamak gerekirse;

• id → <select> etiketine benzersiz bir isim vermenizi sağlar (özellikle javaScript için kullanılır)
• class → CSS sınıfı tanımlamanız için kullanılır
• style → Direk CSS etiketleri girmeniz için kullanılır
• title → <select> hakkında bilgi veya başlık belirtmek için kullanılır (özellikle SEO çalışmalarına katkıda bulunur)
• lang → <select> içerisindeki verilerin dilini (lisanını) belirtmek için kullanılır
• dir → <select> listesini açmak için kullanılan buttonu (sağ taraftaki üçgen şeklindeki araç) sağa veya sola taşınmanızı sağlar
• size → Satır sayısını belirtmek için kullanılır (fakat CSS ile bu işlem çok daha başarılı bir şekilde yapıldığı için gereksizdir)
• multiple → Tek seçenek sınırlamasını kaldırarak birden fazla seçenek seçmenizi sağlar
• disabled → Select menünüzü pasif durumuna getirmek için kullanılır
• tabindex → Varsayılan seçeneği belirtmenizi sağlar.

CSS

Yukarıda 5 seçenekli sade bir Select Menü oluşturmuştuk. Şimdi bu Sekme Menüyü CSS Class oluşturarak standartların dışında farklı bir görünüme taşıyacağız.

Makalenin ilk başında bir proje üzerinde çalışırken bu konuda bir yazı yazma kararı aldım demiştim. Bahsi geçen projede ki Sekme Menüyü beraber adım adım tasarlayalım;
Buradan çalışmaya bakabilirsiniz : http://www.sabah.de/tr/sari-sayfalar

ilk olarak bir div oluşturuyoruz ve select-menu isminde bir class atıyoruz. Sonra div ‘in içine select menümüzü ekliyoruz

<div>
<select name="secenekler">
<option selected="selected" value="1">1. Seçenek</option>
<option value="1">2. Seçenek</option>
<option value="3">3. Seçenek</option>
<option value="4">4. Seçenek</option>
<option value="5">5. Seçenek</option>
</select>
</div>

ve CSS kodlarımızı yazmaya başlıyoruz;

<style type="text/css">
<!--
.select-menu{
background:url(select-background.jpg) no-repeat;
width:250px;
height:30px;
padding-left:440px;
padding-top:215px;
}
.select-menu select {
width:250px;
height:30px;
padding:5px;
padding-left:1px;
font-weight:bold;
font-size:12px;
color:#223C75;
background:#f1f1f1;
border:1px #666666 solid;
}

.select-menu select option{
padding:3px;
}
-->
</style>

Kodları test etmek için tıklayınız.

select-menu CSS klası ile <select> ve <option> etiketlerini yeniden boyutlandırdık, yazı renklerini ve boyutlarını değiştirdik ayrıca bazı ufak ayrıntılarla standart görünümünde kurtardık.

JAVASCRIPT

<select> etiketi javaScript ile en sık kullanılan HTML form öğelerindendir ve bünyesinde bir çok javaScipt olayı barındırır.

• onclick →    <select> etiketini fare (mouse) ile tıklandığında tetikler.
• ondblclick →    <select> etiketini fare (mouse) ile çift tıklandığında tetikler.
• onmousedown →    Fare (mouse) sol tuşuna basıldığında tetikler.
• onmouseup →    Basılı olan fare (mouse) tuşu bırakıldığında tetikler.
• onmouseover →    <select> etiketinin üzerine fare ile gelindiğinde tetikler.
• onmousemove →    <select> etiketinin üzerinde fare ile hareket edildiğinde tetikler.
• onmouseout →   <select> etiketinin üzerine fare ile üzerine gelinip sonra çıkıldığında tetikler.
• onkeypress →   <select> etiketinin üzerine fare ile üzerindeyken klavyeden bir tuşa basıldığında tetikler.
• onkeydown →    <select> etiketinin üzerindeyken klavyeden bir tuşa ilk basıldığı anda tetikler.
• onkeyup →   <select> etiketinin üzerindeyken basılı olan klavye tuşu bırakıldığında tetikler.
• onfocus →   <select> etiketi seçildiğinde (odaklanıldığında) tetikler.
• onblur →    select> etiketi seçilip başka bir işleme geçildiğinde tetikler.
• onchange →   select> etiketi içeriği değiştiğinde tetikler.

Şimdi onChange olayını kullanarak select menümüzü harekete geçirelim;

<div>
<form method="post">
<select name="secenekler" onChange="submit();">
<option selected="selected" value="1">1. Seçenek</option>
<option value="1">2. Seçenek</option>
<option value="3">3. Seçenek</option>
<option value="4">4. Seçenek</option>
<option value="5">5. Seçenek</option>
</select>
</form>
</div>

Kodları test etmek için tıklayınız.

javaScript submit fonksiyonunu onChange olayı ile kullanarak select menüde bir değişiklik olduğunda form ‘u sanki submit buttonuna tıklamış gibi hareket ettirmiş olduk.

PHP

HTML bölümünde bahsettiğim gibi <select> etiketine name parametresi ile secenekler adında bir değişken atamıştık şimdi PHP kodları ile secenekler ‘den gelen bilgiyi ekrana yazdıralım;

<?php
$secenek = $_POST['secenekler'];
echo '<br />az önce <strong>' . $secenek . '</strong> numarali seçeneği seçtiniz...<br /><br />';
?>

Kodları test etmek için tıklayınız.

Formumuzu post metodu ile gönderdiğimiz için PHP $_POST fonksiyonu ile formdan gelen bilgiyi alıp ekrana yazdırıyoruz.

OPTFROUP

Select etiketini herşeyiyle bahsetmişken son olarak optgroup ‘dan da bahsederek bu konuyu bitirelim. optgroup select menünüzdeki option listenizi gruplara ayırmaya yarayan çok kullanışlı bir HTML etiketidir.

Optgroup kullanım şekli;

<div>
<form method="post" name="ornekForm">
<select name="secenekler" onChange="submit();">
<optgroup label="Seçenekler">
<option selected="selected" value="1">1. Seçenek</option>
<option value="1">2. Seçenek</option>
<option value="3">3. Seçenek</option>
<option value="4">4. Seçenek</option>
<option value="5">5. Seçenek</option>
</optgroup>
<optgroup label="Diğer Seçenekler">
<option value="6">6. Seçenek</option>
<option value="7">7. Seçenek</option>
<option value="8">8. Seçenek</option>
<option value="9">9. Seçenek</option>
<option value="10">10. Seçenek</option>
</optgroup>
</select>
</form>
</div>

Kodları test etmek için tıklayınız.

Kodları test ettiğinizde listenin seçenekler ve Diğer Seçenekler adında iki gruba ayrıldığını göreceksiniz.

Sanırım <select> etiketi hakkında bahsedilecek başka bir konu kalmadı.

Makalede geçen örneklerin hepsini aşağıdan bilgisayarınıza indirerek inceleyebilirsiniz.
Download : Select-kullanimi.zip (136)

Ayrıca W3 orjinal sitesinden <select> hakkında kurumsal bilgi edinebilirsiniz.
http://www.w3schools.com/tags/tag_select.asp

Plugin ‘izin adı WP-CSS

• ilk olarak buraya tıklayarak WP-CSS pluginini bilgisayarınıza indiriyoruz ve zip dosyasından çıkartıyoruz
• ikinci olarak indirdiğimiz dosyayı ZIP ‘ten çıkartarak herhangi bir FTP proğramı ile wordpress blog ‘umuzun  wp-content/plugins/ klasörüne upload yapıyoruz.
• Sonra WordPress Admin paneline girerek plugin ‘i aktif yapıyoruz. (Rutin işlemler burada sona eriyor)
• WP-CSS eklentisini aktif ettiğimizde wp-content/plugins/wp-css klasörünün içinde  cache isimli yeni bir klasör oluştuğunu göreceksiniz. Bu klasöre yazma izni veriyoruz (bir diğer değişle mod 777 yapıyoruz)
• Son olarak temamızda yer alan Css dosyalarının baglantılarını header.php dosyasını açarak <?php wp_css('dizin/cssdosyamiz.css'); ?> şeklinde düzenliyoruz.

Sanırım son adımda bahsettiğim işlemi biraz detaylı anlatmam daha yararlı olacak;

Normalde WordPress temalarının Css dosyaları aşağıda ki şekilde eklenmiştir;

<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory'); ?>/cssdosyasi.css" media="screen" />

böyle bir kodu şu şekilde değiştirmemiz gerekiyor;

<link rel="stylesheet" type="text/css" href="<?php wp_css('cssdosyasi.css'); ?>" media="screen" />

Örneğin Temamınızı içindeki dosyalar şu şekilde olsun;

/cssdosyasi.css
/sitiller/stil1.css
/sitiller/stil2.css
/sitiller/stil3.css

Yani Temamızın bulunduğu klasörün kök dizininde cssdosyasi.css ve stiller isimli klasörde de 3 tane daha farklı Css dosyası var. Bu dosyaları aşağıdaki gibi çağırmamız gerekiyor;

<link rel="stylesheet" type="text/css" href="<?php wp_css('cssdosyasi.css'); ?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php wp_css('sitiller/stil1.css'); ?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php wp_css('sitiller/stil2.css'); ?>" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php wp_css('sitiller/stil3.css'); ?>" media="screen" />

Bir diğer alternetif ise bu dosyaları style.css dosyasına include yapabilirsiniz. Böylece Php dosyasında hiçbir değişiklik yapmanıza gerek kalmaz. Örneğin yukarıdaki Css dosyalarını Style.css dosyasına direk include yapalım;

@import url("cssdosyasi.css");
@import url("sitiller/stil1.css");
@import url("sitiller/stil2.css");
@import url("sitiller/stil3.css");

Böylece ilk örnekte bahsettiğim işmemi yapmanıza gerek kalmaz. Her iki yöntemide hercih edebilirsini fakat benim tavsiyem style.css içine include etmeniz çünkü böylece tek bir css dosyanız olur ve daha iyi bir performans sağlarsınız.
Ayrıca Temaların ana Css dosyası olan style.css dosyasını çağırırken hiç bir değişiklik yapmıyoruz zira WP-CSS style.css dosyasını otomatik algılıyor.

Hepsi bu kadar…

Toplam 33kb büyüklüğünde 8 Css dosyanı include ile tek bir dosyaya birletirerek yapılan testte %91 performans sağlandığı görülmüş. Sizde WP-CSS eklentisini kurduktan sitenizin açılış hızını kontrol eden herhangi bir proğramveya firefox eklentisi ile test edebilirsiniz milisanilerle ‘de olsa aradaki farkı kesinlikle göreceksiniz.

Bir sonraki makalemde hemen hemen aynı şekilde çalışan ve javaScript dosyalarını optimize  edmek için kullanabileceğiniz WP-JS eklentisniden bahsederek bu konuya devam edeceğim.

Cok basit bir hüner ile Firefox-Browseri öyle manipüle edebilirsiniz ki, ekran versiyonu basim icin kullanabilirsiniz. Bunun icin DOM-Inspector isimli plugin gerekiyor (Mac kullanicilar biraz daha sansli cünkü bu eklenti firefox üzerinde direk kurulu halde geliyor)

Simdi siradan bir website aciyorsunuz, örnegin http://www.seitwert.de ve Extras Menüsünden -> DOM Inspector aciyorsunuz. Ordan asagidaki adimlari takip ediyorsunuz:

HTML -> HEAD -> LINK. MEDIA´ya sag tikla ile oradaki (value) parametreyi “all” veya “print” yazip degistiriyorsunuz, veee iste bu kadar. Artik her siteyi güzel sekilde yazicidan cikartabilirsiniz.

(Bu makalenin Almanca versiyonunu okumak icin buraya tiklayiniz)

Serkan Aydin

Hazırladığınız siteyi birde Internet Explorer, Firefox, Opera, Safari, Chrome gibi tarayılarda sorunsuz calışması için emek harcarız. Hadi bakalım tam hersey bitti site hazır derken birde farklı versiyonlarda site nasıl çalışacak sıkıntısı karşımıza çıkar. Internet Explorer ‘da bu konuda olabildiğince acımasızdır, bir versiyonda sorunsuz çalışan site diğer versiyonda içler acısıdır.

Özellikle Internet Explorer 6 çok sorunlu bir tarayıcıdır bir çok Css ve Js kodu sorunlu çalışır hatta bazı kodlar hiç reaksiyon göstermez. Şu an en son versiyon Internet Explorer 8 olmasına ramen hala Internet Explorer 6 kullanan bir çok bilinçsiz internet kullanıcısı var bu sebeple hala sitenizin Internet nasıl çalıştığını kontrol etmelisiniz. Internet Explorer 6 ‘dan sonraki versiyonlar biraz (az biraz) daha sorunsuz diyebiliriz .

Tam anlamıyla farklı tarayıcı uyumu sorununa bir çözüm olmasada en azından Internet Explorer 6 kullananları azaltma için bir çözümden bahsedeceğim..

• ilk olrak buradaki zip dosyasını bilgisayarınıza indiriniz.
• İndirdiğiniz zip dosyasını açtığınızda bir örnek html dosyası (example.html), ie6update klasörğ içinde ie6update.js isimli bir Javascript dosyası olduğunu göreceksiniz. Ayrıca resim ve resimlerin kaynak dosyasını psd formatında eklenmiştir.
• Tahmin ettiğiniz gibi bu bir jQuery eklentisi. example.html dosyasının kaynak kodlarını incelerseniz bu eklentinin ne sekilde calistiğini çok rahat görebilirsiniz.

Fakat yinede kodları bir gözden geçirelim ;

ilk önce tarayıcının Internet Explorer 6 olup olmadığını kontrol ediyoruz

<!--[if IE 6]>

Eğer tarayıcı Internet Explorer 6 ise jQuery ‘i Googlelaps üzerinden çağırıyoruz.

if(typeof jQuery == 'undefined'){
document.write("<script type=\"text/javascript\"  src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></"+"script>");
var __noconflict = true;
} 

Sonra IE6UPDATE_OPTIONS değişkenine açılacak popupta kullanılacak resim dosyalarımızın yolunu bildiriyoruz.

var IE6UPDATE_OPTIONS = {
icons_path: "ie6update/images/"
}

jQuery çağırırken açtığımız <script> etiketini kapatıp

</script>

Son olarak ie6update.js dosyamızı çağırıyoruz ve gizli if sorgumuzu kapatıyoruz..

<script type="text/javascript" src="ie6update/ie6update.js"></script>
<![endif] >

İşte bu kadar. Artık ziyaretçileriniz sitenize girdiğinde eğer Internet Explorer 6 kullanıyorsa bir uyarı penceresi çıkacak ve Internet Explorer ‘ın yeni versiyonu çıktını bildirip update etmesini isteyecek…

Tarayıcı ve tarayıcı versiyonu uyuşmazlık soruna ne zaman tam anlamıyla bir çözüm bulunur bilmem ama en azından bizim gayretimizle eski versiyon kullanan bilinçsiz ziyaretçi sayısını azaltabiliriz.

Bir sonraki makalede görüşmek üzere
Hüseyin Koçak

Aşağıda JavaScript dosyalarınızı sıkıştırma ( Javascript compressor  )hizmet veren belli başlı siteleri listeledim, beğeninize göre aşağıdaki sitelerden istediğiniz bu iş için kullanabilirsiniz.

• javascriptcompressor.com
• compressor.ebiene.de
• dean.edwards.name
• hometown.aol.de
• fmarcia.info

Online Javascript compressor hizmeti veren bu sitelerden bazıları dosyaları tekrar okunabilir hale getiriken bayıları sadece dosyanızı sıkıştırmala hizmetini tamalıyor, bu noktada size tavsiyem sıkıştıracağınız js dosyasının ilk önce bir kopyasını almanız olacaktır. Bu sayede eğer ileride Javascript dosyanizda bir düzenleme veya ekleme yapmanız gerekirse kopyaladığınız dosya üzerinde yapabilirsiniz.

Javascript ‘tin yanı sıra aynı sıkıştırma işlemini Css üzerinde yapmak isterseniz CSS Kodlarınızı Sıkıştırmak İçin Araçlar isimli makaleden faydalanabilirsiniz.

Css dosyalarını sıkıştırma hizmeti ( CSS Compressor ) veren siteleri kendi beğenime göre sıralızorum siz bu siteler arasından beğenize göre tercihinizi yapabilirsiniz. 

• cleancss.com
• cssoptimiser.com
• cssdrive.com
• iceyboard.no-ip.org

Her ne kadar Css dosyalarınızı küçülterek sitenize ufak çaplı hız kazandırsanızda, aynı işlemi Javascript kütüpaneleriniz üzerinde de uygulayarak Css dosyalarınızdan elde ettiğiniz performansın daha fazlasını saglayabilirsiniz. Zira Javascript kütüpaneleri Css dosyalarına kıyasla çok daha büyük olabiliyor.

Online Javascript compressor Hizmeti veren sitelerin listesine javaScript Kodlarınızı Sıkıştırmak İçin Araçlar isimli makaleden ulaşabilirsiniz.

Sıtenin sunduğu en güzel hizmet ise incelemek için tıkladığınız referans hakkında birçok bilgiyi, örnek kullanımını, alt değerlerini, hangi browser ‘ların (tarayıcıların) desteklediğini ve yine sol tarafta seçtiğiniz referansa benzer diğer referansları hiyerarşik bir sirayla veriyor olması.

Yukarıda da belirttiğim gibi özellikle Css ‘ye yeni başlayan arkadaşların çok işine yaracağini umduğum Sitepoint.com ‘un  bu hizmetini favorilerinize eklmenizi tavsiye ederim.

Css ilk olrak 1995′de ortaya çıkti ve akabinde 1996 yılında W3C ’e kabul edildi. W3C ’ye katılması ile tüm tarayıcılar tarafından desteklendi. Bu tarihten itibaren W3C ’ye üye olan tüm tarayıcı grupları CSS ’nin yeni versiyonlar tarafından desteklenmesini kabul etmiştir. Css ise günden güne yeni özelliklerle gücüne güc katarak Mayıs 1998 ′de Css 2 ′ye geçiş yapılmıştır. Su an Css 2.1 versiyonunu kullanmaktayiz.

Simdi bu kadar ön bilginin üzerine Css ‘nin ne olduguna biraz daha derinlemesine girelim Html etiketleme sistemiyle calisan basit bir dildir sadece var olan etiketleri yazarsiniz ve ortaya basit bir Html sayfasi cikar ama dizayn olarak cok yetersizdir örnegin bir linkin üzerine mause gelince renginin degismesi gibi basit bir islemi bile xyapamazsiniz iste tam bu noktada Css imdadimaza yetiyor Css ile Html etikezlerine hükmedebiliyorsunuz hatta Html etiketlerine class `lar atayip özel dizaynlar sagliyabiliyorsunuz. Css `nin nasil kullanildigini ilerleyen derslerde adim adim isleyecegiz ve tanidikca cok seveceginize inandigim ve web tasarim unsurlari arasinda en basit olduguna inandigim bir dildir.

Css bir web sayfasinda üc iki ayri sekilde kullanilabilir bu kullanilis sekilleri ;

• Disardan import edilerek ( .css dosyalari olusturulur ve Html sayfamiza dahil ederiz.)
• <Head> ve </head> taglari arasinda tanimlayarak (.css dosyasi olusturup disardan importetmek yerine direk sayfanin icerisinde tanimlayabiliriz)
• Html etiketleri icine style olusturarak css olustururuz (Kullanim sekli itibarizle ilk iki secenekten farklidir. Css`nin en basit kullanim seklidir fakat fakat bu sekilde kullanmak ilk etaptta size zaman kazandirsada ileride düzenleme yaparken biraz ugrastirabilir.)

Css kullanim sekillerini bir sonraki derste anlacagim. Eger Ajax ‘e merak saldiysaniz Css en önemli yapitaslarindan biridir hatta Ajax teknigi icin bilinmesi gereken en önemli programlama dillerini siralamak gerekirse Javascript -> Css -> Xml ….. seklinde siralayabiliriz.

Bir sonraki Css dersimizde ilk örneklerimizi yapmaya baslayacagiz. Eger Css ilginizi cekti ve gelismelerinden ve yeniliklerinden haberdar olmak istiyorsaniz; Css orjinal sitesine bu sayfadan ulasabilirsiniz. Bir sonraki dersimizde görüsmek ezere.

Eger web sitesi tasarliyorsaniz ilaki azda olsa HTML, JavaScript, Css gibi programlam dilleri hakinda bilginiz var demektir. Ajax bu programlama dillerinin harmanlanmis halini kullandigi icin ögrenilmesi zor degildir. Sadece teknik hakkinda bilgi sahibi olmaniz ve iyi bir kurgu yapmaniz yeterli.

Ajax ‘in bize sagladigi ajantajlari siralamak gerekirse ;

• Ögrenilmesi kolaydir
• Iyi bir kurgu sonucunda web sayfasinin sadece gerekli bölümlerini ziyaretciye gösterip diger bölümleri ziyaretcinin istegine sunabilirsiniz. Bu sekilde Web sitenize hiz saglayabilirsiniz.
• Ziyaretciye sanki bir masaüstü program kullaniyor hissi verir.
• Örnegin bir form dolduruken ziyaretcinin sectigi bilgiler dogrultusunda form secenekleri esneklik kazanabilir
• Bircok islem tek bir sayfada gerceklestigi icin bant genisligi (bandwith) sinirinizi minimuma indirebilirsiniz.
• Görsel olarak klasik sitelere kiyasla cok üstündür.

Peki ajax ‘nin  dezavantaji varmi derseniz, her nekadar ajantajlari dezavantajlarini bastiriyor olsa da evet vardir ;

• Arama motorları, tabi en basta Google Ajax ile sunulan bilgileri görmüyor ve indexlemiyor.
• Insanlarin büyük bir kismi hala klasik sitelere alisik oldugu icin bazen ajax uygulamalarini yadirgayabilirler. Örnegin bir link tikladiklarinda sag tarafta icerik gösterildigi halde ziyaretci yeni bir sayfa acilacak diye bekleyebilir. Bu sorunu cözmek icin bircok ajax gelistirici hazirladigi uygulamalarda loading teknigi kullanmaktadir.
• Bazi durumlarda ziyaretcilerin Web Tarayici programlari üzerinde ileri geri tusuna basmalari beklenmedik sonuclar cikarabiliyor.
• Ajax Server icin cok rahatlatici olsada tüm agirligini ziyaretcinin bilgisayarina verir. Yani Web sitenize giren kimsenin bilgisayari yavas ise ajax islemciyi biraz daha zorlayagi icin web siteniz o bilgisayarda yavaslaya bilir. Fakat gün gectikce eski bilgisayarlar ortadan kalkacagini düsünürsek bu asilmasi pek zor bir problem degil gibi gözüküyor
• Yukarida soruna paraler baska bir problem ise ziyarecinin bilgisayarinda javascript kapali ise veya bir antivirüs programi javascript uygulamalarini engelliyorsa siteniz o ziyaretcinin sayfasinda sorunlu calisabilir.

Ajax konusunda en cok dikkat etmeniz gereken husus ilk olarak web sitenizi analiz edip sadece gerekli yerlerde kullanmanizdir ve firefox, internet explorer, Chrome, opera vb… gibi diger browser ‘lerde web sitenizi kontrol ediniz.

Gelisen web 2 teknoloji ile önde gelen bir cok Web Sitesi Ajax kullaniyor örnegin youtube, Google, Ebay, Yahoo, Facebook, Hotmail bunlardan sadece birkaci ve ileleyen zaman icerisinde Ajax Teknigi webtasarimin vazgecilmez yapitaslarindan biri olarak yerini aldi.

Ilerleyen dersler icerisinde adim adim ajaxla nasil uygulamalar gelistirecegimizi anlatacagim, eminim Ajax ‘i ögrendikce cok seveceksiniz

Asp, Asp.Net, Php, Javascript, css, xml, wml, html, sql vb… birçok kategoride kod bulabilirsiniz.

Sitelerin hepsini bir araya toplayarak size sunuyorum ;

• hazirkod.com
• mydesign.gen.tr
• binbirkod.com
• jsindir.com
• kodmerkezi.com
• kodkutuphanesi.com
• kodara.com
• hazirkodlar.net
• kodcunuz.com
• htmlkod.tr.gg
• htmlkodlar.net
• htmlkodlari.bloggum.com
• kodekodu.com

Ayrıca bu konuda işe yarar yeni siteler keşfettikçe bu başlık altında güncellemeye devam edeceğim.