Kayıtlar

builtin@search_engine_record.com Nedir? Kimdir?

Resim
nopCommerce sistemi kullanan herkes Activity Log(Aktivite Günlüğü) kısmında tüm siteyi  büyük bir hızla dolaşan, builtin@search_engine_record.com mail adresiyle kayıtlı bir müşteriye rastlamıştır. Normal bir müşteri bu kadar hızlı bir şekilde site içinde dolaşamaz. Tahmin ettiğiniz gibi builtin@search_engine_record.com gerçek bir müşteri değil, bir bilgisayar programı. nopEcommerce'nin dahili kayıt yazılımı. Bu program siteyi ziyarete gelen arama motoru botlarının tek bir guest müşteri hesabında kayıt altına alınmasını sağlıyor. Böylelikle arama motorları tarafından siteniz her tarandığında ayrı bir konuk oturumu açmak zorunda kalmıyorsunuz.

Mozilla Firefox Çoklu Pencere Kapatma Uyarısı

Resim
Mozilla Firefox Çoklu Pencere Kapatma Uyarısı Nasıl Açılır? Firefox web gezginlerinin en çok tercih ettikleri, internet dünyasının popüler tarayıcılarından biridir. Kolay kullanımı, pek çok fonksiyonu desteklemesi ve sayısız eğlenceli eklentisi ile kullanıcılarına son derecede kaliteli ve hızlı bir hizmet sunmaktadır.
Firefox'un kullanıcılarına sunduğu güzel özelliklerden biri girdiğiniz siteleri ayrı birer sekmede(Tab) görüntülemesi. Bu sayede her site için ayrı bir pencere açıp, pencereler arasında kaybolmaktan kurtuluyorsunuz.
Ancak bu sekmeli gösterimin bir dezavantajı var. Sağ üstteki çarpı şeklindeki kapatma tuşuna bastığınızda  tüm sekmelerin birden kapanması. Firefox bunu önlemek için, kapatma butonuna bastığınızda bir uyarı kutucuğu görüntülemektedir. Bu sayede tüm pencereleri birden kapatmadan önce son bir kez düşünme  şansınız olur. şansınız oluyor.


Eğer kullandığınız tarayıcıda "Kapatma Onayı" kutucuğu görüntülenemiyorsa, birden fazla sekme kapatma uyarısını…

Basit JQuery Slider (Responsive)

Resim
JQuery ile basit bir slider çalışması yaptım. Bu çalışmamda birbiri üstüne absolute konumlu dizilen a ve img elemanları sırayla kullanıcılara gösteriliyor. Geçiş efekti olarak JQuery'nin fadeIn ve fadeOut fonksiyonlarını kullandım. 
Sayfanın yüklenme anında resimKut id'li div elemanının içindeki a elemanlarını saydırıyor ve sırasıyla fadeIn-fadeOut efektlerini elemanlara uygulatarak slaytlar arasında geçişi sağlıyorum. a ve img elemanlarına sahip oldukları CSS'ler yine sayfanın yüklenme anında JQuery'nin css() fonksiyonuyla veriliyor. Böylece sliderı düzenlerken stil kodlarıyla uğraşmak zorunda kalmıyorsunuz.
Slider'ı responsive olacak şekilde kodladım. Slider görselleri içinde bulundukları elemanın genişliğine göre otomatik olarak boyutlandırılıyor. Yine çalışma anında slider'da bulunan a'ların yükseklik değerini alıyor ve bunu resimKut id'li elemana atıyorum. Bunu yapma sebebim resimKut elamanını position değerinin relative, içindeki a ve img elemanla…

Javascript JSON Parsing Örnek 1

Resim
Javascript ile JSON formatında gelen verileri kolaylıkla parse edip bir tabloda okunaklı veriler haline getirebilirsiniz..

Örnek Kod

<!DOCTYPE html>
<html>
<body>
    <style>
        .musteriTablo th, .musteriTablo tr, .musteriTablo td
        {
            padding: 5px;
            border: solid 1px #f00;
            color: #717171;
            text-align: center;
        }
    </style>
    <table id="tabloIcerik" class="musteriTablo" style="max-width: 800px; height: auto;
        border: solid 1px #f00;" cellspacing="0" cellpadding="0">
        <tr>
            <th>
                Sipariş No
            </th>
            <th>
                Müşteri Adı Soyadı
            </th>
            <th>
                Sipariş Toplamı
            </th>
        </tr>
    </table>
    <script>
        var musteriler = '[{"no":"125212", "musteriAd&q…

Javascript Büyüteç Uygulaması

Resim
Saf Javascript ve CSS kullanarak basit bir büyüteç programı yazdım.

Javascript Büyüteç Kodları:
HTML Kodu;

<div id="resimKabi">
  <img src="https://1.bp.blogspot.com/-3qHgrm-aeyY/W7stoW8SG4I/AAAAAAAACHc/Sywb-VigiVAEezKqBP9KqNl576nM6lifwCLcBGAs/s1600/lotr-ring.jpg" />
  <div id="buyutec"></div>
</div>

CSS Kodu;

#resimKabi {
  width: 100%;
  height: auto;
  display: block;
  position: relative;
  overflow: hidden;
}
#resimKabi img {
  display: block;
  width: 100%;
  height: auto;
}
#buyutec {
  width: 100px;
  height: 100px;
  background: url(https://1.bp.blogspot.com/-3qHgrm-aeyY/W7stoW8SG4I/AAAAAAAACHc/Sywb-VigiVAEezKqBP9KqNl576nM6lifwCLcBGAs/s1600/lotr-ring.jpg);
  background-repeat: no-repeat;
  border-radius: 50%;
  border: solid 2px #fff;
  position: absolute;
}
Javascript Kodu 
window.onload = function () {         boyutla();         takipEt();         var eni, boyu, kutuEn, kutuBoy, hesEn, hesBoy;         var buyutec = do…

Google 20 Yaşında

Resim
Bu gün Google'ın 20. Yaş Günü. Firma yirminci yaşına özel bir video hazırladı. Videoda kurulduğu zamandan bu yana dünyada olan önemli gelişmeleri kendine özgü güzel anlatımıyla özetlemiş. İyi seyirler.


Saygılarımla...Turgut Arslan