Yeni Sinemalardan.com Karşınızda!

Aşağı yukarı bir haftadır fazla süregelen revizyon çalışmamızdan sonra an itibariyle blogumuzu tekrar yayına geçirdik. Blogumuzda irili ufaklı 40 adet değişiklik gerçekleştirdik. Bu değişikliklerin bazılarını hemen farkedebileceğiniz türde olurken, bazıları ise daha çok işin mutfağında farkedilen, yani biz yazarların görebileceği ve kullanabileceği değişiklikler oldu. Ayrıca bahsetmeden duramayacağım; bu yazının sonunda da okuyabileceğiniz üzere sizler için küçük bir sürpriz yaptık. Ama durun! Acele etmeyin. Size belli başlı yeniliklerden bahsedeyim.

Yenilikler

• Forumumuzu kapattık. Çünkü blogun yanısıra forumla uğraşmak gerçekten çok zaman alıyordu. İleride böyle bir ihtiyaç doğarsa ve şartlarda uygunsa yine bir forum açabiliriz.
• Artık yazılarımızdaki fotoğraflar tek bir yerde toplandı. Bu sayede okunulabilirlik sorununu ortadan kaldırdığımızı düşünüyoruz. Yazıların alt kısmında yer alan fotoğraf kutusundan ilgili fotoğraflara hızlıca erişebiliyorsunuz.
• Yazdığınız yorumlarda isimlerinizin yanında artık Gravatar hesabınızdaki size özel avatar gösteriliyor. Eğer avatarınız yoksa bizim varsayılan avatarımız görüntüleniyor. (Gravatar nedir ve nasıl kullanılır bilmek ister misiniz?)
• Artık blogumuza özel Twitter ve Friendfeed hesabımız var. Her ikisiyle de yeni yazılan yazılarımıza kolayca ulaşabileceksiniz (ayrıca Friendfeed’den gelen yorumları da blogumuzda göstermeye çalışacağız).
• Artık yazılarımıza puan verebiliyorsunuz (bu kategoride olan yazılara hariç ). Verdiğiniz puanlara göre de alttaki “En Popüler Yazılar” kısmı sıralanıyor.
• Az önce de bahsetmiş olduğum blogun altında yer alan “En Popüler Yazılar” kısmının yanısıra, “En Son Yorumlar” ve “Vasat Filmler” bölümü yapıldı. Aslında blogumuzun alt kısmı tamamen yenilendi diyebiliriz. Sizce de alt kısıma güzel bir makyaj oldu değil mi?
• Daha iyi okunulabilirlik adına biraz Tipografi düzenlemesi yapıldı.
• Yazılara etiket sistemi getirildi. Artık sağdaki kısımda yer alan “Etiketler” adlı bölümden etiketlere göre de yazıları gösterebiliyorsunuz. Ayrıca her yazının altında da etiketler gösteriliyor. Yine buradan da etiketlere göre ilgili yazılara erişebiliyorsunuz.
• Ekonomik şartlar göz önüne getirerek reklam fiyatlarını makül bir seviyeye çektik. Tamam, ilk açıldığımızdaki sunduğumuz tarifeyi biraz abarttığımızı itiraf ediyorum. En azından yeni açılan bir blog için yanlış bir tarife idi. Şimdi daha makül bir seviyede. Yani aylık 30$’a 125×125 piksellik kutularımızın bir tanesine reklamınızı yerleştirebiliyorsunuz. Eğer bu konuda iletişime geçmek istiyorsanız sizi buraya alalım.
• Sağdaki 125×125 piksellik reklam kutularının yanısıra okuyucularımızı rahatsız etmeyeceğini düşündüğümüz şekilde Google Adsense reklamları yerleştirdik.
• Arşiv sayfasında eski yazılarımızı liste halinde görüntülemenin dışında oradaki etiket bulutu ile de ilgili yazılara ulaşabiliyorsunuz.
• Eskiden sadece sağ kısımda küçük bir kutu halinde yer alan “Vizyondakiler” kısmı şimdi ayrı bir bölüm haline geldi. Hatta eğer yapabilirsek seans bilgilerine de yine bu bölümden ulaşabileceksiniz. Şimdilik sadece gösterime giren filmler hakkında kısa bilgi ve fragmana erişebiliyorsunuz.
• Blogumuza artık iPhone/iPod Touch ile girerken yazılarımızı daha rahat biçimde okuyabileceksiniz. Bunun için özel bir eklenti kullanıp iPhone/iPod Touch kullanıcılarına daha rahat blog okuma şansı tanıyoruz. Eğer iPhone/iPod Touch’da sitemizi dolaşırken herhangi bir hata ile karşılaşırsanız bize bildirebilirsiniz.

Blogumuzu Destekleyin

Eğer siz de bizim gibi sinema ile ilgili bir bloga sahipseniz karşılıklı olarak bağlantı değişimi yapabiliriz. Bunun için bizimle iletişime geçmeniz yeterli. Öte yandan herhangi bir konuda bir bloga sahipseniz bizi desteklemek adına da blogunuzda bize bağlantı sağlayabilirsiniz. Buna kesinlikle hayır demeyiz ve bunun için şimdiden size teşekkür ederiz.

Blogumuzda herhangi bir hata ile karşılaşmanız durumunda bizimle iletişime geçebilirsiniz. Aynı zamanda blogumuz hakkında yapıcı eleştirilerinizi bu yazıya yorum olarak yazabilirsiniz.

İşte Sürprizimiz!

Blogumuzun tekrar açılışı nedeniyle siz okuyucularımıza küçük bir sürpriz yapmayı düşündük ve bir kişiye bir adet DVD filmi hediye etmek istiyoruz.

Hediyemizi kazanmanız için yapmanız gereken tek şey sinemalardan.com’daki yazımızda yer alan soruyu doğru cevaplandırmak.

Sorumuzu doğru bilenler arasında yapacağımız çekiliş sonucunda DVD’yi kazanan kişiyi 1 hafta sonra açıklayacağız. İyi şanslar!

Bu yazı Fatih Turan tarafından 22 Şubat 2009 23:21 tarihinde yazıldı. 6 yorum var.

Web Projelerinde Dosya ve Klasör Yapısı

Bütün işlerimizde olduğu gibi web projelerini geliştirirken de belli bir düzen dahilinde çalışmak verimliliği arttıran önemli unsurlardan biridir. Herkesin kendine özgü bir düzeni bulunmakta ve kimi zaman kendimize göre en iyi düzeni yakalamak çok uzun zaman alabiliyor. Hatta bana göre bu süreç durağan bir süreç değil. Çünkü devamlı daha iyi bir düzen seviyesi yakalamak istiyoruz.

Şahsen ben öyleyim. Devamlı olarak yeni yöntemler keşfederek mevcut düzenimi daha iyiye yönelik geliştiriyorum. Yani şimdiki yöntemimi belkide bir dahaki yıl daha farklı bir biçimde kullanmış olacağım. Yine de bu yazımda hali hazırda kullanıyor olduğum mevcut geliştirme düzenimi sizinle paylaşmam yerinde olacağını düşünüyorum.

Projenin Klasör Yapısı

Klasör yapısı web projelerindeki düzeni oluşturmamızı sağlayan önemli etkenlerden biridir. Klasör yapısı ne kadar karmaşık olursa projelerimizi geliştirmek bir o kadar zor olacaktır. Hele bir de ofis çatısında takım olarak çalışıyorsanız işler iyice karmaşık bir hal alabilir. Bu sebepten dolayı takımınızın benimseyeceği, ortak olarak kullanabileceğiniz, akıllı bir şekilde standart klasör yapısını oluşturmanız iyi olacaktır.

Web projelerinde benim oluşturduğum ve kullanıyor olduğum klasör yapım ve açıklamaları aşağıda yer almakta:

Klasör isimlerini İngilizce olarak oluşturdum çünkü XHTML KITCHEN‘da artık yabancılara da hizmet vermeyi planlıyoruz. Siz kendi ihtiyaçlarınıza göre klasör isimlerini Türkçe’de yazabilirsiniz.

İsterseniz yukarıdaki klasör yapısını şablon olarak indirip siz de kendi çalışmalarınızda kullanabilirsiniz.

Projenin Dosya Yapıları

Projelerimizdeki klasör yapısının düzenli olmasının yanısıra dosyalarınızın da düzenli olması tutarlılık ve verimlilik açısından gayet önemli. Bunun için xHTML ve CSS dosyalarınız için size ayrı başlıklar altında tavsiyelerde bulunacağım.

xHTML Dosyaları İçin Tavsiyelerim

• Kodlarınızı TAB tuşunu kullanarak girintili biçimde yazmaya özen gösterin. Girintili kodları okumak daha kolaydır.
• Sayfanızdaki önemli bölümleri xHTML‘de kullanılan yorum etiketi yani <!--YORUM--> ile gruplandırın.
• Beyaz boşluğu en iyi şekilde ayarlayın. Ben genelde xHTML dosyalarımdaki önemli bölümleri yorumlarla ayırmamın yanısıra bir de birer satır boşluk bırakarak ayırmaya çalışırım. Yine okunabilirlik açısından bunu yapıyorum.
• Etiketlere id ve class verirken mantıklı bir isimlendirme yöntemi ile verin. Ben ecnebilerin CamelCase diye tabir ettikleri türde kelimeleri birleşik yazıyorum. Örneğin: <div id="mainContent"></div>. Bunun yanısıra alt çizgi ve tire ile de isimlendirme yapabilirsiniz (yani _ ve - karakteri ile). Örneğin: <div id="main_content"></div> veya <div id="main-content"></div>.

Unutmadan örnek olarak hazırladığım xHTML dosyasının kodunu inceleyebilir ve üstteki tavsiyelerle karşılaştırma yapabilirsiniz.

CSS Dosyaları İçin Tavsiyelerim

• CSS dosyanızın başında hazırladığım örnekteki gibi müşteri ile ilgili isim, editör adı ve tarih/saat gibi bilgiler yerleştirin. Böylece kimin hangi dosyayı ne zaman kim için düzenlediğini belirlemiş olursunuz.
• Yine örnekte görebileceğiniz üzere önemli bölümler için yorumları kullanarak gruplandırma yapabilirsiniz. İşin bu kısmında dikkat ederseniz grup başlıklarında eşittir işareti bulunmakta. Bununla kullandığınız editör ile arama yaparken gruplar arasında kolayca geçebiliyoruz. Kısacası bu eşittir işaretini kullanarak grup adları ile kodlar karışmamış oluyor.
• Web projesindeki sayfaların herhangi bir yerinde kullanılabilecek önemli CSS komutlarını class haline getirip kullanıma hazırlayın. Hazırladığım örnekte Global Classes grubu altında kullanıma hazır 11 tane class vardı.
• Seçici adından önce (yani selector’dan önce) xHTML etiketini yazın. Örneğin: div#header { ... }. Böylece bu kodun xHTML dosyasında hangi etiket için yazılmış olduğunu kolayca görüp anlayabileceğiz.
• Her CSS kodunu tek satırda yazın. Bu CSS dosyanızın boyutunu azaltmakla kalmaz, kodları gözünüzle çok daha rahat tararsınız.
• Daha önce xHTML dosyaları için bahsettiğim TAB tuşu ile girinti oluşturma yöntemini CSS dosyalarınızda da kullanmalısınız.
• Yine daha önce xHTML dosyaları için bahsettiğim beyaz boşluğu iyi ayarlama yöntemini CSS dosyalarınız için de kullanabilirsiniz. Ben CSS dosyalarımda her gruptan sonra üç satırlık boşluk bırakıyorum. Bu da kodları daha okunabilir yapıyor.

Yine örnek olarak hazırladığım CSS dosyasını inceleyebilir ve üstteki tavsiyelerle karşılaştırma yapabilirsiniz.

Benim bilmediğim ve burada yazmadığım, sizin bildiğiniz bu tip güzel tavsiyeleriniz varsa onu yorum yazıp bu yazıya katkıda bulunabilirsiniz.

Bu yazı Fatih Turan tarafından 07 Kasım 2008 22:31 tarihinde yazıldı. 19 yorum var.

Google Maps API Kurulum ve Kullanımı

Google Maps API ile ilgili bu yazıyı ne zamandır yazmayı düşünüyordum. Ama geçen gün Nettuts adlı sitede benden önce Google Maps API ile ilgili bir yazı yazmışlar. Yazının başlığını Google Reader’da gördüğümde “Tüh!” diyerek hayıflandım. E ne demişler: “Atamayana atarlar!”, pardon “Yazamassan yazarlar!”. xD

Yine de ben kendi blogumda Google Maps API hakkında yazı yazmak istedim. Ne de olsa herkes İngilizce’den anlamıyor. Hem Türkçe kaynak da az bu tür konularla ilgili. Yani bu yazı Nettuts’daki yazının çevirisi olmayacak.

Google Maps API’de Neyin Nesi?

Google’ın interaktif harita servisini yani Google Maps‘ı biliyorsunuzdur. İşte Google Maps API ile de kendi web sitemize veya web uygulamamıza Javascript aracılığıyla etkileşimli harita uygulamalarını yerleştirebiliyoruz.

Google Maps API‘nin o kadar gelişmiş özellikleri var ki insan Google Maps API Demo Galerisindeki örneklere bakınca aklı bitiyor. Kısacası Google Maps API ile basit haritaların yanısıra gelişmiş özelliklere sahip harita uygulamaları da oluşturabiliyoruz.

Google Maps API Kurulumu

Kurulum için ilk önce Google Maps API üyelik sayfasından haritayı kullanacağımız alan adına özgü anahtar almamız gerekiyor. Bu anahtar ile haritamız sadece üye olurkenki yazdığımız alan adında çalışacaktır. Aynı anahtar ile başka bir alan adında harita uygulamanız çalışmayacak. Farklı alan adlarında da Google Maps API’yi kullanmak istiyorsanız her farklı alan adı için yeni bir anahtar almanız gerekiyor.

Ben örnek için yukarıdaki ekran görüntüsündeki gibi kendi alan adıma ait bir API anahtarı aldım. Üye olduktan sonra aşağıdaki gibi anahtarınızı, hangi alan adı için aldığınızı ve bir de kullanımına dair küçük bir örnek veriyor.

Google Maps API Kullanımı

Anahtarımızı aldığımıza göre haritamızı sayfamıza entegre edebiliriz. Şimdi bunun için aşağıda bir örnek hazırladım. Eğer isterseniz örneği direkt olarak bilgisayarınızda indirip inceleyebilirsiniz. Örneği inceledikten sonra kodlara dair açıklamaları okuyabilirsiniz.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<title>Google Maps API Örneği</title>
 
<!--META-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Google Maps API Örneği" />
<meta name="author" content="Fatih Turan" />
<meta name="robots" content="index,follow" />
<meta http-equiv="imagetoolbar" content="no" />
<meta http-equiv="content-language" content="tr-TR" />
<!--/META-->
 
<!--STYLES-->
<style type="text/css" media="screen">
	* { margin:0; padding:0 }
	div#map { width:500px; height:500px }
</style>
<!--/STYLES-->
 
<!--SCRIPTS-->
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAApJ4fZWusAp4s0nPrMcxM0xRWK7WhrfsCEgcYY7INOmv0f1t97hTy6mNriyUhaj8OkidWbtIeb_t6hA" type="text/javascript"></script>
<script type="text/javascript">
 function load() {
 if (GBrowserIsCompatible()) {
 var map = new GMap2(document.getElementById("map"));
 map.setCenter(new GLatLng(41.02407481503792, 40.52083969116211), 14);
 }
 }
</script>
<!--/SCRIPTS-->
 
</head>
 
<body onload="load()" onunload="GUnload()">
<div id="map">
	<noscript><img src="rize.png" alt="Rize" /></noscript>
</div>
</body>
 
</html>

Örnek Açıklaması:

• Satır 20′deki CSS kodu sayesinde haritanın yer aldığı div‘in boyutunu ayarladım.
• Satır 25′de Google Maps API için Javascript dosyasının yolu (direkt Google sunucusundan çağırıyoruz) ve az önce aldığımız anahtarı key adlı değişkene giriyoruz.
• Satır 29′da hangi div elementi üstünde haritayı göstermek istiyorsak onun id’sini yazıyoruz. Ben örnekte map olarak belirledim.
• Satır 30′da haritanın nereyi göstereceğine dair koordinatları belirtiyoruz. Koordinatları belirlemek için birçok yol bulunmakta. Fakat ben size Get Lan Lon adlı aracı öneriyorum.
• Satır 38′de haritanın sayfa yüklendiğinde çalışması için load() fonksiyonunu, sayfadan çıktığımızda bellek sızıntısı oluşmaması için de GUnload() adlı fonksiyonu çağırdım.
• Satır 39′da sayfa üzerinde haritanın gösterileceği alanı div elementi olarak tanımladım.
• Son olarak satır 40′da da tarayıcının Javascript özelliği kapalı olduğunda haritanın statik görselini göstermesi için noscript etiketinden yararlandım. Siz de bu görseli klavyenizden Print Screen tuşu ile alabilirsiniz.

Üstte yer alan maddelerdeki sonuncusunda dile getirdiğim tarayıcıdaki Javascript’in kapalı olma durumunda statik görsel yerleştirme yöntemi yerine yeni farkettiğim daha iyi bir yöntem olan Google Static Maps API‘yi kullanabilirsiniz. Bu konu ile ilgili ayrıntıları daha sonra ayrı bir yazı ile açıklamayı düşünüyorum.

Haritamız Hazır

Nihayet haritamız kullanım için hazır. Az önce tek tek açıklamasını yazdığım örneği şimdi canlı olarak görebilirsiniz.

Ayrıca Google Maps API ile ilgili bir tane daha yazı yazmayı düşünüyorum. Oluşturduğumuz haritayı nasıl daha fazla özelleştirebileceğimize dair bilgiler vereceğim. Şimdilik Google Maps API ile ilgili belgeleri, örnekleri ve uygulamaları incelemenizi tavsiye ediyorum.

Bu yazı Fatih Turan tarafından 21 Ekim 2008 17:07 tarihinde yazıldı. 23 yorum var.

Wordpress 2.6.3 Güncellemesi Çıktı

Wordpress’in kullandığı Snoopy adlı kütüphanede bulunan önemli bir güvenliğk açığı yüzünden Wordpress ekibi yeni bir güncelleme çıkarmış. Bu güvenlik açığı Secunia tarafından ‘çok kritik’ olarak nitelendirilmiş. Dolayısıyla Wordpress kullanıcılarının acilen bu güncellemeyi yapmasını öneririm. Şahsen ben duyar duymaz hemen bloglarımı güncelledim.

Siz de Wordpress ile çalışan blogunuz varsa aşağıdaki iki adımı izleyerek basitçe güncelleme işlemini yapabilirsiniz:

• İlk olarak class-snoopy.php ve version.php‘yi bilgisayarınıza indirin.
• Daha sonra blogunuzun yer aldığı sunucuya FTP üzerinden bağlanın ve az önce indirdiğiniz her iki dosyayı wp-includes adlı klasöre kopyalayın (eski dosyaların üzerine yazacaksınız bu yüzden her ihtimale karşın yine de eski dosyaları yedekleyin).

Güncelleme işlemimiz bu kadar. Çok kolaydı değil mi?

Bu yazı Fatih Turan tarafından 24 Ekim 2008 18:12 tarihinde yazıldı. 6 yorum var.

Web Sayfalarımızı Neden Elle Kodlamalıyız?

Web tasarımcılığı veya web geliştiriciliğine yeni başlayan hemen hemen herkes Dreamweaver veya benzer tarzda WYSIWYG (Türkçesiyle “Ne görüyorsanız onu alırsınız”) tipindeki editörler ile tablo etiketlerini kullanarak (veya kullanmayarak), adeta suya sabuna dokunmadan, yani kodlara bulaşmadan, programdaki komutlarla anında görüp, düzeltme ve değişiklik yapıp web sayfalarını inşa etmeye çalışmışlardır.

Şahsen ben bu şekilde web sayfalarımızı geliştirmememiz gerektiğini düşünüyorum. Çünkü:

• WYSIWYG tarzı editörler yeni başlayanlar için genelde kolay gözükmesine karşın arkaplanda ürettiği kodlar bizim kontrolümüz dışında oluşturulur. Bu yüzden bir sürü gereksiz kod ile karşılaşabiliriz.
• Bu gereksiz kodlar yüzünden xHTML ve CSS dosyamızın boyutları artabilir. Aynı zamanda kodların okunulabilirliği de azalır. Okunabilirlik azalırsa, çalışmanızda bir sorun ile karşılaştığınızda profesyonel birinden yardım istemeniz durumunda yardım alma olasılığınız da azalabilir. Şahsen ben forumlarda tablo etiketi ile hazırlanmış, karışık kodlara sahip web sayfalarındaki sorunlarla pek ilgilenmiyorum.
• Gereksiz kodlar aynı zamanda SEO açısından bizim için bir dezavantaj oluşturabilir. Çünkü arama motorları genelde kötü kodlanmış web sayfalarını daha iyi ve sade kodlanmış web sayfalarına göre önemsiz olarak nitelerler (bu konuda bazı istisnalar olabilir).
• Genelde WYSIWYG tarzı editörler web sayfalarını yapı, sunum ve davranış olarak ayırmada (bu konuyu daha sonra ayrı bir yazı olarak ele almayı düşünüyorum) beceriksizdir. Yani oluşturulan xHTML dosyalarınıza CSS ve Javascript kodlarını da katarlar.
• Yine yukarıdaki maddede bahsettiğim arkaplanda yaratılan kodlar otomatik olarak oluşturulduğu için tam olarak ne olduğunu, ne işe yaradığını anlamayabiliriz. Hatta öyle ki bazılarımız -özellikle tembeller xD- “nasıl olsa herşeyi fare ile bir-iki tıkla yapabiliyorum” diye düşünüp hangi etiketin, hangi kodun ne işe yarayıp yaramadığını öğrenme yerine komutları ezberlerler. Kısacası öğrenme ihtiyacı hissetmezler. Sonuçta neyin ne işe yaradığını bilmeden iş yapmış olursunuz ama bir sorunla karşılaştığınızda da kafanızdaki saçlarınızı yolabilirsiniz. xD
• Dreamweaver veya Expression Web gibi WYSIWYG tarzı editörler pahalı uygulamalardır. Neden daha ucuz veya tamamen ücretsiz daha iyi programlar varken bu programları kullanalım ki? Değil mi? Ben E Text Editor‘u geçenlerde 35$ karşılığı satın aldım. Böylece uzun bir aradan sonra kod düzenleme aracı arayışıma son verdim. Bence siz de kendinize uygun bir kod düzenleme aracını edinin (Mesela Aptana, Notepad++, Komodo Edit, PSPad).

Kısacası web sayfalarını kodlarken WYSIWYG tarzı editörler kullanmayalım. Web sayfalarını kodlarken hangi etiketin, hangi kodun ne işe yaradığını öğrenelim (bunun için Sitepoint‘in çevirimiçi xHTML referansı ve CSS referansı kesinlikle işinize yarayabilir), ezbere gitmeyelim ve tabii ki web sayfalarımızı elle kodlayalım. Bu sayede orta ve uzun vadede siz kazanacaksınız.

Bu yazı Fatih Turan tarafından 31 Ekim 2008 01:01 tarihinde yazıldı. 33 yorum var.

Arayüz Tasarımının Kullanıcı Psikolojisine Etkisi

Birkaç hafta önce üstümdeki tembelliği atmak için (işleyen demir pas tutmaz misali xD) Bildirgeç‘e IE 6′da Sıkça Karşılaşılan 6 CSS Hatası ve Düzeltme Yöntemleri ve IEs4Linux – Linux için Internet Explorer adında iki tane yazı yazdım. Yazdığım yazılar görebildiğiniz üzere kadim dostumuz (!) Internet Explorer 6 hakkında idi. Bu yazıların her ikisinde de az da olsa yorumlar yazıldı ve yazıyı tutanlar da oldu.

Yazılarımdan birinde aşağıdaki şekilde birazcık alaycı olarak nitelenebilecek bir yorum yazıldığını gördüm. Bu yorumu görünce içimden “Lan kibrit, bu yazıda modern tarayıcılara alternatif bir tarayıcı tanıtmıyoruz. Sadece Linux kullanıcılarının web sayfalarını Internet Explorer 6′da herhangi bir emülator kullanmadan nasıl test edebileceklerine dair bir yöntem anlatıyoruz.” diye düşünüp Bildirgeç‘in yeni özelliği olan yorumlara puan verme özelliğini kullanarak -1 puanı bastım. Evet bunu yaptım! xD

Bir diğer yazımda da yazılan bir yorum üzerine “Aman sen de… B.kun içinde boncuk arıyorsun. Ha Internet Explorer 6 logosu ha Internet Explorer 7 logosu… Ne farkı var?” diye içimden beni düşündüren bir yorum gördüm. Yine -1 puanı bu yoruma bastım. Evet yine yaptım! xD

Sonra birden birşey aklıma geldi. Bildirgeç‘teki yorumlarda yer alan puan verme özelliği olmasaydı az önce her iki yorum hakkında içimden düşündüğüm karşı cevabı sanırım burada yazacaktım. Belki de yazacağım bu cevaplar gereksiz bir yorum olacaktı. Hatta daha sonra yine gereksiz bir sürü polemik ile karşılaşabilecektim. Bu da yorumları okuyanlar için ve benim için boşa vakit harcamaktan başka birşey olmayacaktı. Ne kadar saçma bir durum değil mi?

İşte bu durumdan sonra edindiğim ders oluşturduğumuz arayüzlerle kullanıcıların psikolojisini etkileyebileceğimiz, hatta onları yönlendirebileceğimiz oldu.

Sonuç olarak web tasarımında olsun, web uygulamalarında olsun veya geliştirilen programların arayüzlerinde olsun kendimizi kullanıcı yerine koyup, onun gibi düşünüp bu doğrultuda arayüzleri tasarlamamız gerekli olduğunu düşünüyorum.

Siz de bu tip bir durumla karşılaştıysanız çekinmeden yorumlarda yazabilirsiniz.

Bu yazı Fatih Turan tarafından 05 Ekim 2008 13:19 tarihinde yazıldı. 5 yorum var.

Sinemalardan.com Açıldı!

Çok uzun zamandır üzerinde çalıştığım Sinemalardan adını verdiğimiz blogumuz açıldı. Sinemalardan, adından da anlaşılacağı üzere izlediğimiz sinema filmlerini tanıtan, eleştiren ve onları yorumlayan kollektif bir blog. Bunun yanısıra sinema tutkunlarının özgürce tartışıp, konuşabileceği bir forumumuz da yer almakta. Üye olmanız için sizleri bekliyoruz.

Sinemalardan’ın tasarımı, xHTML/CSS kodlaması ve Wordpress’e adaptasyonu benim tarafımdan gerçekleştirildi. Dolayısıyla blogun tamamlanması çok uzun süre aldı. Ayrıca Javascript konusunda da Erhan‘dan birazcık destek aldım. Bu yüzden ona desteğinden ötürü teşekkür ediyorum.

Bu arada blogumuzda eksik gördüğünüz veya beğendiğiniz kısımları yorumlarınızla bizimle paylaşırsanız çok memnun olacağız.

Şimdi eğer sinema ilgi alanınıza giriyorsa ve blogumuzu beğendiyseniz gelecekte yazdığımız yazıları takip etmek için RSS yayınımıza abone olun. Ayrıca forumumuza üye olup aktif olarak katılım yapmanızı sizden rica ediyoruz.

Bu yazı Fatih Turan tarafından 18 Ekim 2008 23:56 tarihinde yazıldı. 14 yorum var.

Yaptıklarım ve Yapacaklarım

Ramazan Bayramı dolayısıyla blogumla pek ilgilenemedim. Bayram boyunca arkadaşlarımla gezdik, dolaştık. Bayağı güzel geçti diyebilirim. Genelde bayram günleri benim için çoğu zaman sönük geçer. En azından ben öyle hissederim. Halbuki küçükken nasıl da güzel geçerdi bayramlar; harçlıklar, şekerler, çikolatalar. Hehe. Geçti gitti o günler.

Şimdi 24 yaşındayım. Küçükken yaşadığımız bayramları göremesem de sağolsun arkadaşlar sayesinde bu bayram çok sıradan geçmedi. Güzel geçti yani. Sağolun beyler!!! xD

Bayramda herkesin yaptığı gibi cep telefonu ile kısa mesaj atmak yerine ben biraz daha çıtayı yükselterek herkese e-posta göndererek bayram tebriği gönderdim. Ama göndermediklerim varsa kusuruma bakmasınlar unutmuşumdur veya e-posta listesinde yoktular. Onların da geçmiş bayramlarını kutluyorum.

Yaptıklarım kısaca bayramda gezip tozmaktan ibaretti. Peki bundan sonra kısa ve orta vadede neler yapacağım biliyor musunuz?

• Bloguma yeni yazılar yazacağım. Yazılacak listem epey kabarık!
• Sinemalardan adlı blogdaki son hataları düzeltip ve eklemeleri yapıp açmayı düşünüyoruz. Çok geciktik biliyorum ama mükkemeliyetçi ruhum beni rahat bırakmıyor! xD
• Burada kullandığım temayı Wordpress 2.7 çıkana kadar test yapmayı düşünüyorum. Wordpress 2.7 çıkışının ardından Emerald’ı da dağıtacağım. Yani az kaldı!
• XHTML KITCHEN‘a yakın zamanda uğramışsanız geçici bir tasarım ile karşılaştığınızı farketmişsinizdir (merak etmeyin bizler iş başındayız ve hala iş alıyoruz! ). Yeni tasarımı bir öncekinin aksine ben değil ekibimizden Emre Efendioğlu yapıyor. Bu konuda da epey ilerleme kaydettik. Sanırım yakında tasarımı XHTML/CSS‘ye dönüştüreceğiz.
• Blog camiasına da faydasını dokunacağını umduğum bir proje var kafamda (sürpriz!). O projeyi XHTML KITCHEN‘daki arkadaşlarla birlikte yapmayı planlıyorum.
• Eğer bir üstteki maddede anlattığım projeyi yapabilirsem farklı konularda iki tane daha blog açmayı düşünüyorum (bu da sürpriz! xD).

Yapılacak listem de görebildiğiniz üzere bu şekilde. Umarım bir sıkıntı olmaz da bütün bu işleri kazasız belasız atlatırız. Şimdi çalışmaya devam!

Bu yazı Fatih Turan tarafından 04 Ekim 2008 14:29 tarihinde yazıldı. 7 yorum var.

Wordpress’te Arşiv Sayfası Nasıl Yapılır?

Geçenlerde bir ziyaretçim bana iletişim formu aracılığıyla arşiv sayfasını nasıl yaptığımı sordu. Ben de ona bu sorunun cevabını blogumda bütün ziyaretçilerle paylaşmamın daha iyi olacağını düşündüğümü söyledim. Şimdi bu yazımda blogumdaki arşiv sayfasının nasıl yapılabileceğini anlatacağım.

Öncelikle şunu söylemem gerekir ki burada bahsettiğim yöntem Dejan Cancarevic‘in kendi blogunda arşiv sayfasının yapımında izlediği yöntemi esas alıyor. Bu yöntem ile herhangi bir eklenti kullanmadan, Wordpress’in bizlere sunduğu imkanlar içinde arşiv sayfamızı oluşturabiliyoruz. Harika değil mi?

Arşiv Yapısı

Daha önce muhakkak arşiv sayfama uğrayıp nasıl birşey olduğunu görmüşsünüzdür ama yine de arşiv sayfamızın nasıl göründüğünü aşağıda göstermek istiyorum:

Evet, yukarıda görebildiğiniz üzere üst kısımda bir arama kutusu bulunmakta. Bunun burada olmasının nedeni ziyaretçilerimizin arşivi taramak yerine hemen aklında olan bir terimi aramak isteyebilir (tembel ziyaretçileri de düşünmemiz lazım değil mi? xD). Alt kısımda da arşivimizdeki yazıların yazı/tarih biçiminde listelendiğini göreceksiniz. Gördüğünüz üzere arşivimizin yapısı gayet sade bir şekilde olacak.

Gösteri Zamanı

Şimdi yukarıdaki yapıyı oluşturmak için anahtar niteliğinde üç kod parçamız bulunmakta.

Wordpress’e Özel Şablon Tanımlamak İçin:

Wordpress’de özel şablonlar oluşturup istedimiz sayfada kullanabileceğimizi biliyor muydunuz? Burada anlattığım arşiv sayfasını da özel şablon sayesinde oluşturacağız. Özel şablonu Wordpress’e tanıtmak çok kolay. Sadece aşağıdaki gibi bir kod parçasını kullanmanız yeterli oluyor.

1
2
3
4
5

<?php
/*
Template Name: Arşiv Sayfası
*/
?>

Arama Kutusunu Oluşturmak İçin:

Arama kutusunu oluşturmak için de aşağıdaki kod parçasını kullanıyoruz. Buradaki yapıyı siz kendi blogunza özel olarak ayarlayabilirsiniz.

1
2
3
4
5
6
7
8
9

<!--SEARCH-->
<form action="<?php bloginfo('url'); ?>/" method="get">
	<div>
		<label for="search_term">Arama Yapın:</label>
		<input type="text" id="search_term" name="s" />
	</div>
	<div><button type="submit">Ara</button></div>
</form>
<!--/SEARCH-->

Arşiv Listesini Oluşturmak İçin:

Ve geldik en önemli kod parçamıza. Buradaki kod parçamız sayesinde bütün yazıları tarihe göre sıralayıp gösterebiliyoruz.

1
2
3
4
5
6
7
8
9

<!--ARCHIVE LIST-->
<h2>Yazılar</h2>
<ul>
	<?php $myposts = get_posts('numberposts=-1&offset=0');
	foreach($myposts as $post) : ?>
		<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span><?php the_time('d F Y H:i') ?></span></a></li>
	<?php endforeach; ?>
</ul>
<!--/ARCHIVE LIST-->

Bakın size burada bir ipucu vereyim. Eğer arşiv listenizde bir kategoriye ait yazıların gösterilmemesini istiyorsanız (mesela ben çalışmalarım kategorisi altındaki yazıları göstermiyorum çünkü o kategori altında çalışmalarım sayfasındaki öğeler mevcut ve arşivde bunlar görüntülenmemesi gerekiyor) aşağıdaki 4. satırda yer alan get_posts() adlı fonksiyondaki argümana &cat=-8‘ı ekleyebilirsiniz.

Buradaki 8 değerini sizin engellemek istediğiniz kategori ID numarası ile değiştirmeniz gerekiyor. ID’yi bulmak için Wordpress panelinizden Yönet>Kategoriler bölümüne girip burada hangi kategorinin ID numarasını öğrenmek istiyorsanız onun üzerine gelince tarayıcınızın altındaki durum çubuğunda bu numarayı görebiliyorsunuz (buradaki ekran görüntüsüne bakabilirsiniz). Bu arada birden çok kategoriyi engellemek için bu argümana birden fazla ID numarası girebiliyorsunuz. Yani &cat=-8,-10,-15 gibi kullanabilirsiniz.

Şimdi siz de bu kod parçalarını kullanarak arşiv sayfanızı oluşturup arsiv_sayfasi.php adıyla temanızın bulunduğu dizine kaydedin (mesela ben wp-content/themes/emerald/ klasörü altında bu dosyayı kaydettim).

Sonuç olarak ben kendi blogumun tema yapısını da dikkate alarak arsiv_sayfasi.php adlı dosyamı aşağıdaki kodları içerecek şekilde ile sunucuma kaydettim. Ama bütün işlemler bununla da bitmiyor. Okumaya devam edin.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56

<?php
/*
Template Name: Arşiv Sayfası
*/
?>
 
<?php get_header(); ?>
 
<!--CENTER-->
<div id="center">
 
	<!--CONTENT-->
	<div id="content">
 
		<?php if (have_posts()) : ?>
		<?php while (have_posts()) : the_post(); ?>
 
		<!--ENTRY-->
		<div class="entry page">
			<div class="entry_content">
				<h1><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h1>
				<p>Aşağıdaki arama formunu kullanarak veya arşivden eski yazılarıma ulaşabilirsiniz.</p>
 
				<!--SEARCH-->
				<form action="<?php bloginfo('url'); ?>/" method="get">
					<div>
						<label for="search_term">Arama Yapın:</label>
						<input type="text" id="search_term" name="s" />
					</div>
					<div><button type="submit">Ara</button></div>
				</form>
				<!--/SEARCH-->
 
				<!--ARCHIVE LIST-->
				<h2>Yazılar</h2>
				<ul>
					<?php $myposts = get_posts('numberposts=-1&offset=0');
					foreach($myposts as $post) : ?>
						<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?><span><?php the_time('d F Y H:i') ?></span></a></li>
					<?php endforeach; ?>
				</ul>
				<!--/ARCHIVE LIST-->
			</div>
 
		</div>
		<!--/ENTRY-->
 
		<?php endwhile; ?>
		<?php endif; ?>
 
	</div>
	<!--/CONTENT-->
 
<?php get_sidebar(); ?>
 
<?php get_footer(); ?>

Son olarak da Wordpress yönetim panelinizden Yaz>Sayfa bölümüne girip sayfanın başlığına “Arşiv” yazın ardından da aşağıdaki görüntüdeki gibi sayfa şablonu olarak Arşiv Sayfasını seçin. Ve tabii ki bu sayfayı yayımlıyoruz.

İşte bu kadar! Eğer herşeyi doğru yapmışsanız blogunuzun adresinin sonuna /arsiv/ yazarak arşiv sayfanıza erişebilirsiniz (Örneğin: fatihturan.com/arsiv/).

Eğer herhangi bir sorunla karşılaşırsanız bunu çekinmeden burada yorum yazarak belirtebilirsiniz.

Bu yazı Fatih Turan tarafından 28 Eylül 2008 19:05 tarihinde yazıldı. 15 yorum var.