Html ile etiketlenmiş bütün yazılar
Oca
24

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

The Open Graph protocol

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ı

Oca
13

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

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ı

Haz
23

Otomatik tamamlama özelliğini kapat

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.

Haz
22

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

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>

May
10

Düzenli İfadeler (Regular Expressions – Regex) Nedir?

Regex Nedir?

Bilgisayarcılıkta düzenlemeli ifadeler, ele alınan metindeki kimi katarların kısa yoldan ve esnek bir biçimde belirlenmesini sağlar. Bu katarlar belli karakterler, kelimeler veya karakter örüntüleri olabilir. Düzenlemeli ifadeler, bir biçimsel dil kullanarak yazılır ve bir düzenlemeli ifade işleyici tarafından yorumlanır. Bir düzenlemeli ifade işleyici, ya ayrıştırıcı üreteci olarak hizmet eden ya da metni inceleyip verilen tarife uygun kısımlarını belirleyen bir programdır.

Aşağıda bir düzenlemeli ifade ile ifade edilebilecek tariflere birkaç örnek görülebilir:

  • herhangi bir yerde bulunan “ara” karakter dizisi; “ara”, “araba”, “paravan” gibi
  • diğer karakterlerden yalıtılmış şekilde bulunan “ara” kelimesi
  • kendisinden önce “kısa” veya “uzun” kelimesi geçen “ara” kelimesi
  • bir veya daha fazla rakamdan sonra gelen “TL” karakter dizisi

Düzenlemeli ifadeler hemen hemen tüm programlama dillerinde kütüphaneler olarak mevcuttur. Ancak bunlar her biçimsel dili ayırmak için yeterli değildir, bkz. Biçimsel dil kuramı. Pek cok programlama dili ve/veya programlama dilinde, bu işlem ayrıştırıcı jeneratör yardımı ile otomatik üretilen bir programla yapılabilir. Devamı

Oca
31

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

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ı

Oca
21

Sitenize Windows Live Messenger Ekleyin!

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ı

Oca
18

Sitenizi internet explorer 8′ e uyumlu yapın…

ie8

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

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

Nis
17

Eric Meyer’in reset.css’ i

Yazar Enes Pekkaya    Kategori Html     Etiketler ,

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ı

Mar
26

Pek kullanılmayan fakat işe yarayabilecek HTML tagleri

Yazar Enes Pekkaya    Kategori Html     Etiketler

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ı

Twitter'dan Takip Et! Twitter'dan Takip Et!

Etiketler

Son Yazılar

Son Yorumlar

Haftanın Özlü Sözü

Akıllı bir adam yalnız kendi tecrübelerinden, çok akıllı bir adam başkalarının da tecrübelerinden yararlanır. (Çin Atasözü)

Bağlantılar

Arşivler