Mobil tarayıcılarda sorunsuz web siteleri

Birçok web sitesi var ve halen de birçokları yapılmaya devam ediyor. Ancak mobil dünya ya da mobil yaşam dediğimizde bir şeyler eksik olmuyor mu? Evet oluyor.. Web sitelerinin mobil cihazlar için uyarlanmış halleri…

Birçok gazete ve dergide ilanlara bakıyoruz, hepsinde ‘ayrıntılı bilgiyi web sitemizde bulabilirsiniz’ demesine rağmen cep telefonunuzdan bağlandığınızda aradığınız bilgiyi bulamıyorsunuz çünkü web sitelerinin mobil sürümlerine gereken özen gösterilmiyor.

Tabletler büyük ekranlarından dolayı paçayı bu işten bir parça sıyırıyor ancak akıllı telefonlar için optimize edilmemiş tıka basa multimedya dolu web sitesini görmek tam bir işkence halini alabiliyor.

Bu aşamada webmaster’ların işine yarayacak harika bir çözümden bahsedeceğim.  Siteyi hazırlarken aynı zamanda mobil sürümde sitenin nasıl görünebileceğini gösteren bir araçla tanıştırmak istiyorum sizleri…

Fotoğraf David Pett.. https://twitter.com/#!/pettpett/status/177467676980019201/photo/1

Adobe bu duruma ilaç olacak bir araç kullanıcılarına duyurdu. Henüz ‘laboratuvarda’ test aşamasında olan ama dileyen kullanıcıların test edebileceği uygulamanın ismi “Adobe Shadow“. Yaptığı iş ise bilgisayarınızdaki tarayıcınızda görüntülediğiniz siteyi mobil cihazınızda da o tarayıcıya uygun olarak görünteyebilmesi. Durum şöyle:

1. Önce uygulamayı (Mac ya da PC sürümleri mevcut) bilgisayarınıza indirin ve yükleyin, ücretsizdir.

2. Sonra mobil cihazınıza ilgili uygulamayı yükleyin ki bunlar da ücretsiz. (iOS ya da Android)

3. Bir de Chrome eklentisi mevcut. (Yükleyin)

Önce bilgisayarınızdaki uygulamayı çalıştırın. Sonra mobil cihazınızdaki uygulamayı çalıştırarak birbirlerini tanımasını sağlıyorsunuz. Bunu da Chrome eklentisi ile yapıyorsunuz. Tanıma işlemi sonrasında tarayıcınızda açtığınız web sitesinin vars mobil hali, yoksa kendisinin mobil cihazınıza anın geldiğini göreceksiniz. Üstelik bunun için bir refresh ya da bir yere tıklama yapmak zorunda değilsiniz. Aracın en büyük güzelliği aynı anda birden fazla mobil cihazla kullanıma imkan vermesi.

Aracın bir diğer güzelliği de mobil sürümler için CSS3 kullanan web sitelerinde tarayıcının “Öğeleri Denetle” özelliğini de mobil tarayıcınızda kullanabilmenize imkan vermesi.

Adobe Shadow’un nasıl çalıştığını aşağıdaki videodan izleyebilirsiniz.

Adobe Shadow ile ilgili daha fazla bilgi almak için http://labs.adobe.com/technologies/shadow/ adresini ziyaret edebilirsiniz.

Son bir not olarak ürünün henüz beta aşamasında olduğunu hatırlatmak isterim.

Yazlık 2011 model WordPress temaları


WordPress için yüzlerce hatta binlerce tema bulunuyor. Bunların çoğu ücretsiz olduğu gibi ücretli ve kaliteli temalar da bulmak mümkün. 20-30 dolar gibi bir fiyattan başlayıp içeriğine, işçiliğine, özelliğine göre birçok temaya basit bir Google araması ile ulaşmak mümkün.

Severek takip ettiğim sitelerden birisi webdesignerdepot.com. 2011 yazının en iyi WordPress temalarını bir araya getirmişler.. Buyrun bu adresten temalara göz atabilir, detaylara ulaşabilirsiniz.

Dünden bugüne web tarayıcılar

İnternete bağlanmak için en en büyük yardımcımız web tarayıcılarla ilgili hazırlanmış güzel bir infografik..

Resmi büyütmek için üzerine tıklayın.
Resmi büyütmek için üzerine tıklayın.

İnternette anonim kalın

PC World Haziran 2009İnternet üzerinde herkesin ne yaptığı, çeşitli yollarla izlenir, takip edilir. Daha çok web siteleri, portallar bu olayı kullanırlar ancak çeşitli devlet kurumları da (mesela güvenlik güçleri) çeşitli sebeplerden dolayı bu izleri takip edebilirler. İnternete bağlanan bir bilgisayar mutlaka arkasında iz bırakır. Bu izler çeşitli sebeplerden dolayı başınıza dert açabilir. Bu dert olayını hemen kötüye yormamak gerek. Bir web sitesinde yaptığınız site içi arama sonucu ilgili konularla ilgili olarak sitenin içeriği yeniden şekillenebilir. “Ne güzel hizmet, aradığım herşey karşımda” demeyin. Herkes bu olayı bu şekilde iyi olarak kullanmayabilir.

Arama motorları gibi büyük online reklam şirketleri de izlerinizin peşinden gelirler. İlgi alanlarınıza göre, arama yaptığınız şeylerle ilgili olarak sizin dikkatinizi çekebilecek herşeyi önünüze sermek için oldukça ciddi boyutlarda Ar-Ge çalışmaları yaparlar ve sürekli yenilikler üretirler. Ziyaret ettiğiniz sitelerde de sizi yalnız bırakmaz, ilgili alanlarınızı öğrenerek sizi sizden daha iyi tanıma yoluna geçerler.

Web tabanlı bir site üzerinde yolladığınız e-postanın başkaları tarafından okunmayacağını kim garanti edebilir ki? Meraklı gözler her yerde mevcut. Ancak e-postalarınızı dijital olarak imzalayıp yollarsanız e-postanızı ancak alan kişinin okuduğundan emin olabilirsiniz.

Hangi bilgileri internette açığa vurmak istediğinize siz karar verebilir, birkaç adımda meraklı bakışlarından kaçabilirsiniz. Bu ayki kapak konumuzda aktardığımız on ipucunu kullanarak internette nasıl anonim kalacağınızı kolayca öğrenebilirsiniz.

PC World dergisi Haziran 2009 sayısı Editörden yazısıdır.

Bir sitenin anatomisini çıkarın

İnternet üzerindeki hiçbir bilgi sır değil. Domain’in sahibi, sitenin sahibi gibi bilgileri çeşitli whois sorguları ile öğrenmek sadece birkaç tıklamadan ibaret.

sitonomy

Peki bir web sitesinin bileşenleri sunucusu üzerinde hangi bileşenlerin olduğunu nasıl bileceksiniz. www.sitonomy.com sitesi işte bu iş için kurulmuş. Web adresini yazıp kısa bir beklemenin ardından sitede kullanılan uygulama, kullandığı JavaScript kitaplıkları sunucu yazılımı, programlama dili gibi bilgilere kolayca erişebiliyorsunuz.

Sitenin diğer bir güzelliği bu bileşenlerin toplamda ne kadarlık bir kullanıma sahip olduğunu da yüzde olarak ifade etmesi. Ayrıca bir bileşenin yanındaki “alternatives” linkline tıklarsanız o bileşenin alternatiflerinin bulunduğu bir sayfa görüntülüyor.

Kullanınız, kullandırınız…

Harfleri tuşlarken arama sonuçları listelensin

Google, herkes tarafından en fazla kullanılan arama motoru. Başka ülkelerde daha popüler siteler var ama Türkiye’de bizim en çok başvurduğumuz site Google emmi. Arama yapmak ya da bir siteye gitmek için Google’ın arama kutusu en büyük yardımcı. aradığınız kelimeyi ya da kelimeleri yazar, enter’a basarsınız. Olay bu kadar basit.

site_keyboardr

Ancak www.keyboardr.com sitesi bu işi biraz daha basitleştiriyor. Google arama sonuçlarını kullanan site, arama kutusuna siz harfleri tuşlamaya başladığınız anda listelemeye başlıyor. Google sonuçları, Google görsel arama servisi sonuçları ve Wikipedi sonıçları anında listeleniyor.

Sitenin güzelliği bu kadar da değil. Hiç elinizi fareye götürmeden ok tuşlarını kullanarak bulunan sonuçlar arasında gezerek gitmek istediğinizde durup enter’a basmanız yeterli… Sitenin tek kötü yanı Google.com’da arama yapması…

Kullanınız, kullandırınız…

WordPress’te güncelleyememe sorunu

WordPress’in son sürümlerinde en çok hoşuma giden şey, eklenti olsun kendi dosyaları olsun otomatik olarak güncellemesiydi. Eklenti güncelleme -özellikle de ekleme- konusunda eksikler olsa da yine de FTP ile uğraşma derdini ortadan kaldırıyor.

Ancak birçok kişi bu blog yayıncısı bu özelliği kullanırken birçoğu da bu nimetten faydalanamıyor. Ne zaman bir güncelleme yapmaya kalksa hata mesajı ile işlem durduruluyor. Ancak bu işin de bir çözümü mevcut.

  1. wp-content klasörü içerisinde tmp isimli bir klasör açın.
  2. Bu tmp klasörün chmod’unu 777 olarak ayarlayın.
  3. Sonra wp-config.php dosyasını bir metin (text) editörü ile açın ve uygun bir yere şu komutu ekleyin.
    define(‘WP_TEMP_DIR’, ABSPATH . ‘wp-content/tmp’);
  4. Son aşama dosyayı kaydedin sunucunuza yükleyin ve güncellemenin tadını çıkarın.

Ancak FTP kullanıcı adı ve şifre sorma olayını halen yaşıyoruz. Onu da aşarız bir şekilde…

WordPress’de galeri işlemleri

WordPress’in eski sürümlerinde dahili bir resim galeri özelliği yoktu. Son birkaç sürümle birlikte bu özellik geldi. Bence çok işlevsel değil. fadonet.net… adresinde nasıl kullanılacağı açıklanmış.

Ancak NextGen Gallery isimli galeri uygulaması WordPress eklentileri arasında üst sıralarda yer aldı. Kolaylığı sayesinde birçok blog yazarı tarafından tercih ediliyor.

screenshot-2

Ancak bugn karşıma çıkan picturesurf isimli galeri biraz daha ilginç. Kullanımı daha kolay ve resim yükleme süreleri dışında 7 saniye gibi bir sürede kendi galerinizi oluşturabiliyorsunuz. PictureSurf’ün WordPress sayfasından detaylı bilgileri bulabilirsiniz. Aşağıda da eklentinin video demosu yer alıyor.

WordPress’de CHMOD hatası

chmod777Eğer ki WordPress’de CHMOD ile ilgili hatalar alıyorsanız, özellikle resim yükleme ve/veya resimlerle ilgili işlemlerde (thumbnail, boyutlandırma gibi) çok uğraştırmayacak çok basit bir püf noktası var.

WordPress ya da eklentileri gerekli olan klasörleri kendisi otomatik olarak açabiliyor. Ancak CHMOD’ları 777 ya da 0777 yapmanıza rağmen sistem doğru bir şekilde çalışmıyorsa hiç boşuna kasmayın.

Klasör ismini aklınızda tuttuktan sonra FTP programından klasörü silin ve aynı klasörden bir tane daha oluşturun. Sonra bu klasörün CHMOD‘unu 777 yapın. Böylece dosyanın sahipliğini de üstlenmiş oldunuz. Şimdi istediğiniz işlemi sorunsuz bir şekilde gerçekleştirebilirsiniz.

Teknik Bilgi: Bu olayı elle kendimizin yapma sebebi PHP’nin ayarlarında safe-mode‘un on durumunda olmasından kaynaklanıyor. Çoğu hosting şirketi de bunu değiştirmeye onay ve yetki vermediği için bu şekilde bir çözüm yeterli olacaktır.

Ajax özellikli CSS tabanlı sekme menüsü

Web 2.0 ile birlikte sekme şeklinde menüler ve içerikler oldukça fazla dikkat çekmeye başladı. Tasarım açısından da tasarımcıları oldukça rahatlatan bu objelerin 37’sini bir araya getirmişler. Bu adresten kullanmak istediğinizi seçtikten sonra geri kalan işlem yaratıcılığınızı kullanmak.

sekme_menu_ornek