bildirgec.org - oky - beğendikleri

put.io

oky — Mon, 26 Oct 2009 14:48:00 GMT

Bundan yaklaşık 1,5 sene önce (28 Şubat 2008) yine bu ortamda, Türkiye'den dünya çapında uygulama çıkar mı? isimli bildiriyi yazıp cevap aramıştık. işte bugün, bu sorunun -belki de- cevabını verebiliriz. pilli'nin yeni ürününü, net ortamıyla -özellikle sosyal medya ( friendfeed, twitter, facebook) ile- haşır neşir iseniz çoğu yerde duymuşssunuzdur, yeni girişimlerinin adı: put.io.

Dünya üzerindeki bir takım insanların alışkanlıklarını değiştirmeye aday olabilecek, yepyeni bir proje bu. peki nedir bu put.io ?
yazmaya başlayalım:

öncelikle fikir çok başarılı ve çok süper bir uygulama.
torrent, audio, video, rapidshare adreslerini kendi üzerine indirerek, online olarak kullanabilmenizi sağlıyor.
Her kullanıcıya -şimdilik- 50 gb alan veriliyor.
Put.io ile indirdiğiniz bir DivX videoyu bilgisayarınıza hiç indirmeden ve kalite kaybı olmadan online olarak izleyebilir, aynı şekilde indirdiğiniz müzik dosyalarını tarayıcınız üzerinden dinleyebilirsiniz.
en dikkat çekici özelliklerinden birisi de, verilen rss adreslerinin içerisinde geçen torrent, video ve ses dosyalarını otomatik olarak indirebilmesi.

Tamamen sunucu taraflı çalıştığı için indirme performansı da evdeki bağlantılarımızdan yüksek. yani 700 mb'lık bir dosyayı çok daha kısa bir sürede indirme imkanı sağlıyor.
Put.io üzerindeki dosyalarınızı arkadaşlarınızla da paylaşabiliyorsunuz.
En süper özelliklerden biri, arkadaşlarının indirip paylaştıklarını senin kotandan yemeden sana seyrettirmesi.
Servis şu anda kapalı beta aşamasında fakat zaman zaman çeşitli mecralarda davetiye dağıtılıyor.
put.io tam olarak açıldığı zaman ücretli bir servis olacak. bunu da hatırlatmakta fayda var.

Bu girişimin de bazı avantaj ve dezavantajları bulunmakta...

Avantajları:

Fikir ve uygulama oldukça etkili.
350 MB’lık bir dosyayı 1 dakika içinde indirebiliyor. (Duruma göre değişmekle birlikte)
yakın bir gelecekte download kavramını ortadan kaldırabilir.
sosyal olması nedeniyle arkadaşlarınızın disklerine de tıpkı kendi diskinizmiş gibi erişebilir, yeni yeni şeyler bulma imkanınız var.
Verilen 50 gb az gibi gözükse de diğer arkadaşlarının da diskine (arşivine) erişebilme imkanı insanı cidden heyecanlandırıyor. (en azından beni)
Put.io belki de leb demeden leblebinin tadına bakmanızı sağlıyor. (teşekkürler oky)
Verilen rss adreslerinin içerisinde geçen torrent, video ve ses dosyalarını otomatik olarak indirebilmesi.
Bulunduğunuz ortamda rapidshare veya torrent kullanmaya izin verilmiyorsa put.io ilaç gibi gelecektir.
halen beta aşamasında olduğunu unutmamak lazım. Feedbackler sayesinde eksiklerini gidermeleri çok sorun olmayacaktır.
Arkadaşlarınızın diskine erişebilmeniz sayesinde sizden önce birileri sizin arzu ettiğiniz şeyi (dizi, film vs.) indirmişse eğer iki tıkla onu izleyebilir/dinleyebilirsiniz. Tekrardan indirmenize gerek yok yani.

(muhtemel eksikler) Dezavantajları:

sizin de tahmin edebileceğiniz gibi yasal sorunlar. ama Hasan Yalçınkaya bu durum için şöyle demiş: Olası yasal problemler konusunda ilk günden beri avukatımız Başak Purut ile birlikte çalıştık. Onun uyarıları ile bazı özellikleri kaldırdık. Şu haliyle kullanıcılara bir disk alanı veren ve bu alanı kolayca doldurabilmek için araçlar sunan bir servisiz. Yani bu disk alanı ile ne yapacağınız sizin bileceğiniz iş. Bizim görevimiz servisin kesintiye uğramamasını garanti etmek. bence yasal problemler ileride çok baş ağrıtacaktır. Meyve veren ağaç taşlanır hesabı.
Kimileri için 50 gb alan yetmeyecektir onun için seedbox ile karşılaştırmaların yapılması olağan.
Site tamamen açıldığı zaman paralı olacak. işte burada başlayacak herşey. eğer istenilen fiyat aylık/yıllık bazda (çok) yüksek olursa -özellikle Türk- kullanıcıların çoğunluğu bunun için para vermek istemeyecektir.
Canı sıkılan biri, site tam olarak açıldığı zaman erişime kapattırabilir.
video dosyaları için altyazı desteği. - daha fazla video format desteği. - bağımsız bir mp3 player, playlist lazım, sayfa geçişlerinde de muziğin devam edebilmesi için.

put.io kullanmaya başladım ve çok memnunum. eğer fiyat uygun/makul olursa ücretli üyeliğe de karşı değilim, üye olurum. İlerleyen günlerde neler olacak hep beraber bekleyelim görelim. Hemen her Türk insanında olduğu gibi girişimi tam irdelemeden laf atmalar, beğenmezük tavrı yaklaşımlar hoş değil elbette. Şimdilik benim aklıma gelenler bunlar. Eksikler, gözden kaçırdığım noktalar elbette olacaktır. yorumlarda düzeltilirse sevinirim. Bazı arkadaşlarımın dediği gibi

"Put.io, gezegenimiz ergenleri için YouPorn'dan sonraki en büyük devrim olacaktır."

böyle mi olacak bilinmez ama son yıllarda gördüğüm en heyecan verici projelerden birisi olduğu kesin. şerefsizim benim aklıma gelmişti...

Ek olarak:

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları

oky — Mon, 16 Feb 2009 19:13:00 GMT

Internet Explorer'la çalışmak her seviyeden web tasarımcısı için bazen sorun olabilir. Ancak bu sorun olmak zorunda olacağı anlamına gelmiyor. Hepsi olmasa da pek çok Internet Explorer hatası, hatanın nasıl oluştuğunu anladıktan sonra kolayca düzeltilebilir. Bu yazımda özellikle giriş seviyesindeki kullanıcılar için çapraz tarayıcı uyumluluğunu sağlayabilmeleri için önemli problemleri ve çözümlerini listeledim.

Yazımda en çok kullanılan tarayıcı sürümleri olan Firefox 2+, Safari 3+ ve Internet Explorer 6+'ya odaklandım. Her ne kadar IE6'nın kullanım oranı gün geçtikçe düşüş gösteriyor olsa da, bu onu desteklememeniz gerektiği anlamına gelmez, zira halen pek çok kullanıcı hangi tarayıcı sürümünü kullandığını bilmemektedir. Eğer bu IE6 hatalarını biliyorsanız, tarayıcı üzerinde test yapmadan bile sitenizin doğru görünüp görünmediğini anlayabilirsiniz. Bu makale süper deneyimli web tasarımcılarına yönelik olmamakla birlikte IE6'nın çapraz tarayıcı uyumluluğuna yönelik gizlerini anlamanıza yardımcı olacaktır.

Özet
Makalenin tamamını okumak istemeyenleriniz için aşağıda makalenin bir özetini bulabilirsiniz.

Daima STRICT DOCTYPE ve standartlarla uyumlu HTML/CSS kullanın
CSS'nizin en başında daima sıfırlama (CSS RESET) kullanın.
Firefox'ta metin işleme sorunlarını gidermek için -moz-opacity:0.99, Safari'de ise text-shadow: #000 0 0 0 kullanın.
Görselleri asla CSS ya da HTML ile yeniden boyutlandırmayın.
Her tarayıcıda metinlerin nasıl işlendiğini test edin. Lucida kullanmayın.
BODY üzerinde metni % ile boyutlandırıp sitenin geri kalanında em kullanarak metin boyutlandırması yapın.
Üzerine float uygulanmış tüm anahat divleri display: inline ve overwlow: hidden içermeli.
CSS3 seçicilerini kullanmayın.
Alpha'yı yüklemediyseniz saydam PNG kullanmayın.

Element Uyumsuzlukları
Her tarayıcı farklı elementleri farklı şekillerde yorumlar - farklı miktarlarda boşluklar, marjlar, sınırlar vs. Bunun anlamı eğr siz öntanımlı stilleri kullanırsanız, kodunuz doğru olsa bile siteniz farklı tarayıcılarda farklı şekillerde görüntülenebilir.

Çözüm
Yapmanız gereken ilk şey, ki pek çoğunuzun bunu bildiğini düşünüyorum, stillerinizi sıfırlamaktır. Sıfırlamak, stillerinizin en üst kısmına yerleştireceğiniz ve elementler üzerindeki boşlukları, marjları, sınırları ve diğer uyuşmazlıkları sıfırlayıp onları standart olarak yeniden inşa eden bir kod parçasıdır.

Eric Meyer'in reset.css dosyasını indirin ve stillerinizin en başına yerleştirin. İşte bu kadar. Temiz, çapraz tarayıcı uyumlu stillere kavuştunuz.

Görsel İşleme
IE6 ve IE7'nin her ikisi de yeniden boyutlandırılmış görselleri inanılmaz derecede kötü bir şekilde işler. Bir görselin boyutunu CSS ya da HTML kullanarak değiştirdiğinizde görsel inanılmaz derecede kötü görünür.

Çözüm
Yapmayın. Görsellerinizi sitenize yerleştirmeden önce istediğiniz boyuta göre yeniden boyutlandırın.

Metin İşleme
Tüm hataların IE'den kaynaklanmadığını söylemiştim. Safari 3+ açık renkli metinlerin koyu renkli arkaplan üzerinde işlenmesi sırasında bir soruna sahip. Kimileri bunun iyi ya da kötü olup olmadığı konusunda farklı görüşlere sahip olabilir, ancak ilgili metni daha aydınlık görüntülemenin bir yolu var. Safari 3.1'de standart metin aşağıdaki şekilde işlenmektedir.

Çözüm
Oldukça kolay. Tek yapmanız gereken aşağıdaki stillemeyi CSS kodunuza dahil etmek.

p {text-shadow: #000 0 0 0;}

#000 kullandığınız arkaplan rengi olmalı. Seçtiğiniz elementlerde muhtemelen siz daha özgün olmak isteyeceksinizdir. Bunu BODY etiketi üzerinde kullanmanızı önermem. Düzeltmek isteyeceğiniz diğer elementler li, dt, dd, blockquote vs olabilir. Daha 'ince' görüntülemek istediğiniz tüm elementlerde bu düzeltmeyi kullanın.

Bazıları Safari'de tipografi için bunun iyi olmadığını söylüyorlar ve metnin standart işleme ile daha güzel göründüğünü söylüyorlar ki ben de onlara katılıyorum. Ancak bazılarının buna katılmadığını da biliyorum. Ayrıca arkaplan rengine, metin rengine ve metin seçimine karar verirken hangisinin daha iyi olduğuna da karar veremeyiz. Bu durumda seçim tamamen kişisel tercihinize ve sitenizin içeriğinin nasıl olduğuna kalmış.

Bu düzeltmeyi Firefox üzerinde kullanmak için opacity düzeltmesini kullanacağız.

p {-moz-opacity: 0.99;}

Bu düzeltmeyi kullanırken dikkatli olmalısınız zira düzeltmenin uygulandığı element içerisinde bir Flash dosyası bulunuyorsa ilgili dosya doğru görüntülenmemektedir.

İlgili düzeltmeler uygulandıktan sonra metnimiz aşağıdaki şekilde görünecektir.

Yazıtipi Seçimi
Hepimizin kullandığı bazı ortak web yazı tipleri vardır - Arial, Georgia, Verdana vb. Hem PC hem de Mac kullanıcılarının bilgisayarlarında bulunan yazı tipleri de mevcuttur - Century Gothic, Arial Narrow vs. Buna rağmen farklı tarayıcıların ve işletim sistemlerinin yazı tipi işleme yöntemleri farklıdır ve sizin bu farklılıkların farkında olmanız gerekir, zira yanlış bir yazı tipi kullanırsanız siteniz çok çirkin görünebilir.

Çözüm
Kullanacağınız yazı tipinin seçimi tamamen sizin tercihinize bağlıdır. Yazı tipini kullanmak güvenli olduğu sürece sorun yoktur ancak bu işleme sorunlarının farkında olmanız gerekir. Kullanmamanız gereken bir yazı tipi muhtemelen Lucida Grande/Sans zira IE üzerinde bu yazı tipi korkunç görünüyor. Yazı tipinin Safari'de (Mac) nasıl işlendiğine bir bakın.

Güzel değil mi? Internet Explorer (PC)'de yazı tipinin bu şekilde görüntüleniyor olması ise çok kötü.

Kimileri Lucida Sans yazı tipinin de işletim sisteminin ClearType özelliği açıldığında düzgün göründüğünü belirtirken, kimileri de halen yanlış göründüğünü belirtiyor. Bu durumda yapılması gereken en doğru şey muhtemelen Lucida Sans kullanmamak olacaktır. Bunun yerine Arial ya da başka bir san-serif yazı tipi kullanmayı tercih etmelisiniz.

Yazıtipi Boyutlama
Metni yeniden boyutlandırma işlemi farklı tarayıcılarda ve işletim sistemlerinde farklı şekillerde işlenir. Örneğin IE pixel kullanılarak boyutlandırılmış bir metni yeniden boyutlandırmayacaktır. Eğer metinleri em kullanarak boyutlandırırsak, o zaman da IE metni yeniden boyutlandırdığımızda boyutunu abartacaktır.

Çözüm
Yazı tipi boyutlandırmaya yönelik kendinize referans alabileceğiniz en iyi kaynak, Richard Rutter'ın yazdığı CSS'de Metin Nasıl Boyutlandırılmalıdır makalesidir. Sonuç ise, metninizi BODY elementi üzerinde yüzde kullanarak boyutlandırıp, stilin geri kalanında em kullanarak boyutu belirlemek. Satır yüksekliği için de yine pixel yerine em kullanırsanız farklı tarayıcılarda doğru işleme sonuçlarını alırsanız.

Burada hatırlamanız gereken şey öntanımlı yazı tipi boyutunun 16px olduğudur. Bu durumda örneğin yazı tipini 12px'e dönüştürmek için kullanmamız gereken kod şudur:

body {font-size: 75%; line-height: 1.5 em;}

Şimdi boyutlandırmanızı em kullanarak yapabilirsiniz:

h1 {font-size: 3em;}

Önerilen bir diğer teknik ise yazı tipinizi önce 10px'e indirgemektir. Bu durmda metninizi em kullanarak yeniden boyutlandırmak daha kolay olacaktır. Örneğin:

body {font-size: 62.5%; line-height: 1.5em;}
h1 {font-size: 1.8em; /* 18px */}
p {font-size: 1.2em; /* 12px */}

Bu tekniği kullanırsanız dikkat etmeniz gereken bir konu var ki o da insanların Internet Explorer üzerinde küçük yazı tipi seçeneğini kullanmaları durumunda metniniz okunamayacak derecede küçük olabilir. Her ne kadar bu seçeneği bilinçli olarak seçen kullanıcı sayısının yok denecek kadar az olduğunu düşünsem de bu ayrıntıyı bilmenizde yarar var.

Yüzen Elementlerde Çifte Marj
CSS Anahatlarımızı birbiri ardına yüzen (float) divler kullanar oluştururuz, tıpkı bir tür yatay tetris gibi. Satırın sonuna gelindiğinde ise satıra sığmayan div bir sonraki satıra kayar. Bir ızgara oluşturmak için sık kullanılan yöntem aşağıdaki gibidir:

#content {float: right; width: 300px; margin-right: 10px;}
#sidebar {float: right; width: 100px;}

Bu kod "normal" bir tarayıcıda aşağıdaki gibi görünmelidir.

Ancak IE'de bu aşağıdaki gibi görüntülenecektir.

Gördüğünüz üzere marj iki defa işlendi. Yüzen element ile aynı yönde bulunan her marj iki defa işlenecektir. Neden diye sormayın, IE bu. Bunun anlamı sol tarafaki elemente uygulanan marj, kodda belirtilenin aksine 20px olarak işlenecektir ki bu da muhtemelen anahattı bozacaktır.

Çözüm
Bu sorunu gidermek için anahat divlerinize display: inline yerleştirmelisiniz.

#content {float: right; width: 300px; margin-right: 10px; display: inline;}
#sidebar {float: right; width: 100px; display: inline;}

Bu sayede marj hatasını da gidermiş olduk. Her ne kadar bu yüzen element ile aynı yöndeki tüm marj elementlerini etkilese de bu düzeltmeyi yüzen tüm div elementlerine eklemek kullanışlı olabilir. Ne zaman yüzen tarafta marj kullanmak isteyeceğinizi önceden kestiremezsiniz. Bu kod diğer hiçbir tarayıcıyı etkilemeyeceğinden kullanışlı olabilir.

Genişleyen Kutu
Genişleyen kutu problemi pek çok CSS anahattında sorun oluşturur. birbiri ardına yüzen elementler içeren ve öntanımlı genişlikleri bulunan divleri içeren bir anahat kullanmanız durumunda eğer ilgili divin genişliğinden daha geniş bir genişliğe sahip bir görsel ya da boşluk içermeyen bir metin kullanmanız durumunda ilgili anahat IE6'de yanlış görüntülenecektir. Örneğimize bir bakalım:

#content {float: right; width: 300px; margin-right: 10px; display: inline;}
#sidebar {float: right; width: 100px; display: inline;}

Pek çok tarayıcıda bu aşağıdaki şekilde işlenecektir:

Buna rağmen IE6'da anahattımız bozulacaktır:

Çözüm
Burada kullanacağımız çözüm overflow özelliğini kullanmaktır. Eğer overflow: hidden değerini anahat divlerine dahil ederseniz, anahat IE6'de bozulmayacaktır.

#content {float: right; width: 300px; margin-right: 10px; display: inline; overflow: hidden;}
#sidebar {float: right; width: 100px; display: inline; overflow: hidden;}

Her ne kadar ekleyeceğiniz bu kod sorunu giderse de bazı karmaşık anahatlarda başka sorunlara yol açabilir. Bunun yanı sıra IE6 dışındaki tarayıcılarda metnin otomatik olarak iki satıra bölümlenmesinin aksine alana sığmayan metnin görünmemesine neden olacaktır.

Yüzen Elementleri Kapsamak
Burada anlatmak istediğimiz şey kapsayıcı bir divin içerisindeki divleri doğru bir şekilde kapsamamasıdır. Aşağıdaki örneğe bir bakın.

Kapsayıcının içerisindeki divleri nasıl doğru bir şekilde kapsadığını gördünüz mü? Olması gereken de bu zaten. Buna rağmen bazen bu şekilde sonuçlanmayıp aşağıdaki gibi bir hal alabiliyor.

Kapsayıcı doğru bir şekilde içerisindeki divleri kapsamıyor. Muhtemelen kapsayıcınıza bir arkaplan resmi atamadığınız sürece bunu fark etmeyeceksinizdir.

Çözüm
Bu sorunu gidermeye yönelik birkaç çözüm bulunmakla birlikte kullanılabilecek en iyi yöntem kapsayıcınıza overflow: auto; ya da overflow: hidden değerlerinden birisini atamaktır.

#container {width: 966px; margin: 0 auto; overflow: auto;}

overflow: auto değerinin Firefox üzerinde bazen sorunlara yol açabileceğini unutmayın. Eğer bunu kullandıktan sonra bir sorunla karşılaşırsanız, onun yerine overflow: hidden kullanmayı deneyin. Eğer bu da sorun oluşturuyorsa o zaman şuradaki makaleye bir göz atın. Bunu eklemenin dışında IE6 üzerinde anahattınızın tetiklenmesi gerektiğini de unutmayın. Bunu elementinize yükseklik ve genişlik atayarak yapabilrsiniz. Eğer kapsayıcınıza bir genişlik değeri vermek istemiyorsanız o zaman height: 1%; ya da zoom: 1; değerlerinden birini verebilirsiniz.

CSS Seçicileri
Her ne kadar hepimiz CSS3 seçicilerini kullanmaya can atsak da, IE6 bu seçicilerin büyük bir kısmını desteklememektedir. Bırakın CSS3'ü, IE6'nın desteklemediği CSS2 seçicileri bile vardır. İşte kullanmamanız gereken seçicilerin bir listesi:

E > F
E + F
E ~ F
:root
:last-child
:only-child
:nth-child()
:nth-last-child()
:first-of-type
:last-of-type
:only-of-type
:nth-of-type()
:nth-last-of-type()
:empty
:not()
:target
:enable
:disabled
:checked
E[değer] seçicilerinden herhangi biri
:first-child
:lang()
:before
::before
:after
::after

Elbette bu seçicilerin pek çoğu daha Firefox 3 üzerinde de desteklenmiyor. Desteklenen seçicilerin tam bir listesi için evotech.net üzerinde yer alan tarayıcılarda css seçiciler için destek yazısına bir göz atın.

Çözüm
Standart seçicileri kullanmaya devam edin. Sadece IE üzerinde çok önemli bir değişiklik yapmayacağı sürece E + F, F, E > F, E ~ F seçicilerini kullanın. Eğer gerçekten bu seçicileri kullanmak istiyorsanız, o zaman IE8.js'yi deneyebilirsiniz. Bu JavaScript kütüphanesi IE6'ya seçiciler için daha iyi destek sunmasına rağmen sitenizi yavaşlatacaktır. Ancak biz IE6 kullanıcılarını dikkate almıyoruz, öyle değil mi?

PNG Saydamlığı
IE6 PNGler üzerinde alfa saydamlığı desteklemiyor. Bu muhtemelen IE üzerinde gördüğümüz en rahatsız edici sorun.

Çözüm
Bu problem için bir dizi çözüm bulunuyor. Ya IE'ye özgü bir stil şablonunda AlphaImageLoader'ı kullanacaksınız ya da bu sorunu gidermek için oluşturulan çeşitli JavaScriptlerden birine başvuracaksınız. Hangisini tercih ederseniz edin, tekrar eden saydam arkaplan görsellerini IE6 üzerinde kullanabilmenin bir yolu yok.

AlphaImageLoader'ı kullanmak biraz zahmetli. Saydam olan tüm PNG görsellerine aşağıdaki özellikleri ekleyin (CSS'nizin doğrulanabilmesini istiyorsanız o zaman bu kodu IE'ye özgü bir stil şablonu içerisine yerleştirin).

.saydam {background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.bildirgec.org/images/transparent.png', sizingMethod='image/scale/crop');}

Tüm PNG görsellerinizi "saydam" sınıfına dahil ettiğinizi varsayarsak yukarıdaki kodu kullanabilirsiniz. Ayrıca 1x1 saydam bir png oluşturup src değerinde onun konumunu belirtmeniz de gerekiyor. Geçtiğimiz yıl 24ways üzerinde bu konuda muhteşem bir makale yayımlandı.

Bu sorunu giderebileceğiniz daha da iyi bir yöntem, Blueprint CSS Çatısı'nın geliştiricisi Olav Bjorkoy'un şuradaki makalesinde anlattığı yöntemi uygulamak. AlphaImageLoader'e benzer bir yöntem ancak onun yerine saydamlığı tetikleyen bir betiğe bağlantı veriyorsunuz.

Kullanabileceğiniz üçüncü yöntem ise IE8.js'yi kullanmak. Bu yöntem öncekinden de güvenli ve bir sorunla karşılaşmanız neredeyse mümkün değil. HTML'niz üzerinde bu betiğe bağlantı verin ve betik dosya adı -trans ile biten tüm png dosyalarının saydamlık sorununu giderecektir (örneğin resim-trans.png).

Tüm bu yöntemleri kullanmanıza rağmen saydam pngler ile sorun yaşamanız halen olasıdır. Bu yöntemlerden herhangi birini kullandıktan sonra IE6 üzerinde sağlam bir test uygulamayı unutmayın.

Kaynak: Anthony Short

CSS İle İlgili Yazdığım Diğer Yazılar

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

website trafiğinizi takip etmenin 50 yolu daha

oky — Thu, 12 Feb 2009 19:21:00 GMT

Eğer bir web siteniz ya da blogunuz var ise, muhtemelen sitenizi kimin ziyaret ettiğini, nereden geldiklerini ve sitenizde iken neler yaptığını merak etmişsinizdir. Birkaç hafta önce yayımladığım Yetenekli ve Ücretsiz 10 Web Analiz Aracı ve Site Trafiğini, Popülerliğini ve İstatistiklerini İzleyebilmenin 10 Yolu yazılarını da içini kapsayacak ve genişletecek olan bu yazıda da görebileceğiniz üzere günümüzde faaliyet gösteren pek çok web analiz aracı, gerçek zamanlı ziyaretçi analizi verisinin grafiksel sunumlarına odaklanmış durumda.

Yazının devamında web trafiğinizi izleyebilmenize ve analiz edebilmenize yardımcı olacak 50'nin üzerinde aracı bulacaksınız.

Analiz Yazılım Paketleri

VisiStat - Grafiksel ve yenilikçi raporlama özellikleri ile gerçek zamanlı izleme.

Google Analytics - Daha önceki yazılarımızda da belirttiğimiz üzere Google ücretsiz bir analiz yazılımı sunuyor. AdWords ile sıkı bir şekilde bütünleşen bu yazılımdaki veriler, diğer bazı kurumsal yazılımların aksine birkaç saatlik bir gecikme ile görüntüleniyor.

mviSPY - Dönüşümleri ve ziyaretçi kimliklerini takip eden gerçek zamanlı bir analiz çözümü.

Webstats BASIC - Ücretsiz bir analiz programı olan Webstats BASIC, ziyaretçileri ve trendleri takip ediyor ve onları diğer biçimlere aktarılabilir şekilde sunuyor.

Webstats PRO - Tam özellikli bir analiz yazılımı olan Webstats PRO ise tıklama yolu analizi, kampanya izleme ve tam trafik izleme yetenekleri ile verimli bir uygulama.

LoadStats - İki farklı paket sunan bu yazılım temel seviyede bir sayfa görüntüleme sayısı ve ziyaretçi takibinin yanısıra jeo-konum ve reklam izleme gibi diğer bazı önemli özellikleri de destekliyor.

Opentracker.net - Gerçek zamanlı ziyaretçi takibi ve web istatistikleri.

eWebAnalytics - Gelişmiş ve ücretsiz bir pakete sahip olan bu yazılım tekil ziyaretçileri, dönüşümleri, ortalama tıklama yolları, trafik tarihçesi, atlama oranları ve neredeyse bir analiz çözümünden beklediğiniz diğer her şeyi sunabilen bir uygulama.

MetaTraffic - Kurulumu hızlıca yapılabilen ve reklam kampanyalarını, dosya indirme sayılarını ve multimedya dosyalarına ait trafik verilerini içeren bir web analiz programı.

ShinyStat - Görsel olarak iyileştirilmiş sade bir sayaçtan dönüşüm ve kampanya takibine izin veren tam özellikli kurumsal sürümüne kadarü üç farklı sürümü bulunan bir web analiz çözümü.

Lyris HQ - Kampanya karlılık oranı ve tarihsel verinizi dilediğiniz şekilde özelleştirebilmenize izin veren bir analiz uygulaması.

W3Counter - Ziyaretçilerinizin dünyanın neresinde bulunduğundu gerçek zamanlı olarak harita üzerinde gösterebilen bir analiz uygulaması.

Blizzard Tracker - Web istatistiklerini gerçek zamanlı olarak gösterebilen yenilikçi bir uygulama.

StatsAdvisor - Hem çevrimiçi hem de çevrimdışı pazarlama girişimlerinizi takip edebileceğiniz bir uygulama.

Clicky - Ziyaretçilerin siteniz üzerinde attıkları her bir adımı görüntüleyebileyen ve bu uygulamaya atanmış bir iPhone yazılımı da bulunan bir uygulama.

Logdy.com - Ücretli ve ücretsiz sürümleri bulunan gerçek zamanlı bir uygulama.

Pagealizer - Sayfalarınız için optimizasyon ve değişiklik önerileri sunabilen bir web analiz programı.

Sometrics - Sosyal pazarlama girişimlerinizi ölçebilen bir analiz yazılımı.

Piwik - Kendi sitenize kurabileceğiniz açık kaynaklı bir uygulama.

FireStats - İndirilebilir bir web analiz programı olan ve ticari amaç gütmeyen web siteleri için ücretsiz olarak kullanılabilecek bir uygulama.

Snoop - Sitenizde oluşan olaylar hakkında (siparişler, tekil ziyaretçiler, yorumlar vb) size gerçek zamanlı olarak bilgilendirebilen bir uygulama.

Yahoo! Web Analytics - Daha önce IndexTools olarak bilinen bu paket kurumlara yönelik gerçek zamanli istatistiksel bilgiler sunuyor.

BBClone - PHP tabanlı bir istatistik paketi

Woopra - Siteniz üzerindeki ziyaretçileriniz ile sohbet edebileceğiniz ve gerçek zamanlı bildirimler alabileceğiniz bir analiz paketi.

MochiBot.com - Flash içerik analizi.

Grape Web Statistics - Ücretsiz ve açık kaynaklı bir analiz paketi olan bu uygulama üzerinden geçmiş verileri alabilirsiniz. Uygulama hem PHP 4 hem de PHP 5 ile çalışıyor.

Stuffed Tracker - Form gönderimlerini, indirme sayılarını ve diğer ziyaretçi eylemlerini takip edebileceğiniz, dönüşüm ve karlılık oranlarını hesaplayabileceğiniz ve giriş sayfalarının verimliliğini analiz edebileceğiniz çok yönlü bir uygulama.

GoingUp - Tam özellikli bir analiz paketi olan bu uygulama derinlemesine ziyaretçi ve performans takip özelliklerini bir arada sunuyor.

PHP-Stats - PHP üzerinde geliştirilmiş tam özellikli bir analiz uygulaması.

Shortstat Beta 3 - Arama motoru anahtar kelime takibi ve daha fazlasını sunan sade bir analiz yazılımı.

SlimStat - Shortstat'ı temel almış ve arama motorları tarafından gönderilen örümcekleri filtreleyebilme ve gerçek kişiler tarafından sitenizin kaç kez ziyaret edildiğini gösteren bir uygulama.

JAWStats - Grafikler ve tablolar kullanarak analiz verilerinizi gösteren ücretsiz ve açık kaynaklı bir uygulama.

Histats - Gönderen bilgileri ve derinlemesinze ziyaretçi bilgisini gerçek zamanlı olarak sunabilen ücretsiz bir web analizi.

StatCounter - Yüksek seviyede özelleştirilebilir ve ücretiz olan bir istatistik programı.

Brandgrow Website Analytics - Web site bölünmesi, rakip analizi, endüstri puanlaması ve daha fazlasını sunabilen farklı bir analiz programı.

Sawmill 8 - Gerçek zamanlı uyarılar ve tıklama iz analizi sunabilen bir uygulama.

XPLG - Dilediğiniz tür BT verisini izleyebilmenizi ve analiz edebilmenizi sağlayan bir analiz paketi.

FuseStats - Özelleştirilebilir sıcaklık haritaları, reklam kampanya yönetimi, birden fazla sitenin takibi ve daha fazlasını sunabilen bir uygulama.

Enquisite - Görsel arama analizi desteği sunan ve sitenizin uzun mesafeli arama yönlendiricilerini optimize edebileceğiniz bir arama analiz programı.

Web Trafik Görselleştirmesi

clickdensity - Sıcaklık haritaları ve gerçek zamanlı ziyaretçi verisini kullanarak bağlantı ve reklam konumunu belirlemenize yardımcı olacak ve sitenizin ziyaretçilerinizi sitenizde tutabilme kapasitesini arttırabilmenizi sağlayacak bir uygulama.

nextSTAT - Tam özellikli bir analiz paketi olan ve grafiksel ziyaretçi ayrıntı yol raporlarını içeren bir uygulama.

Clicktale - Ziyaretçilerinizin sitenizde neler yaptığını gösteren filmler izleyin, sıcaklık haritalarını görün ve sitenizde ziyaretçilerinizin yaptığı her şeyi ama her şeyi takip edin. Ayrıca hangi form alanlarının ziyaretçilerinizin sitenizi terk etmelerine yol açtığını bile bu uygulama aracılığı ile öğrenebilirsiniz.

ClickHeat - Ücretsiz bir tıklama sıcaklık haritası görüntüleyicisi.

DİĞER ARAÇLAR

WASP - Web Analytics Solution Profiler adında bir Firefox eklentisi olan bu uygulama kullandığınız web analiz çözümünün nasıl sitenize entegre edildiğini gösteriyor.

SiteScan - Google Analytics kurulumunu doğru şekilde ayarlanıp ayarlanmadığını sizin için izleyen bir araç.

Fire Analytics - Google Analytics raporlarını Firefox üzerinden görebilmenizi sağlayan bir uygulama.

Cownter App - Ziyaretçilerinize sitenizde onlarla birlike o an kaç kişinin aynı sayfada olduğunu gösterebilen bir uygulama.

Pazar Araştırma Verisi ve Site Puanları

Sitenizin puanını ve popülerliğini Alexa, Google PageRank gibi puanlama servislerini takip ederek size gösterebilen bir uygulama.

socialmeter - Sitenizin popülerliğini Digg, Furl, Jots ve benzeri siteleri takip ederek öğrenin.

Statsaholic - Aynı anda 3 adede kadar web sitesinin puanlarını ve diğer bilgilerini kontrol edin.

SiteVolume - Seçtiğiniz herhangi bir web sitesi üzerinde anahtar kelimelerin ne sıklıkla görüntülendiğini görebilirsiniz.

WebSlub - Sitenizin performansını diğer sitelerle karşılaştırın.

Kaynak:: Mashable!

Web İstatistikleri Hakkında Yazdığım Diğer Yazılar

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Çevrimiçi Bedava Bilimsel Müzik Dergileri

oky — Mon, 19 Jan 2009 19:14:00 GMT

Müzik ile ilgilenenlerin dikkatini çekeceğini düşündüğüm bedava ulaşılabilecek müzik, müzik teorisi, müzikoloji dergileri listesini aşağıda bulabilirsiniz:

Kaynak, ayrıntı ve diğer konular için burası

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En İyi 50 CSS Makalesi

oky — Wed, 14 Jan 2009 17:27:00 GMT

Modern web tasarımı CSS olmadan olmaz. CSS'in esnekliği web geliştiricilerine güncellemesi daha kolay ve daha hızlı web siteleri yaratmasına olanak sağlar. Toxel, bu konuda müthiş bir arşiv oluşturmuş. İpuçları, teknikler, şablonlar, dersler, galeriler, kaynaklar ve araçlar hakkında bir 50 adet makaleyi bir araya toplamış. Mutlaka inceleyin.

css ipuçları ve teknikleri

CSS ŞABLONLARI (Template) VE PLANLARI (Layout)

CSS DERSLERİ

CSS GALERİLERİ

CSS KAYNAKLARI

CSS ARAÇLARI

(kaynak)

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

40 adet fantastik masaüstü duvar kağıdı

oky — Sun, 04 Jan 2009 08:12:00 GMT

masaüstü duvar kağıtları, iyi bir ilham kaynağı olarak bize yardımcı olabilir. kimi zaman onların başarılı örnekleri, yepyeni bir bakış açısı geliştirmeye ve yaratıcı fikirler ortaya çıkmasına ön ayak olabilir.
ve arada bir (ya da sık sık) masaüstü duvar kağıtlarımızı değiştirmeyi isteriz. çünkü her değiştirilen duvar kağıdı taze hisleri de beraberinde getirir. bu yüzdendir ki, asla yeteri kadar duvar kağıdına sahip olamayız. sürekli yenisini ararız.
masaüstü duvar kağıtlarının ayrıntıda kalan bu önemli özelliğini göz önüne alarak, bu bildiride ücretsiz olarak sahip olabileceğiniz 40 adet olağanüstü masaüstü duvar kağıdına yer vereceğiz.

indirmek için

[kaynak]

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Windows İçin 30 Ücretsiz Güvenlik Yazılımı

oky — Sat, 22 Nov 2008 12:16:00 GMT

Herhalde aramızda herhangi bir program kullanmadan güvende olduğunu iddia eden yoktur. Bu kez konumuz ücretsiz antivirüs, firewall ve şifreleme yazılımları. bu yazıya gelen yorumlardan biraz gözüm korkmuş olacak ki herkesin tercihine mümkün olduğunca hitap edebilmek için bu bildiride 30 program yer alıyor.

1. Truecryprt : ücretsiz, açık kaynak kodlu bir veri şifreleme
2. Gnupg : PGP ye alternatif ücretsiz veri şifreleme
3. Steganos Locknote : banka hesabı gibi daha hassas verileri şifrelemek için önerilen bir veri şifreleme yazılımı
4. AntiVir : Arkaplanda çalışıp tarama yapabilen ücretsiz bir antivirüs programı.
5. AVG Free : Arkplanda çalışıp, manuel tarama yapabilmesinin yanı sıra e-mail tarayabilen ayrıca virüslü dosyalarına onarabilen sağlam bir alternatif.
6. Avast : AVG 'ye iyi bir alternatif. kullanabilmek için web sitesinden ücretsiz kayıt yaptırmak gerekiyor.
7. Zone Alarm Firewall : Zone Alarm Internet Security ailesinin ücretsiz firewall u. Bana göre piyasanın en iyisi.

8. Filseclab Firewall : alternatif bir ücretsiz firewall
9. Windows Privacy Tools : Çok dilli ve işlevsel bir veri şifreleme aracı.
10. Online Armor Firewall : online armor un ücretsiz firewall yazılımı.
11. Cryptainer LE : 128 bit veri şifreleme programı.
12. Comodo Firewall Pro : kişisel kullanımı ücretsiz olan bir firewall
13. Adeona : çalınan laptop ınızı takip edebileceğiniz açık kaynak kodlu , gelişim aşamasında olan bir yazılım.
14. Rising Antivirus : alternatif bir ücretsiz antivirüs
15. wipfw : ücretsiz firewall paketi.
16. CryptoExpert 2008 Lite : verilerinizi şifreleyip hard diskte saklayabileceğiniz bir yazılım.
17. Comodo : Comodo nun antivürüs aracı ( firewall la birlikte önerilir)
18. Pc Tools : antivirüs, firewall içeren güvenlik programları grubu.
19. E4M : açık kaynak kodlu, ücretsiz veri şifreleme yazılımı
20. softperfect firewall: ağlarda da kullanılabilecek bir firewall , gelen ağ bağlantıları red edebilme özelliği mevcut.
21. Darik's Boot and Nuke : tüm verilerinizi silebilecek bir yazılım
22. Secure delete : dosya silmek için farklı bir alternatif
23. Dubaron Backup : Harddisk yedekleyicisi. her formattan önce böyle bir şeye ihtiyaç vardır.
24. Forensiz Utilities : datanızı ulaşılamaz yapabilen bir araç daha.
25. Jetico firewall : XP den eski bir sürüm kullanıyorsanız kesinlikle bunu tavisiye ediyorum.
26. Eraser : dos da dahil olmak üzere silebilen güvenli bir silme aracı.
27. Self Image : Hard diskinizin back up ını alabilen alternatif bir yazılım.
28. Sdelete : güvenli bir silme aracı daha
29. Sunbelt Firewall : Kerio Firewall un yeni versiyonu.
30. AutoClave : Disketlerle veri saklayabileceğiniz çağdaş olmayan bir yazılım.

not : kişisel favorim ve kullandığım ürünler : nod32 + zone alarm pro.. her ikisi de ücretli olduğu için listeye dahil edemedim.

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

bütçesi 1 milyon dolardan az, başarılı bağımsız filmler 1

oky — Sun, 16 Nov 2008 14:07:00 GMT

Düşük bütçe, kimi zaman filmin orjinal olmasını sağlayabilir. Bazı bağımsız yönetmenlerde bu yetenek var. Bu yazı serisinde, bu kadar düşük bütçesine rağmen büyük hayran kitlelerine ulaşan değerli filmlerden söz edeceğim..

El Mariachi

Rüştünü çoktan ispatlamış Robert Rodriguez, 1992 yılında sadece 7,000$ harcayarak El Mariachi'yi çekmiş. Rodriguez filmin hem yapımcılığını, hem yazarlığını, hem yönetmenliğini, hem görüntü yönetmenliğini hem de kurguculuğunu üstleniyor.

Following

The Dark Knight ile hayran kitlesini hayli genişleten ünlü yönetmen Christopher Nolan'ın 1998'de çektiği ilk filmi Following'in gizli bir hazine olduğunu söylemek mümkün. Film sadece 6,000$ ile çekilmiş.

Eraserhead

David Lynch'in 1977 yapımı ilk uzun metraj denemesi kült statüstüne erişmekte gecikmemişti. Filmin 100bin dolar bütçesi var.

The Blair Witch Project

22 bin dolarla çekilen ve müthiş bir pazarlama stratejisiyle pazarlanarak milyonlara ulaşan bu filmi de duymayanınız yoktur sanırım. Filmde yaşananların gerçek olarak duyurulmasıyla film birden efsaneye dönüşmüştü.

Darren Aronofsky'ın, 1998 yılında çektiği, paranoyak bir matematikçinin hayatını anlatan Pi adlı filminin 60 bin dolara çekildiğini biliyor muydunuz?

Open Water

2003 yapımı film, çok fazla başarılı bulunmasa da, 130 bin dolarlık bütçesiyle dikkat çekiyor.

Cube

1997 yılında başlayan ve devam filmleriyle süren bu popüler bilimkurgu & korku filmleri serisinin ilk filminin bütçesi 365,000 dolar.

The Texas Chain Saw Massacre

1974 yapımı bir korku klasiği film $83,532 para harcanarak çekilmiş.

The Evil Dead

Sam Raimi'nin 80'lerin klasikleşmiş korku filmi The Evil Dead, 375 bin dolar bütçeyle gerçekleşmiş.
Once

Son olarak, John Carney'in 2006 yılı mahsulü Once, 130bin euro bütçe ile çekilmiş, irlanda'da geçen bir aşk hikayesini konu alan film, Oscar ödülü dahil bir çok festivalden ödül kazandı. Devam edecek..

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Flickr'dan resim könkürtmece

oky — Tue, 11 Nov 2008 14:49:00 GMT

Gelgelelim Flickr öyle mi? Her türlü resim var, kocaman arşiv. Bazen insan Flickr'dan resim indirmeye başladı mı, çekirdek çitler gibi sonsuz bir döngüye girebiliyor. Hele ki ara sıra Flickr'dan yüksek çözünürlüklü resim indirmenizi gerektiren bir iş varsa (foto başına 3 dolar veren var).

Tek tek resim indirme azabından kavrulanların yardımına FlickrDown yetişiyor. Şöyle ki; programı kuruyorsunuz, username, e-mail, etiket veya grup ismi yazıyorsunuz. Daha sonra isterseniz seçe seçe, isterseniz emisyon modunda, Flickr'dan foto setleri veya komple fotoğrafları indiriyorsunuz. Yani program indiriyor siz mutlu oluyorsunuz. Ücretsiz olan Flickrdown, indirme işleminde her fotoraf setinin ismini klasör olarak oluşturup resimleri içine konuşlandırıyor.

arayüzüne bakmaya cesaretim yok

Kullanmak için .Net Framework 2.0 gerekli. Ama böyle bir programı kullanmak etik mi? Doğru mu? Tabii ki ayıp, bunun bir telif hakkı var, hukuku, adeleti var, en önemlisi vicdanı var. Lakin, "bi bakıp sileceğim ya!" bahanesiyle hem kendinizi, hem dünyayı kandırabilirsiniz.

Buradan dayrekt indir

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

zihni kolay çelinen yazarlara karanlık oda

oky — Sun, 02 Nov 2008 12:06:00 GMT

Sadece yazmak istiyor ve bunun dışında bir şey düşünmek istemiyorsanız Jdarkroom isimli bu programı mutlaka denemelisiniz.

jdarkroom

roman, senaryo, deneme gibi türlerde yazanlar için kesinlikle biçilmiş kaftan. Programı çalıştırdığınızda Yazdıklarınızla başbaşasınız.

Yaratıcılığınızı sınırlandıran tüm kalıplardan çıkmak için ücretsiz jdarkroom'u şuradan indirebilirsiniz.

Bu yazı oky tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage