Apple safari tarayıcıda telefon numaralarının şekillenmesini engellemek

Merhaba arkadaşlar. (Uzun zamandır merhaba demiyorum, özlemişimm)

iPhone akıllı cep telefonları internet sitesindeki telefon numaralarını algılıyor, şekillendiriyor ve bizim yapımızı bozuyor.

İnternetde arama yaptığımda aşağıdaki meta tag’ın olayı çözdüğünü gördüm.

<meta name="format-detection" content="telephone=no">

1	<meta name="format-detection" content="telephone=no">

Bu tag Apple’a özel bir meta tag. (Apple’a özgün diğer taglara apple meta tag ulaşabilirsiniz.)

Sağlıcakla kalın.

jQueryEasing ile .animate() efektleri

Merhaba arkadaşlar, jQuery’nin verdiği swing , linear artık güzel görünmüyor o yüzden sık kullandığım ama fırsat bulamadığım bir kod parçasını paylaşacağım.

Öncelikle yazarına teşekkür edelim : gdsmith

jquery.easing.js jQuery .animate() fonskiyonu biraz renklendirmek diyebiliriz ancak html5 de de bu animate’leri verebiliyoruz.

Js kodlarda select’den gelen veriyi çağırmak ve sürekli tetiklemek için birkaç şey yaptım kafanız karışmasın, dikkatli incelerseniz anlarsınız.

calistir(($('.saniye').val().replace(/\D+/g,'')*1));

$('select').change(function ()
{
    $('.deneme').finish();
    clearInterval(zaman);
    calistir(($('.saniye').val().replace(/\D+/g,'')*1));
});

$('input').keyup(function ()
{
    $('.deneme').finish();
    clearInterval(zaman);
    calistir(($('.saniye').val().replace(/\D+/g,'')*1));
});



function calistir(saniye)
{
    zaman = setInterval(function()
    {
      var randomEffect =   $('select').val();
        $('.deneme').finish();
        $('.deneme').html(randomEffect);

        $('.deneme').animate
        (
            {
                  width : 600,
                  height: 300,
                  marginLeft :0,
                  marginTop : 0,
                  lineHeight : 300
            },
            (saniye / 2),
            randomEffect,
            function()
            {
                $('.deneme').animate
                (
                    {
                        width : 150,
                        height: 150,
                        marginLeft :300,
                        marginTop : 100,
                        lineHeight : 150
                    },
                    (saniye / 2),
                    randomEffect
                  );

            }
        );

    },saniye);
}

calistir(($('.saniye').val().replace(/\D+/g,'')*1));

$('select').change(function ()

{

$('.deneme').finish();

clearInterval(zaman);

calistir(($('.saniye').val().replace(/\D+/g,'')*1));

});

$('input').keyup(function ()

{

$('.deneme').finish();

clearInterval(zaman);

calistir(($('.saniye').val().replace(/\D+/g,'')*1));

});

function calistir(saniye)

{

zaman = setInterval(function()

{

var randomEffect = $('select').val();

$('.deneme').finish();

$('.deneme').html(randomEffect);

$('.deneme').animate

(

{

width : 600,

height: 300,

marginLeft :0,

marginTop : 0,

lineHeight : 300

(saniye / 2),

randomEffect,

function()

{

$('.deneme').animate

(

{

width : 150,

height: 150,

marginLeft :300,

marginTop : 100,

lineHeight : 150

(saniye / 2),

randomEffect

);

}

);

},saniye);

}

Yarın birgün rastgele animate efekt isteyeceksiniz o yüzden dizi halinedede veriyorum efektleri

var effects = [
            'swing', 'linear', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic',
            'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart',
            'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInExpo', 'easeOutExpo',
            'easeInOutExpo', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInCirc',
            'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeOutElastic',
            'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'
];

var effects = [

'swing', 'linear', 'easeInQuad', 'easeOutQuad', 'easeInOutQuad', 'easeInCubic',

'easeOutCubic', 'easeInOutCubic', 'easeInQuart', 'easeOutQuart', 'easeInOutQuart',

'easeInQuint', 'easeOutQuint', 'easeInOutQuint', 'easeInExpo', 'easeOutExpo',

'easeInOutExpo', 'easeInSine', 'easeOutSine', 'easeInOutSine', 'easeInCirc',

'easeOutCirc', 'easeInOutCirc', 'easeInElastic', 'easeOutElastic', 'easeOutElastic',

'easeInBack', 'easeOutBack', 'easeInOutBack', 'easeInBounce', 'easeOutBounce', 'easeInOutBounce'

];

Random seçtirme

effects[Math.floor( ( Math.random() * ( effects.length ) ) + 1 )]

1	effects[Math.floor( ( Math.random() * ( effects.length ) ) + 1 )]

Ön izleme

See the Pen jQueryEasing ile .animate() efektleri ~ www.aycan.net by Aycan BÜLBÜL (@AycanB) on CodePen.

Aycan.net Ön izleme -> http://calismalar.aycan.net/jQueryEasing/

iOS ~ iPhone ve iPad Simulator

Merhaba arkadaşlar,

Teknoloji çok hızlı geliştiği için yaptığımız işlerin kontrolu çok zorlaşıyor. Geçenlerde yaptığım bir iş iPhone6Plus da sorunlu çıkıyordu ve nerdeyse sinirden ki gidip alacaktım o telefonu 🙂

Herneyse sonra Macbook yani macOS bilgisayarlarda Xcode programı var ve bu programın bu cihazlar için simulatoru var, denedim gayet güzel çalışıyorlar. Okumaya devam et iOS ~ iPhone ve iPad Simulator

Yandex Kurum Maili oluşturma ve Gmail’e aktarma

Merhaba arkadaşlar,

Kendinize ait bir domaininiz varsa ve bu domain için xx@domain.com lu mail kullanmak istiyorsanız doğru yere geldiniz.

Hosting aldığınız sunucunun verdiği mail hizmeti sizi çileden çıkartacaktır, Mailler bazen gelmez veya gitmez vs.

Aycanbulbul.com.tr sitesi için ben[@]aycanbulbul.com.tr maili oluşturacağım ve aşağıdaki işlemleri yapacağım.

Yandex Kurum Mail kurulumu

1. Öncelikle https://kurum.yandex.com.tr/domains_add/ buraya giriyorsunuz ve giriş yapıyorsunuz Okumaya devam et Yandex Kurum Maili oluşturma ve Gmail’e aktarma

jQuery ile rastgele renk

Geçenlerde ruh halimi yansıtan bir kod diye bişiyler yazdım, sizlerlede bunu paylaşmak istiyorum.

Kodun yaptığı iş, her 1 saniyede random bir renk seçiyor.

Css (geçişler yumuşak olsun diye.)

body{transition: all ease-in .4s;}

1	body{transition: all ease-in .4s;}

zaman = setInterval(function()
{

  var renk = Math.floor((Math.random()*255) + 1) + ',' +Math.floor((Math.random()*255) + 1) + ','+ Math.floor((Math.random()*255) + 1) ;
  $('body').css('background-color','rgb('+ renk+')');

},1000);

zaman = setInterval(function()

{

var renk = Math.floor((Math.random()*255) + 1) + ',' +Math.floor((Math.random()*255) + 1) + ','+ Math.floor((Math.random()*255) + 1) ;

$('body').css('background-color','rgb('+ renk+')');

},1000);

See the Pen Ruh Halimiz by Aycan BÜLBÜL (@AycanB) on CodePen.

Bu kodu paylaşırkende bu müziği dinliyorum, sizede tavsiye ederim
http://www.youtube.com/watch?v=mrziYF6bVAE