• Php-MySql Türkçe Karakter Sorunu Çözümü
    Php-MySql Türkçe Karakter Sorunu ...
    Merhaba okurlarım. Bugün sizler için Php-MySql Türkçe
  • Battlefield 4 Windows 10 (0xc00007b) Hatası Kesin Çözüm
    Battlefield 4 Windows 10 (0xc00007b ...
    Merhaba khaaos.com okurlarım. Bir haftadır Battlefield 4
  • CkEditor Kurulumu ve CkEditor Kullanımı
    CkEditor Kurulumu ve CkEditor Kulla ...
    Merhaba okurlarım.Bugün sizler için CkEditor kurulumu ve
  • CSS3 Media Queries – Responsive Çapraz Tarayıcı Uyumluluğuna Kesin Çözüm.

    Yazar: Baris

    Kategori: Webmaster

    Tarih:17 Ekim 2014

    Okunma:2.459 Kere

    3 Yorum

    cross-browser-QCross Browser (Çapraz tarayıcı uyumluluğu) birçok profesyonel Front-End geliştirici bu kelimelere aşinadır. Web sitelerinin kodlama işlemini yaparken zaman zaman bazı zorluklar yaşasak dahi her zaman bir çözüm bulmak zorundayız. Bugün size bu çözümlerden birini paylaşacağım.

    Bildiğiniz gibi Responsive özelliği son zamanlarda oldukça yaygınlaşmış ve kullanımı bir kural haline gelmiştir (Responsive web sitelerini incelemek için tıklayın). Kullanıcıların isteklerini karşılamak ve gelişen teknolojiye ayak uydurmak gibi bir zorunluluğumuz bulunmaktadır. CSS3 Media Queries özelliği akıllı telefonlar, tablet bilgisayarlar dışında Internet Explorer (IE) 9+, Firefox 3.5+, Safari 3+, Opera 7+ gibi modern tarayıcılar tarafından desteklenmektedir.

    Ancak Internet Explorer IE5, IE6, IE7, IE8, gibi eski tarayıcılar tarafından desteklenmemektedir. Bizler her ne kadar artık bu eski sürüm tarayıcıların kullanılmadığını düşünsek bile durum aslında hiç bu kadar pozitif değildir. En azından IE8 de responsive özelliğinin çalışması gerekmektedir. Dilerseniz bu tezimi doğrulayacak bir araştırmanın istatistiklerini birlikte inceleyelim.

    1) Chrome 37 – 24.85%
    2) Safari 7 – 10.60%
    3) Firefox 32 – 8.03%
    4) Internet Explorer 11 – 7.31%
    5) Chrome 36 – 5.62%
    6) Android 4 – 3.94%
    7) Firefox 31 – 3.91%
    8) Internet Explorer 8 – 3.66%
    9) Internet Explorer 9 – 3.08%
    10) Internet Explorer 10 – 2.34%

    Her ne kadar CSS3 Media Queries özelliği eski tarayıcıları desteklemese bile bu sorunu aşmanın bir çözümü bulunmaktadır.

    Şimdi sizlerle bu sorunun çözümünü paylaşacağım. Artık responsive web siteleriniz IE5, IE6, IE7, IE8 gibi eski moda tarayıcıları da destekleyecek.

    Kullanımı oldukça kolay bunun için gözünüzü korkutmayın. Bu sorunun üstesinden gelecek jQuery eklentisi bulunmaktadır, css3-mediaqueries ilk olarak bu önemli eklentiyi indirmeniz gerekiyor.

    Gerekli dosyayı indirdikten sonra etiketleri arasına dahil etmeniz yeterli olacaktır. Aşağıda sunulan örneği inceleyebilirsiniz.

    01-sample

    Bunun dışında komut satırına aşağıdaki örnekteki gibi de uygulamanız mümkün olacaktır.

    02-sample

    Yukarıda size sunmuş olduğum örneklerden herhangi birini uyguladığını zaman CSS3 Media Queries kullanıma hazır hale gelecektir. Şimdi dilerseniz stil dosyasına nasıl aktaracağımız konusuna değinelim. CSS3 Media Queries, jQuery eklentisini kullanıyorsanız stil satırınız aşağıdaki gibi olmalıdır.

    03-sample

    Eğer siz şimdi size vereceğim örnekteki gibi kullanırsanız normal durumda bu jQuery eklentisi çalışmayacak ve uyumluluk aşamasında sorunla karşılaşacaksınız.

    04-sample

    Görmüş olduğunuz gibi artık responsive web sitelerimiz çapraz tarayıcı uyumluluğu sınavını başarıyla atlatmış oldu. Bu kolay çözüm ile istediğimiz sonucu aldık. Eğer sizlerinde bu konu hakkında bazı alternatifleri varsa kesinlikle yorum alanında bizimle paylaşabilirsiniz.

    VN:F [1.9.22_1171]
    Rating: 10.0/10 (1 vote cast)
    VN:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    CSS3 Media Queries - Responsive Çapraz Tarayıcı Uyumluluğuna Kesin Çözüm., 10.0 out of 10 based on 1 rating
    Facebook'ta Paylaş
    Twitter'ta Paylaş

    Bu Yazıyı Paylaşmak İstermisin ?

    Paylaş!

    Yazar Hakkında

    TemplateMonster web sitesinde içerik yöneticisi ve SEO danışmanı olarak görev yapmaktayım. Genelde boş zamanım olmaz, zamanımın büyük bir bölümünü internet teknolojilerini keşfetmek ve kendimi geliştirmek adına çalışmalarımı sürdürmekteyim.

    “CSS3 Media Queries – Responsive Çapraz Tarayıcı Uyumluluğuna Kesin Çözüm.” için 3 Yorum

    1. Sesli Chat diyor ki:

      Çok teşekkür ederim bilgiler için.. Takipteyiz hocam başarılarınızın devamını diyorm. iyi çalışmalar

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
    2. adana nakliyat diyor ki:

      hocam bu aralar responsive olaylarına merak saldınız galiba ellerinize sağlık güzel bilgi

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
    3. Hocam sizden öğreneceğimiz çok şey var devamınıda bekliyoruz saygılar

      VA:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VA:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

    Yorum Yapın