Sass ile Sayfa Yenilemeden Değişiklikleri Görmek

    <script src="https://raw.githubusercontent.com/yukulele/CSSrefresh/master/cssrefresh.js"></script>

    <script>

    window.onload = function(){

        var script = document.createElement('script');

        script.src = "js/cssrefresh.js";

        document.querySelector('head').appendChild(script);

    };

    </script>

Jquery ToggleClick Fonksiyonu

  $(function() {

    $(" #sMenu ").selectmenu();

jQuery Ui Modal Kullanımı

HTML

<a href="#" class="btnc">Tıkla</a>

<div id="tmpExample" title="deneme">

    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus quam maxime nostrum voluptatem eveniet! Dolor repellat tenetur esse harum suscipit culpa sint ducimus assumenda eum perferendis, illo at molestiae ipsa, odio ea impedit sit. Dolorum in, laudantium tenetur fugiat atque repellat enim, sequi adipisci libero provident aliquid non ullam quidem.</p>

</div>

Jquery Ajax Load Content

HTML
    <a href="#" onclick="return false" onmousedown="getir('link1')">Anasayfa</a>&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="return false" onmousedown="getir('link2')">Hakkımızda</a>&nbsp;&nbsp;&nbsp;
    <a href="#" onclick="return false" onmousedown="getir('link3')">İletişim</a>
    <div class="icerik"></div>

PHP
$phpVal = $_POST['phpVal'];

if ($phpVal == "link1") {
    echo "bu link 1 in içeriğidir";
}elseif ($phpVal == "link2") {
    include "dene.html";
}elseif ($phpVal == "link3") {
    echo "bu link 3333333 in içeriğidir";
}

JS
function getir(val){
    $(".icerik").html('<img src="load.gif" width="400" height="300" />').show();
    $.post("init.php",{phpVal:val},function(data){
        setTimeout(function(){
            $(".icerik").html(data).show();
        },500);
    });
}

Ajax ile otomatik arama

HTML
<input type="text" placeholder="ara" onkeyup="getir(this.value)" >
    <div class="sonuclar"></div>
JS
function getir(value){
    $.post("init.php",{phpValue:value},function(data){
        if (value != "") {
            $(".sonuclar").html(data);
        }else{
            $(".sonuclar").html("");
        }
    })

}   

PHP
<?php
mysql_select_db("people",mysql_connect("localhost","root",""));

$phpValue = $_POST['phpValue'];

$ara = mysql_query("select sirket from kisi where sirket like '$phpValue%'");
while ($row = mysql_fetch_array($ara)) {
    echo "<div>".$row["sirket"]."</div>";
}


?>

Jquery Ajax Php KAyıt Formu

Not:Öyle bir kullanıcı adı varsa hata göstermesi için veritabanında uniqi(benzersiz)yapılmalıdır.

HTML
----
    <form action="init.php" id="mForm" method="post">
        Adı: <input type="text" name="adi" id="ad"><br/>
        Şifre: <input type="text" name="sifre" id=""><br/>
        Soyadı: <input type="text" name="soyadi" id=""><br/>
        İşyeri <input type="text" name="isyeri" id=""><br/>
        <button id="submit">KAydet</button>
    </form>
    <p></p>

Veritabanından Json Olarak Ajax İle Veri Çekme

HTML
----
<ul></ul>

Php ve Json Türkçe Karakter Sorunu

 Veritabanı bağlantısı altına
mysql_query('SET NAMES UTF8');
mysql_query("SET CHARACTER SET utf8");
mysql_query("SET COLLATION_CONNECTION = 'utf8_general_ci'");

Json Dosyasına
header('Content-type: application/json; charset=utf-8');

jSON array Dosyası ÇAğırma

HTML
---
    <ul></ul>
    <button>Getir</button>

Json Array Dosyası ÇAğırma Ajax

HTML
---
<ul></ul>

Ajax İle Veritabanına Form Kaydettirme SerializeArray

HTML
---
     <form id="mform" action="init.php" method="post">
        adı : <input type="text" name="adi" id="">
        Yşı : <input type="text" name="yasi" id="">
        <button id="but">Kaydet</button>
    </form>
    <p id="fb"></p>

Jquery Ajax İle XML Veri Çekme

HTML
---
    <ul>
       
    </ul>

Basic İmage Divider Sliding Yapımı

HTML
----
   <div class="container">


    <div class="divider-wrapper">
  
      <div class="code-wrapper">
        <img src="design.jpg" alt="">
        <div class="design-wrapper">
          <div class="design-image">
            <img src="code.jpg" alt="">
          </div>
        </div>
      </div>

      <div class="divider-bar"></div>
    </div>


  </div>

jQuery Tab Menü

HTML
----
    <div class="tab-dis">
        <div class="tab-link">
            <a href="#">Tab 1</a>
            <a href="#">Tab 2</a>
            <a href="#">Tab 3</a>
        </div>

Jquery Slider Otomatik onat ve ileri geri buton

HTML
-----
<html>
<head>
    <meta charset="UTF-8">
    <title>Slider Yapımı</title>
    <link rel="stylesheet" href="stle.css">
</head>
<body>