Sosyal ağlar için “The Open Graph protocol” kullanmak

Enes Pekkaya    Genel, Html     Html, İpucu

Günümüzde sitede yayınlanmış olan yazıların sosyal ağlarda paylaşmak artık gereklilik halini almaktadır. Malum hem seo açısından hem de içeriğin daha fazla kişiye ulaşması hedeflenmektedir.

Sorun şu ki facebook google+ gibi sosyal ağlarda linki yapıştırdığınız zaman, ilgili bot sitenize gelir ve rastgele resim ve yazının bir kısmını kopyalayıp bir önizeleme halinde göstermektedir. Tabi işler rastgele olunca içerikden bağımsız resim ve yazıları alması kaçınılmaz hale gelmekte. Bu yüzden işi rastgeleden çıkarmak için “The Open Graph protocol” tanımlanmakta.

Devamı

IFrame ‘in yüksekliğini içeriğe göre ayarlamak

Enes Pekkaya    Html, Javascript     Css, Html, Javascript

Belki bir çoğumuzun iframe kullanmak istemediğimizin en büyük sebebidir. Çünkü yükseklik yüzünden ya scrolling çıkmakta ki bu tasarımsal olarak çok kötü gürünmekte yada genişliği yüksek tuttuğumuzda ise aşağıya doğru baya bir boşluk olmakta. 🙂 Aşağıdaki kod parçası ile birlikte bu sorunu kökünden çözeceğiz. Üstelik bütün browserlar bu javascripti desteklemekte.

Neyse gelelim çözümümüze;

Devamı

Otomatik tamamlama özelliğini kapat

Enes Pekkaya    Html     Gerekli Bilgiler, Güvenlik, Html, İpucu

Günümüzde online alışveriş siteleri git gide çoğalmaktadır ve bu sitelerin bazılarında (!) ben daha önce bir alışveriş yapmış isem benim kredi kartı numaram otomatik olarak gelmekteydi. Aslına bakarsanız bütün bilgilerim otomatik olarak geliyor. Bu durum online alışveriş yapan kişilerin olaki topluma açık bir bilgisayarda yapıyorsa bu kişinin kredi kartı bilgileri ile bütün paraları gasp edilebilir. Ben size olaki bir online satış yapacak bir site yaparsanız bu güvenlik açığını kapatmanızı öneririm.

İşlemimiz son derece basit;

<input type="text" name="cardno" autocomplete="off" />

input içine autocomplete=”off”  yaparak bu güvenlik açığını kapatabilirsiniz.

ÖNEMLİ NOT : Bir diğer önemli durum ise mesela siz bir login sayfası yaptınız.  Siz şifre ve kullanıcı adınızı girdiğiniz vakit tarayıcınız size şifrenizi hatırlamak istermisiniz (Remember) gibisinden bir uyarı çıkartır. Ama siz bu uyarının kullanıcıya sorulmasını istemeyebilirsiniz.  İşte gene aynı sorunu input içine autocomplete=”off” yazarak kurtulabilirsiniz.

Javascript ile pencerenin adres çubuğu nasıl gizlenir?

Enes Pekkaya    Html, Javascript     Html, İpucu, Javascript

Bu işlemi yapmak kısa bir javascript koduyla mümkündür. Fakat firefox’da şöyle bir sorunla karşılaşmaktayız. Firefox’ da adres çubuğunu göstermesek bile genede ilgili linki pencerenin yukarısında göstermektedir. Tabi bunun sebebi ise çok basit “Güvenlik”.

İlgili kısa kodumuz aşağıdadır:

<a href="#"  onClick="window.open('dene.html', 'Pencere', 'width=600, height=600, left=0, top=0, status=no, toolbar=no, location=no, menubar=no, titlebar=no');">Tıkla</a>

Sitelerinizi ie’nin bütün versiyonlarında test edin

Enes Pekkaya    Html, Program     Css, Html, Program

Aslında web tasarımı ile uğraşan birçok kişinin haberdar olduğunu düşündüğüm fakat gerçekte bu düşüncemin yanlış olduğunun farkına vardım. Bildiğiniz üzere tasarladığımız sitelerin bütün tarayıcılarda düzgün bir şekilde göstermek isteriz. Genelde siteler şu an için ie7,ie8 ve firefox’ a göre düzenlenmektedir. Peki şu soru aklımıza gelmektedir.
Devamı

Sitenize Windows Live Messenger Ekleyin!

Enes Pekkaya    Genel, Html, Microsoft     Html, Microsoft

Blog sitemi ziyaret eden insanların benimle rahat rahat konuşabileceği bir ortam oluşturmak aklıma geldi. Aramalarım sonucunda microsoft’ un web tabanlı çalışan “Windows Live Messenger” ‘a sahip olduğunu gördüm. Bu özelliğide kendi blog siteme entegre ettim. Artık bundan sonra isteyenlerin benimle çok daha kolay iletişime geçeceğinden eminim 🙂

Bu işte kendimi düşündüğüm kadar kendi sitelerine entegre etmek isteyenlerinde olabilceğini düşünerek bu yazıyı yazayım dedim.

Devamı

Sitenizi internet explorer 8′ e uyumlu yapın…

Enes Pekkaya    Html, Microsoft     Html

Aşağıdaki kodu ekleyerek sitenizi internet explorer 8′ e uyumlu yapabilirsiniz.

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ />

Eric Meyer’in reset.css’ i

Enes Pekkaya    Html     Css, Html

Taner arkadaşımın blogundaki yazıyı okuduktan sonra kendi blogumda ‘ da yayınlamam gerektiğini hissettim 🙂

Web geliştiriciler olarak FireFox, İnternet Explorer ve Türkiye’ de pek yaygın olamasada Opera gibi web tarayıcılarından çok çekiyoruz. Bir web sitesi yapıyoruz, Firefox’da düzgün gösterirken Internet explorer’da ağzı yüzü kayıyor yada bu durumun tam terside oluyor. 🙂 İşte tam bu sorunlara başlarken imdadımıza eric meyerin yazmış olduğu reset.css dosyası imdadımıza yetişiyor. Zaten adı üstünde ie ve firefoxun kendi başlama standartlarının hepsini sıfırlıyor. Böylece bize tertemiz bir sitil şeması bırakıyor 🙂

Devamı

Pek kullanılmayan fakat işe yarayabilecek HTML tagleri

Enes Pekkaya    Html     Html

Geçenlerde nette araştırma yaparken çok ilginç bi yazı ilgimi çekti orada bazı kullanılmayan html taglerini anlatıyordu. Bende kendi blogumda bazı tagleri sizlere anlatmak istedim.

Web geliştiriciler olarak bir çok yazılım diliyle uğraştığımız için bütün herşeyi bilmemiz pek mümkün değildir. Size ben burada pek kullanılmayan yada pke bilinmeyen bi kaç tane html tagini anlatmak istiyorum. Kullanmasak bile bunların da var olduğunu bilmek bence önemlidir.

Devamı