Css Browser Seçici Yandex Browser Eklemesi | Css Browser Selector Yandex Browser Adding

Css Browser Selector eklentisine daha önceki yazımda İnternet Explorer 11 için ekleme yapmıştım. Bu yazımda da yeni browserlardan Yandex için olanını yazıyorum.Eklentinin çalışma şeklinde userAgent a göre oldugundan önce Yandex Browser'ın UserAgent'ına bakalım.Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/36.0.1985.125 YaBrowser/14.8.1985.12084 Safari/537.36Yandex browserlarina özel olarak Agenta eklenmiş olan YaBrowser/ ile bu ...

MOBIL – Safari Browser Telefon Numarası Stil Kayması

Merhaba,bu yazım mobil sitelerle uğraşanlar için.. Ioslarda oluşan bir probleme değineceğim. Düz yazı olarak yazılan telefon numaralarını Ios Safari browserı linke çevirip telefon numarasını linke çeviriyor ve tasarımları bozuk gösteriyor. Örnek olarak;  Safari browserında gözüken bu durumun aslında açıklaması basit. Safari yani Ios sistemi kullanıcıya yararlı bir özellik olan tek tuşla arama özelliğinde browser içerisindeki telefon ...

Sosyal Medya Paylaşımı | Facebook (Open-Graph) & Twitter Share

Merhabalar,Facebook ve Twitter sharelarinizi renklendirmenin zamanı geldi.Facebook, Open Graph ile Twitter ise kendi geliştirdiği meta taglarıyla daha düzgün paylaşım yapmanızı saglayacak düzenlemeler getirdi. Bu tagları kullanarak sizde paylaşım yapıldığında daha modern gözükebilirsiniz.Facebook için sitenizi şu linkten kontrol edebilirsiniz.Twitter için de sitenizi bu linke girdikten sonra 2. tab olan Validate&Apply a geçip siteyi kontrol edebilirsiniz.Gelelim şimdi ...

Css Browser Secici IE 11 Eklemesi | Css Browser Selector IE 11 Adding

Selamlar olsun, uzuuuuuun zamandır yazmak istiyorum ama yazamıyordum. Daha önceden hazırladığım blogları sırasıyla paylaşacağım. Bunlardan bir tanesi de Front-End Developerlarının (Web Arayüz Yazılımcıları) çok çok işine yarayan Css Browser Seçici nin IE 11 için düzenlemiş olduğum hali.Temel olarak IE 11 e güncellendiğinde Microsoft şirketi Internet Explorer ın tabanını değiştirmesi oldu daha modern bir developer tool ...

Noscript Kullanımı ve Yararları

Perşembe, Mayıs 9, 2013 3 , , , , , Permalink

Diyelim ki bir form yaptınız ve formunuzda Jquery validasyonunuz var, herşey tıkır tıkır işliyor, Jquery'yi geçen bir tane spam kayıt düşmüyor. Fakat öyle oldu ki sitenize gelen kişi (kötü niyetli) size saldırmak istiyor ve validasyonunuzu scriptle yaptığını görünce işinin kolay olduğunu sanarak, Browser ayarlarından scriptlerini kapatıyor ve başlıyor kayıtları yollamaya, siteniz çökene kadar... İşte burada ...

Tablosuz Tablo Tasarımı (Divli) – Tableless Table Design

Perşembe, Mart 7, 2013 2 , , , , , Permalink

Günümüzün yeniliklerini kullanırken hala eski eski tablo tasarımı kullanan yerler görünce içiniz acıyor ve düzeltmeye kalkıyor musunuz? Özellikle bir işe girdiniz ve eski sistem tablo (table) kullanan sayfalar gördüğünüz ve ilk iş onları div'e mi çevirmek gerektiğini düşünüyorsunuz ama tablo (table) yapısının divle yapmakla zorlanıyorsanız işte size yardımcı olabilecek bir yazı; Öncelikle örnek olarak tablo (table) ...

Internet Explorer için Input Placeholder (input placeholders for Internet Explorer)

Mesleği front-end developer olan herkesin beynini yiyen bir konu cross-browserdır. En basitinden bir form bile yaptığınızda internet explorer da placeholderların çalışmadığını görüyoruz. Size biraz kolaylık sağlamak adına bu alandaki bilgimi sizinle paylaşacağım.Öncelikle Modernizr'ı kullanmak en iyisiÖnce yukarıdaki kütüphaneyi çağırdıktan sonra aşağıdaki jQuery kodlarını yazmak gerekiyor;$(function () { if (!Modernizr.input.placeholder) { var active = document.activeElement; $(':text').focus(function () { if ($(this).attr('placeholder') ...

Site Hızının SEO’ya etkisi

Google'ın, "Site hızı artık bir sıralama faktörüdür" açıklamasından sonra, site hızı yeni bir sıralama faktörü olarak gündeme gelmiştir. Bunun anlamı, Google'ın arama sonuçlarında bulunan sayfalara yeni bir kriter ekleyerek, yardımcı bir filtre getirmesidir. Araştırmalar sonucunda yavaş site hızlarının müşteri memnuniyetini azalttığı ortaya çıktığından, bu yönteme başvurulmuştur. Yani sizin sayfanız (eğer hızlı ise), yavaş olan sitelere göre ...

Colorbox-Extended-Version

Herkes Colorbox'ı biliyordur. Jackmoore yazmış kullanılıyor şık güzel bir şey fakat kullanımında illaki ayrı ayrı scriptler içine yazmak gerekiyor. Ben bunu biraz kolaylaştırmayı denedim ve güzel sonuçlar aldım. Orijinal Colorbox'a sadık kalarak geliştirdiğim bir eklentidir. Kullanım şekili şöyle;İlk kurallardan birisi olarak class'ına mutlaka colorBox değerini eklemeliyiz. data-cbset özelliğini kullanarak sırası ile ne yapılması istenmelidir.Açmak istediğimiz ...