Yazar: Volkan Görgülü | Yayın Tarihi: 23 Temmuz 2008 | Yorumlar: 27 Yorum
Kategori: Röportajlar

Merhaba, WebDeneyimleri adlı projemi geliştirirken röportajlar yapmak planlarımın arasında idi ve bugün ilk röportajımı XHTML Mutfağından Fatih Turan ile gerçekleştirdim.

Fatih Turan ile ağırlıklı olarak anlamlı HTML etiketleri ve CSS kullanarak tasarımı koda dökme ve WordPress üzerine konuştuk.

26 dakika (11 MB) süren bu röportajın mp3 dosyasına bağlantı aşağıdadır, dilediğiniz gibi dinleyebilirsiniz, “Farklı Kaydet” yöntemini kullanarak bilgisayarınızada indirebilirsiniz. Röportajın, metin sürümünü ise yazının devamında bulabilirsiniz.

ÖNEMLİ NOT: Kayıt stereo (çift kanallı) olduğundan dolayı röportajı dinleyebilmeniz için minimum 2 hopörler veya 2 hopörleride çalışan bir kulaklık gerekmektedir.

Fatih Turan Röportajı

Bu tip röportajlarım devam edecek röportajlarımdan yayınlanır yayınlanmaz haberdar olmak istiyorsanız RSS, Twitter ya da FriendFeed yayınlarıma abone olabilirsiniz.

Metin Sürümü

VG: Volkan Görgülü, FT: Fatih Turan

VG: Herkese merhaba ben Volkan Görgülü, Web Deneyimleri adlı blogum için hazırladığım bu yeni paylaşıma hoşgeldiniz, bu sizlere sunduğum yeni bir içerik türü, bu röportaj serimin ilk röportajı ve ilk röportajı mı FT ile yapmak istedim ve kendiside beni kırmadı, röportaj isteğimi, teşekkür etti. Merhaba Fatih?

FT: Merhabalar

VG: Nasılsın iyimisin?

FT: Teşekkürler Volkan, iyiyim, siz nasılsınız?

VG: Ben de iyiyim, teşekkür ederim

Öncelikle ben FT ile neden röportaj yapmak istediğimi açıklamak istiyorum. FT, XHTML ve CSS kodu geliştiriyor ve anlamlı XHTML etiketleri kullanarak kodlarını geliştiriyor ve şuna çok dikkat ediyor,  içerik ve sunumu birbirinden ayırmaya çok dikkat ediyor, düzenli kod yazıyor, işte ben bu sebeplerden dolayı FT ile XHTML ve CSS üzerine sohbet etmek istedim

FT: Evet, ilgin için çok teşekkür ederim Volkan

VG: Fatih Bey size ben öncelikle Fatih diye hitap edebilirmiyim?

FT: Tabiki Volkan Bey

VG: Sizde bana Volkan diye hitap ederseniz sevinirim

FT: Tamam

VG: Öncelikle biraz kendinizden bahsedermisiniz?

FT: FT, Rizede yaşayan, 24 yaşında, Web Tasarımı ile 3 yıldır profosyonel anlamda uğraşan, aynı zamanda müzik dinlemeyi çok seven, anormal bir Hayko Cepkin hayranı, Warcraft, Starcraft, Diablo gibi Blizzard oyunları hastası diyebileceğimiz aynı zamanda amatör fotoğrafçılık ile ilgilenen bir Web Tasarımcısı diye tanıtabilirim kendimi.

VG: Teşekkürler, Peki ne kadar bir süreden beri bu Web Tasarımı ile ilgileniyorsunuz?

FT: Az öncede söylediğim gibi yaklaşık 3 yıldır  profosyonel anlamda Web Tasarımcılığı yapmaya çalışıyorum ayrıca son bir yıldır, XHTML Mutfağı adlı XHTML CSS çeviri hizmeti sunan sitemizde 3 arkadaşımla beraber çalışıyoruz.

VG: Sanırım, bildiğim kadarı ile Photoshop tasarımlarını alıyorsunuz ve XHTML ve CSS kodlarını geliştiriyorsunuz bu tasarımların.

FT: Tam olarak öyle evet.

VG: Peki, siz XHTML ve CSS geliştirmeye başladığınız da ilk başta tablolu kod yazıyormuydunuz?

FT: İlk başta, herkes gibi çoğu kişi gibi bende böyle başlamıştım daha doğrusu, Türkiye şartlarında zaten böyleydi, 3, 4 yıl öncesinde böyleydi.

VG: Evet, herkes öyle yazıyordu.

FT: Herkes böyle kodluyordu, bizde onlardan gördüğümüz kadarı ile mesela böyle kodlamaya başlamıştık.

VG: Bende ilk patronumdan öğrenmiştim, o da tablolu kodluyordu ve bende dolayısı ile o şekilde öğrendim. Peki geçiş nasıl oldu? Yani tablolu kodu bırakıp, anlamlı etiketler kullanarak kodlamaya geçişiniz nasıl oldu?

FT: Bir kaç yıl öncesinde forumlarda baya bir takılıyordum, herkesin takıldığı gibi tabiki. Buralarda bu web standartları ile ilgili ateşli tartışmalar yaşandı, bunlarla beraber ilgimi çekmeye başladı bu web standartları kavramı. Bununla beraber az önce bahsettiğiniz anlamlı etiket yazmak gibi web standartlarının alt kavramı olan bir parçayı araştırmaya koyuldum. Bu konuda Mehmet Doğan’ın Altı Üstü Tasarım adlı siteside çok önemli bir kaynak oldu, türkçe olarak çok önemli bir kaynak oldu benim için, o site bir yol haritası oldu diyebilirim. Daha sonrasında da yabancı kaynaklar ile bu işi öğrenmeye çalıştık, ve ilerledik, bir şekilde bu hale geldik.

VG: Anladım, peki zorlandığınız bir şey oldu mu? Yani zorlandığınız bir alan oldu mu? Geçişte yani geçişte nasıl oldu? Rahat mı oldu geçişiniz? Veya nedir yani?

FT: Geçiş aslında biraz zor oldu diyebilirim çünkü çok farklı şeylerdi bu tablolardı divlerdi aşırı derecede farklı geliyordu bilmeyen insan için çok farklı ama pratik yapa yapa örneklere baka baka daha sonradan tabloları kullanmanın ne kadar saçma olduğunu anlayabiliyoruz. Divlerle anlamlı html etiketler kullanarak çok daha iyi çalışmalar üretiyorsunuz.

VG: Peki şimdik anlamlı HTML etiketleri kullanmanın bir takım avantajları var mesela dosya boyutları çok azalıyor, bunu sizde farketmişsinizdir, tablolu kodlanmış bir HTML dokümanı ile anlamlı HTML etiketleri kullanarak kodlanmış bir dokümanın dosya boyutları arasında büyük farklar var, bu konu hakkında ne düşünüyorsunuz.

FT: Bu görüş gerçekten doğru aynı zamanda katılıyorum size, anlamlı HTML etiketleri kullanarak sadece gerekli olan etiketleri kullanıyoruz böylede olunca zaten bariz oranda dosya boyutları azalmış oluyor. Bunu zaten herkes karşılaştırarak görebiliyor. Aynı zamanda ek yararlarıda var tabi bunları daha sonradan sorarsanız yine size söyleyebilirim.

VG: Mesela en basitinden, bir başlık için direk h1 etiketini kullanabiliyoruz, veya h1 h6 ya kadar gidiyor başlığın önemine göre, ama halbuki tablolu kodlamada sadece bir başlık etiketi için bile mesela table tr td kombinasyonunu kullanıyorsunuz.

FT: Çok daha fazla ve gereksiz diyebileceğimiz kodlama oluyor.

VG: Çok daha okuması anlamlı oluyor, mesela şimdik sizin XHTML mutfağında çalışmanızı tam olarak bilmiyorum ama mesela yüzde yüz şey yapıyorsunuzdur, mesela bir dökümana bir kaç kişi bakıyordur, yani dolayısıyla anlamlı html etiketleri kullanıldığı zaman sizin yazdığınız kodu bir başka geliştiricinin anlamasıda çok kolay oluyor dimi?

FT: Tabiki böyle büyük bir avantajlarından birisi zaten bu, düzen, anlaşılabilirlik, mesela nasıl söylesem hataları daha aza indirebiliyorsunuz bu şekilde, veya hata varsa mesela hata yapmışsanız eğer bunu ilerde daha rahat bulabiliyorsunuz anlamlı XHTML etiketleri kullandığınızda.

VG: Çok daha düzenli olduğundan en azından direk tahmin edebiliyorsunuz yani şuradadır diye hata.

FT: Evet, nerede hata varsa hemen bulabiliyorsunuz çünkü herşey düzenli oluyor.

VG: Peki, şimdik mesela ben tablolu kod yazımını kullandığım zamanlardaki geliştirme sürecimi yani bir tasarımı koda aktarma sürecim ile şimdiki süreci karşılaştırdığım şimdi ben çok daha kısa sürede bir tasarımı koda aktarabiliyorum peki siz buna katılıyormusunuz? anlamlı html etiketleri kullanmanın bu avantajına katılıyormusunuz?

FT: Evet, gerçekten gelişme süreci azalıyor bu anlamlı HTML etiketleri kullanınca, çünkü az öncede bahsetmiştim, yine daha gerekli ve daha etkili kullanmış oluyoruz, sonuç olarak dadaha az vakit kaybetmiş oluyoruz, hemde kodlarda hata yapma olasılığımız daha da düşüyor.

VG: Anladım, peki şimdik hala çok fazla tablolu kod geliştiren geliştiriciler var

FT: Evet

VG: Veya yani bunlardan bazıları anlamlı html etiketleri kullanmayada çalılıyor bazılarınında hiç umrunda değil, şimdik yani siz onlara ne tavsiye etmek isterssiniz ne söylemek istersiniz böyle bir cümle kurun mesela onlar şey olsun. Benim zaten bu tip paylaşımlardaki amacım o insanlara anlamlı etiketler kullanmanın güzelliklerini gösternek

FT: Bence herşeyden önce zaman çok değerli ve doğru olanı yapmak zorundayız biz web tasarımcısı olarak bunu bilerek herkes haraket ederse bence doğruyu bulmuş olurlar

VG: Zaten web buna doğru gidiyor

FT: Doğru olanı yapmak zorundayız artı zamanda çok önemli zaman tablolar kullanılarak çok boşa harcanıyor bunu engellemek için bence anlamlı html etiketleri mutlaka kullanmalıyız

VG: Evet, bu bahsettiğim geliştiricilerin mesela bahaneleri var mesela ben şu anda tablolu kod kullanıyorum ve yaptığım site her internet tarayıcısında doğru gözüküyor ben neden şimdik anlamlı html etiketi kullanayımki diyor. Ama şimdik şöylede birşey var anlamlı html etiketleri kullanıldığında da zaten her internet tarayıcısnda çok farklı gözüküyor diye bir olay yok, belirli şeyler var onları yapınca siz bu durumla başa çıkabiliyorsunuz.

FT: Evet, Kesinlikle öyle aslında çok farklılık yok sadece farklıklık Internet Explorer 6 denen bir tarayıcıda hatta herkesin bildiği bu bela diye tanımlayabiliriz bunu. Bu herşeyi bozuyor. Bunla başa çıkabilmek için belli başlı hileler var onları kullanabilirsiniz zamanla öğrenerek tabiki. Mesela bunun için Position is Everything diye bir site var devamlı ben ordan araştırma yapıyorum bu farklılıkları oradan görebiliyorsunuz. Diğer türlü yapılan hatalar kullanıcının yaptığı kodlama hatası olabilir. Bu hatalardan korkmamak gerek üzerine gidince bunlar çok kolay, tablolu tasarım yapıpta vakit kaybetmek yerine bunları araştırıp bunları çözmek çok daha kolay olur.

VG: Mesela ben şöyle bir şey keşfetmiştim işte geçiş sürecimde hakikaten böyle farklı çıkıyordu fakat CSS de sıfırlama tekniği var hani şu * {margin:0; padding:0} böyle birşeyi kullandığımı zaman tarayıcılardaki stillerin margin ve paddingini zaten sıfırlıyoruz mesela bu bana çok yardımcı olmuştu tabi daha gelişmiş css sıfırlama teknikleride var

FT: Evet

VG: Siz hangisini kullanıyorsunuz?

FT: Biz şu anda Eric Meyerin CSS Resetini kullanıyoruz onunki daha gelişmiş oludğu için ve ilk kullandığım için onu kullanıyoruz şu anda diğer taraftan Yahoo’nun CSS Reset kodları vardı oda kullanılabilir diye düşünüyorum ayrıca mutlaka kullanılmalı diye düşünüyorum bu resetleme kodları çünkü gerçekten yararı oluyor

VG: Ve İnsanların geçişinide kolaylaştırıyor

FT: Gerçekten çok kolaştırıyor yani tarayıcılardaki baya bir farkı azaltabiliyor.

VG: Peki birde şimdik şöyle bir şey var ben mesela ilk defa Smashing Magazine de bir makaleyi okurken iki tane hastalık ismini duymuştum bir tanesi divitus bir taneside Classitus. Şimdik divitus herşeyi yani şimdik bu geçiş esnasında div div diyorlar ya şimdik bazıları tablosuz kodlama kelimesini kullanıyorlar ve mesela div kullanmaktan bahsediyorlar ama mesele div kullanmak değil, mesela Divitus şuymuş herşeyi div ile kodluyorsunuz yani div den başka etiket yokmuş gibi, birde Classitus var gereksiz yere herşeye class vermek.

Ama halbuki html kısmında bir çok içerik türü için zaten etiketler var onları kullanmamız lazım css de sınıfları ve id leri akıllıca kullanmamız lazım, dimi?

FT: Tabiki, Az önce gereksiz yere zaten kod kullanmamanın öneminden bahsediyorduk yani az önce bahsettiğim benimde şimdik ilk defa duyduğum smashing magazinde dikkatimi çekmemişti daha öncede çok ilginç bir tanımlama tabi. Bu tür şeylere kapılmamak gerek gerçekten. CSS ile çok pratik yöntemler var fazla class vermemek için. Diğer açıdan divleri dediğiniz gibi fazla kullanmamak gerekiyor, çünkü anlamlı olan etiketler kullanmak gerekiyor, mesela başlıkları tanımlamak için h kullanmak gerekiyor div kullanırsak bu gerçekten gereksiz oluyor ve anlamlı olmuyor mesela paragraflarda da yine p etiketini kullanmak div kullanmak gereksiz.

VG: Mümkün olduğunda kaçınmak lazım,

FT: Evet

VG: Bazen şimdi açık konuşmak gerekirse böyle bazı birtakım görsel efektleri yakalamak için bazen mesela extra kod kullandığımız oluyor ama bu tip extra durumların dışında divleri olabildiğince mesela bir bölüm açmak için kullanmak lazım, bölümü açıyorsunuz siz, division zaten divisonın türkçesi bölüm demek bölümde alan demek

FT: Alanda zaten bölümleme demek bölüm demek

VG: Onu açtıktan sonra içindeki içerik için gerekli bir sürü etiket var zaten

FT: Zaten hepsi tanımlanmış başlık için az önce bahsettiğim gibi h etiketini kullanıyoruz paragraf için p listelr iin ul veya ol li etiketleri kullanabiliyoruz bunları kullanmak anlamlı kod geliştirmek için gerekli şeyler diye düşünüyorum.

VG: Peki böyle önerebileceğiniz kaynak Altı Üstü Tasarımın dışında yerli yabancı var mı?

FT: Geçiş yapmak isteyenler için şu anda aslında bir saniye… mesela ne olabilir şu an için aklıma pek gelmiyor ama A List Apart.com gerçekten çok iyi bir yabancı kaynak, onuda tavsiye edebilirim

VG: Peki hangi web sitelerini ve web günlüklerini takip ediyorsunuz, mesela bugün yani hergün böyle devamlı takip ettiğiniz web sitelerinden ya da web günlüklerinden bir kaç tane söyleyebilirmisinz?

FT: WebDeneyimleri.com‘u saymam gerekir heralde ve gerçekten keyifle takip ediyorum şu an için pek aktif tartışmalara katılamıyorum fakat zaman kısıtlamasından dolayı katılamıyorum ama ileride daha aktif olarak yorumlara ve tartışmalara katılmaya çalışacağım.

Diğer yandan SiberKültür.com, Webrazzi.com, Ferruh.mavituna.com, fazlamesai.net, http://truetypelies.com/blog .Yabancı olarak csstricks.com, alistapart.com, veerle-duoh.com, meyerweb.com var.

VG: Bende CSSTricks den Chris ile röportaj yapmak istiyorum eğer olursa

FT: Çok güzel olur

VG: Çok güzel olur dimi. Peki WordPress hakkında ne düşünüyorsunuz? Sizinde bir blogunuz var web günlüğünz var www.fatihturan.com. Wordpressi ben mesela çok seviyorum, sizde seviyormusunuz?

FT: WordPressi sevmeyen zaten ölsün diyim yani, WordPress gerçekten çok iyi bir ortam, mesela alternatiflerine göre çok daha iyi belgelendirilmiş olması bunu kullanmak için başlı başına bir neden, text expression engine diye bir blog motoru vardı mesela o kadar fazla belgelenderme dökümantasyon diyim ona ben daha açıklayıcı olsun. WordPress de herşey açıklanmış çünkü çok geliştirme aşaması çok iyi, istediğiniz herşeyi yapabiliyorsunuz.

VG: Zaten Linuxcüler, yani Linux açık kaynak olduğu için Linux bazlı bir çok şey çok iyi dökümante edilmiştir açık kaynak olduğu için zaten onun yapılım amacı şu ilk geliştirenler istiyorki başkalarıda bu bizim çabamıza ortak olsunlar başkalarıda işte bu bizim geliştirdiğimiz ürünleri geliştirmek için birtakım çalışamalarda bulunabilsinler, o nedenle Linux bazlı üretilenlere dikkat ederseniz çok iyi dökümante edilmiş ve buda işte bizlerin yani WordPress üzerinde çalışmasına imkan sağlıyor

FT: Evet, aynı zamanda kullanıcıya daha çok nasıl söyliyim kullanıcıya

VG: Kullanılabilir bir sistemi var

FT: Kullanılabilirliği daha fazla diğer bloglara göre tasarım, panelin tasarımı daha güzel daha hoş

VG: Yönetim panelinden mi bahsettiniz

FT: Evet, yönetim paneli

VG: Zaten şimdik şöyle bir şey var, ben bir önceki paylaşımımda WordPressi neden seviyorum diye biraz konuşmuştum şöyle bir şey var şimdik siz normal bir müşteriye diyelim bir web sitesi geliştirdiniz yani şimdik mesela istedilerki biz haber girmek istiyoruz işte biz şu tip güncellemeler yapmak istiyorsunuz, sayfaları güncellemek istiyoruz, o tip bir müşteriye siz tasarımı yapıcaksınız tamam, tasarımı css ve xhtml ye dökeceksiniz tamam fakat artı bunların yanında bir de yönetim paneli yazmanız lazım dimi.

FT: Evet

VG: Şimdik yönetim paneli yazmakta hiç kolay bir iş değil

FT: Bencede

VG: Yani kullanılabilirliği düşünmemiz lazım bir çok öğesini düşünmemiz lazım tasarımı kullanılabilirliği ve bunlarda sizin için işte ek zaman ek süre

FT: Evet

VG: Ama şimdik o paylaşımdada söyledim amerikayı yeniden keşfetmeye gerek yok siz yazdığınız xhtml ve css kodlarınızı direk WordPresse entegre edebilirsiniz bu çok kolay, zaten siz XHTML Mutfağında da bu tip bir servis veriyorsunuz.

FT: Açıldığımızdan beri o tip bir servis veriyoruz, isteyen kişilere hitaben böyle bir hizmetimiz var. Öte yandan WordPress’i neden çok sevdiğimi anlatmak istiyorum, mesela tema desteği çok güzel hali hazırda olan temalar gerçekten bol çeşitte var aynı zamanda eklentileri inanılmaz derecede geniş, bunlar bile başlı başına WordPress’i tercih etmemin nedenleri arasında yer alıyor benim için

VG: Çünkü bir çok insan WordPress’i kullanıyor, yani yabancı bir çok geliştiricide WordPress’i kullanıyor, dolayısıyla çok popüler ve çok kullanılıyor. Şimdik tabi böyle kullanıcılar var mesela Wordpress’i kuruyorlar temaları indiriyorlar mesela bir yandan da paylaşan geliştiriciler var mesela eklenti üreten insanlar var mesela Türkiyede eburhan.com bir çok eklentiler üretiyor, ve çok kullanışlı eklentiler üretiyor, veya tema üretenler var SiberKültürün ürettiği bir tema var, yani paylaşımı çok, WordPress için yapılan paylaşımlarda çok.

FT: Evet

VG: Mesela sizin blogunuzda fatihturan.com da WordPress ile geliştirilmiş yani şimdik siz onu bir programcıya yaptırmak isteseniz ya da siz kendiniz yapmak isteseniz o altyapısı için ne kadar zaman harcıyacaksınız demi? Ama Wordpress size mükemmel bir altyapıyı direk sunuyor.

FT: Ve en iyi yöntemlerle hatta genişletebilirlik az önce bahsettiğim dökümantasyon olayı ile beraber sunabiliyor

VG: Evet, artık röportajımızın sonuna yaklaşıyoruz, benim soracağım sorular bu kadar başka söylemek istediğiniz bir şey var mı?

FT: Tüm WebDeneyimleri.com ziyaretçilerine teşekkür ediyoum ayrıca size teşekkür ediyorum Volkan Bey

VG: Bence bu çok güzel oldu yani böyle yani öyle XHTML ve CSS üzerine konuşmak yani iki tane geliştiricinin konuşması bence hoş dimi?

FT: Bencede gayet hoş çok iyi oldu, ve ilk defa röportaj yapıyorum sizinle çok acemice

VG: Benimde ilk röportajım, ikimizde acemiyiz

FT: İkimizde acemi sayılırız

VG: Olsun, bence güzel oldu

FT: Güzel oldu, ilk oldu, güzel oldu

VG: Önemli olan bence paylaşmak ben paylaşmayı seviyorum ve yani ben bilgiyi kendime saklarsam onun bir faydası yok bilgiyi paylaşmak lazım ve ülkemizdede bilgi paylaşımına çok ihtiyaç var

FT: Bu gerçekten çok doğru evet, bunu herkesin yapması lazım, çünkü türkçe kaynak gerçekten çok az var hele yabancı kaynaklara bakınca inanılmaz çok az, elimizden geldiğince yerli kaynak, türkçe kaynak üretmemiz gerekiyor, yeni insanlar yeni geliştiricler yetişmesi için

VG: Ve çok fazla bizim interneti kullanan gençliğimiz, çok fazla internet kullanıcımız, çok fazla ve bu internet fiatlarının düşmesi ile yani bağlantının kolaylaşması ile çok daha fazla insan çevrimiçi olmaya başladı ve dolayısı ile bunların içinden weble ilgilenmek isteyenler çıkıyor ve bu sayı yükselecektir. İşte bizde türkçe içerik oluşturmaya ne kadar çok katkıda bulunursak o kadar güzel diye düşünüyorum

FT: Bende aynen öyle düşünüyorum

VG: FT çok teşekkür ederim beni kırmayıp bu röportajı yaptığınız için bana vakit ayırdığınız için bilgilerinizi paylaştığınız için çok teşekkür ederim

FT: Ben teşekkür ederim, tekrar teşekkür ederim iyi akşamlar

VG: Evet, WebDeneyimleri adlı blogum için hazıradığım bu röportajın sonuna geldik FT ve bu röportajı dinleyen herkese teşekkür ederim bir sonraki röportajımda görüşmek üzere kendinize çok iyi bakın.

Başka bir paylaşımımı inceleyebilirsiniz

« WordPress’i Neden Seviyorum?

Bloglara Giriş Bölüm 1 »