Farklı bir CAPTCHA uygulaması – şahmat

Formlarda sıkca kullanılan CAPTCHA uygulamalarını bilirsiniz. Are you human diyeinde var toplama çıkarma yaptıranıda.  Bu seferki uygulama genelde spamdan korunmak için kullandığımız captchalardan çok farklı. Formların altında tek hamlede şahmat yapmamızı isteyen bir satranç tahtası var. Şahmat yap ve formu gönder.chess

WordPress tema tasarımı ve tema seçimi 2

Twitter Bootstrap ve Zurb Foundation

Önceki yazımda framework seçiminden bahsetmiştim ve kazanan benim için Zurb Foundation olmuştu. Yazıdan sonra Foundation ve Bootstrap hakkında bir çok karşılaştırma yazısı okudum. Bazıları bootstrap derken bazıları foundation diyordu. SASS’ı CSS önderleyicisi olarak kullanan foundation için okuduğum şu karşılaştırma yazısıda iyice tercihimi pekiştirdi açıkcası. Kullanıma göre tercihler değişirmi bilinmez. Gelelim foundation ile geliştirilen wordpress temalarına.

Zurb Foundation ile geliştirilmiş WordPress Temalar

  • Required+  6 farklı sayfa şablonu barındırıyor. Geniş bir kullanma klavuzu var ve sürekli geliştiriliyor. Foundation 3.2.5 üzerinde çalışıyor ama yeni sürümle Foundation 4.0’a geçileceği duyurulmuş.
  • Reverie çok fazla ilgimi çekmedi ama yinede inceleyebilirsiniz.
  • WP-Foundation 4 adet sayfa şablonu var. Foundation 3.0 üzerinde çalışıyor. required’e göre tasarımı daha farklı ama daha yavaş geliştiriliyor.

Benim şu anda incelediğim 3 tane tema var. Bunlardan reverie isimli temayı ilk olarak eledim. Diğer ikisi üzerinde incelemelerim devam ediyor.  Tercihim az çok belli gibi. Required kullanmayı planlamaktayım. Ama yinede henüz karar vermedim. Sonraki yazımda tercihimi ve kısmetse seçtiğim temanın kurulumunu anlatacağım.

 

WordPress tema tasarımı ve tema seçimi 1

Blogumda bazı değişiklikler yaptığımı önceki yazılarımda anlatmıştım. Bu değişikliklerden birisi ise temayı yeniden revize etmekti. Mevcut temayı 2006 yılında sıfırdan tasarlamıştım. O dönemde ki internet teknolojileri ile şimdiki çok farklı yerlerde. Her ne kadar şu an ki temamda bi sıkıntı olmasada güncellemek istiyorum :) Herneyse yeniden kod yazıp wordpress tema hiyerarşisi ile yeni bir tema oluşturmak ve bunu tüm browserlara uyarlamak ayrıca birde mobile platformlarda çalışmasını sağlamak çooook uzun iş. Bende wordpress için framework’ları araştırmaya başladım. Bones, reverie, skeleton, whiteboard, roots, foundation, Carrington, hybridcore, Gantry ve thematic gibi birçok framework’u inceledim. Bunun yanında ücretli olanlarada gözgezdirdim. Şu yazıda bir kaçı verilmiş ücretli frameworkların. Daha sonra tavsiye üzerine (@mkd)  ZURB’u incelemeye başladım. Bootstrap ve Zurb Foundation açık kaynak olarak github üzerinden geliştiriliyor ve içlerinde CSS,HTML çalışma kütüphanelerini barındırıyorlar. Üstelik mobil platformlar dahil tüm browserler üzerinde çalışıyorlar. Twitter bootstrap Apache lisansına sahipken Zurb MIT lisansı altında geliştiriliyor.

Twitter bootstrap kullanılarak geliştirilen wordpress temalara şuradan göz atabilirsiniz. Bootstrap daha fazla yaygın twitter’ın arkasında olmasının etkisi büyük tabi. Bu arada twitter bootstrap LESS kullanırken Zurb Foundation SASS kullanıyor. Şurada ki yazı SASS kullanan Zurb Foundation’u seçmemde etkili oldu açıkcası.  SASS ve LESS karşılaştırması yapan şu yazıyada göz atmakta fayda var.

sass-less-cover

Zurb Foundation seçimini yaptıktan sonra geldi Foundation ile geliştirilen temalara. Bir sonraki yazımda da onlardan bahsedeceğim. Görüşmek üzere…

5 adet Ücretsiz Font

Habana : Bağlantıya tıkladıktan sonra sağ tarafta ki kutuya örnek tutarlardan birini yazıp ücretsiz indirebilirsiniz.

habana

 

Calendas Plus : Bağlantıya tıkladıktan sonra sol alt tarafta tweet atarak yada facebook’ta paylaşarak ödeme yapabileceğinizi belirten bir link var. Daha sonra ücretisz indirebilirsiniz.

muestra calendas plus-01

 

Manteka : Sayfanın altında indirme linki bulunuyor.

manteka

 

Signika : Sayfanın altında ücretsiz indirebileceğiniz link mevcut.

signika01

 

Coco : Fontu indirebilmek için bu bağlantıyı takip edin. coco

Tarayıcı önbellekleme özelliği

Daha önceki yazılarımda blogu optimize etmeye başladığımı yazmıştım. Tarayıcı önbelleklemede bu optimizasyonlardan bir tanesi.
.htaccess içerisine ekleyeceğimiz bir kod betiği ile sayfa içerisindeki meteryallerin önbelleğe alınma sürelerini belirleyip sayfa hızını artırabiliriz. Tabi sunucumuzun mod_expires desteklemesi gerektiğinide unutmamak lazım.

## ON BELLEGE ALMA SURESI ##

ExpiresActive On
ExpiresDefault "access plus 1 seconds"
ExpiresByType image/jpeg "access plus 2592000 seconds"
ExpiresByType image/png "access plus 2592000 seconds"
ExpiresByType image/gif "access plus 2592000 seconds"
ExpiresByType text/css "access plus 604800 seconds"
ExpiresByType text/javascript "access plus 604800 seconds"
ExpiresByType application/javascript "access plus 604800 seconds"
ExpiresByType text/html "access plus 2592000 seconds"

## ON BELLEGE ALMA SURESI ##

.htaccess içerisine eklediğim yukarıdaki örnekte dikkat etmeniz gereken javascript için önbellekleme süresini 1 hafta yapmanız gerekiyor. 604800 saniye 1 haftaya denk geliyor. Bu kodu ben blogumda biraz daha farklı kullanıyorum ama bu haliyle işinizi görecektir.

Gtmetrix ile kod öncesi test ile 81 puan alan sayfa, kodu ekledikten sonra 84 puana ulaştı. Ayrıca google pagespeed üzerinde de hata olarak gözüken önbellekleme düzelmiş oluyor.

ocgspeed

Mega Bulut Depolama için Firefox eklentisi

Geçtiğimiz günlerde Kim Dotcom tarafından duyurlan mega.co.nz büyük ilgi görmüştü. Mega Upload’ın sahibi olan Kim megaupload kapanınca ve malvarlığına el konulunca yeni bir projeyle karşımıza çıktı. Mega Bulut Depolama ücretsiz olarak 50 Gb depolama alanı ile karşımıza çıkıyor. Android için de bir uygulaması mevcut. Henüz iOS için uygulama geliştirilmemiş ama yakında çıkacaktır. Bu servisi daha aktif kullanabilmek için firefox eklentisi yayınlandı. Direkt indirmek için ise bu bağlantıyı kullanabilirsiniz.

mega

Kırık Linkleri Temizleyelim

Blogumda bazı performans optimizeleri yaptığımı yazmıştım.  İlk olarak eski yazıların içerisinde geçen ve artık var olmayan bağlantıları temizlemekle başladım işe.  Tabi önce bunları tespit etmek gerekiyor. Bu işi yapan pek çok çevrimiçi servis var ama ben bir wordpress eklentisi olan Broken Link Checker eklentisini kullandım. Eklentiyi kurup etkinleştirdikten sonra bir tarama yaptım ve eski yazılarda geçen 41 adet kırık bağlantı (link) tespit ettim. link

Tek tek düzeltme yapıp ya da linkleri tamamen kaldırabiliyorsunuz. Bir kaçını düzenledim ama genel olarak hep siteler kapanmıştı. Ben de toplu olarak ölmüş tüm bağlantıları kaldırdım. Bu sayede sayfa içinde gereksiz sorgu oluşturmayacaklar artık, üstelik SEO açısından da kırık link önemli bir konu arz ediyor.

Ek : 41 den daha fazla sonuç ortaya çıktı eklenti yorumlarda ki linkleri de kontrol ediyor.

Hedef : Ekim 2013

Eskisi gibi yazı yazma isteğim uyanmışken şimdilik yabancı kaynaklarda rast geldiğim uygulama, fotograf vb. paylaşımları sizlere ulaştırmaya çalışıyorum. Ama yakında daha geniş içerikli makaleler yazmayı planlamaktayım. Üstelik blogum içinde bir takım tema ve logo tasarım değişikliği yapacağım kısmet olursa. Bunun için kendime yol haritası çizmem gerekiyor önce. Ekim 2013 tarihinde sonlandırmış olmak istiyorum zira ekim ayı ilk yazıyı yazdığım tarih. 14 ekim 2006’da yazmaya başlamıştım. 8. yılın içerisinde olan bloga bir ivme kazandırmak için yapılacaklar (to do list) tarzı  yol haritası (roadmap) isimli bir sayfa oluşturup oradan adım adım takip etmeyi planlıyorum.  Bu konu ile ilgili yorumlarınızı bekliyorum.