bildirgec.org - punk3r - beğendikleri

Web Sayfanız'daki Fareleri Takip Edin!

punk3r — Wed, 01 Jul 2009 18:05:00 GMT

SMT (Simple Mouse Tracking) JavaScript ve PHP ile hazırlanmış, web sayfalarında fare/imleç izleme script'i/ betiği/eklentisi.

Ücretsiz olarak kullanabileceğiniz bu script ile Web sitenizin veya blog'unuzun ziyaretçilerinin, web sayfalarınız ile olan etkileşimlerini (imleç ile hangi alanlara tıkladıkları ve hangi bölgeleri seçtikleri gibi) öğrenebilirsiniz.

Ziyaretçi davranışlarının izlenebilmesi için oldukça faydalı olabilecek bu script sayesinde elde edeceğiniz veriler ile web sayfanızda, amacınıza uygun yeni düzenlemelere gidebilirsiniz.

SMT'nin ana sayfasına buradan, dokümanlarına buradan ve demo gösterimlerine de buradan erişebilirsiniz.

Kaynak: webresourcesdepot
Takip Et: Blog FriendFeed Twitter Facebook Email RSS

Bu yazı punk3r 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

Flow ile kayıpsız ve tam kontrol çalışma mümkün

punk3r — Wed, 26 May 2010 09:26:00 GMT

Bir bilgisayar operatöru için çalışma sürecinde emek ve zamanın ne için harcandığının belirlenmesi çok önem taşıyor. İster tasarımcı, ister bir mimar, yazar ya da bir öğrenci olun bilgisayar başında bir iş için harcadığınız vaktin ne kadar olduğunu bilmek, otokontrol ve planlama için değerlidir.

Buna ek olarak üzerinde çalışılan işle ilgili hangi dosyalar ve programlarla çalışıldığı, kullanılan dosyalarla a'dan z'ye hangi dosyaların ilişkiye girdiğinin de tam olarak görülebilmesi oldukça önemli.

GridIron'un geliştirdiği FLOW, yukarıda ana hatlarıyla belirtilen ihtiyaçlara inanılmaz bir itina ile karşılık veren yeni bir yazılım. Akıllı ve gerçekten detaylı çalışıyor. Aşağıda, bu programın marifetlerinden birkaçını bulacaksınız, okumaya devam edin ve bilgisayar başında neler yapıyor olduğunuzu tespit etmeye başlayın.

Flow, temel olarak iki parçadan oluşuyor;

Flow Takipçi
İlişki harita göstergeci

Takipçi, siz bilgisayarınızı açtığınız anda çalışmaya başlıyor ve açtığınız, yarattığınız, değişiklik yaptığınız her dosyayı izliyor. Bu sayede Flow, bir dosya ile ilişkili tüm veri ve parçacıkları gözetleyerek birbirine bağlıyor. Ve işte bu noktada bir dosyanın tüm bağlantılarını, bu bağlı yapıda hangi parçacığa ne kadar zaman harcadığınızı oldukça naif bir arayüzle görebildiğiniz harita göstericisini kullanabliyorsunuz.

Flow, bir proje üretimi sürecinde ve sonrasında veri kaybını ve kontrol kayıplarını engelliyor. Örneğin bir photoshop dokümanı üzerinde çalışılırken, bu tasarıma dışarıdan dahil edilen (import ya da kes-yapıştır) her parça bu dosya ile bağlantılı olarak görülebiliyor, PSD layer yapısı izlenebiliyor, her kayıt edildiğinde dosyanın bir yedeğini oluşturan Flow bir versiyon dizisi oluşturuyor.

Çalışmaların korunması için iki önemli işlevi var Flow'un. Çalışılan dosyanın yanlışlıkla silinmesi ya da dosya içerisinde yanlışlıkla yapılan bir değişikliğin dosya üzerine kaybedilmesi durumunda Flow, eski dosya versiyonundan istenen kısmı geri getirebiliyor. Ya da çalışma tamamladıktan uzun bir süre sonra, bir dosya silinmeye çalışıldığında Flow, bu dosyanın bir başka dosya ile bağlı olduğu uyarısını vererek proje bileşenlerinin zarar görmesini engelleyebiliyor. Arama özelliği de oldukça zaman kazandırıcı. Aramalar tüm dosyaların iç yapılarında da yapılmakta. Örneğin bir psd dosyasındaki layerlar da dahil derin bir arama yapabiliyor.

İlişkilendirme ve zaman tutma özelliği oldukça güçlü. Kullanıcının bir programda geçirdiği aktif zamanı tutuyor Flow. Yani program açık kaldığı sürece saati çalıştırmıyor.

Ufak bir not; bu fikir, programı geliştirenlerin aklına bir mutfakta birbirlerine dert yanarken çıkmış. "Müşterilerin, bilgisayar başında geçen tüm süreçleri görmeleri ve anlamaları şart. Ne kadar zor ve dikkat gerektiren bir emek sarfiyatı yaşandığını gösteren bir yazılıma ihtiyacımız var". İşte Flow bu şekilde geliştirilmeye başlanmış. Deneme sürümünü indirin ve kullanmaya başlayın, hayran kalacağınızın garantisini veriyorum.

Uzunca bir yazı oldu, aşağıdaki linklerden videoları izleyerek çok çok daha net bir bilgiye sahip olacaksınız:

ve daha bir çok video ve bilgi için buraya tıklayabilirsiniz

Bu yazı punk3r 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

Photoshop ile resminize Lomo Karanlık efekti

punk3r — Mon, 14 Mar 2011 14:23:00 GMT

Lomo heralde ispanyolca da geri demekmiş. Neyse şimdi kartpostal,film afişi veya Billboard resimlerinde gördüğünüz profesyonellik nasıl yapılıyor ? Beraber yapalım...

İşte ilk resim ve sonuç...

1 evet işleme geçelim photoshop yüklü ise başlayalım..

2 İşlem yapmak istediğimiz resimi Program içerisine alıyoruz.

3 Şimdi Image > Adjustments > Level e giriyoruz ve resimler ki gibi ayarları yapıyoruz.

4 Daha sonra aşağıda ki gibi bütün resimlerde ki ayarları aynen yapıyoruz...

6 Resimlerde ki tonların sizin resminizle benzerlik göstermesine dikkat ediniz.

7 Şimdi Edit > Select All, then Edit > Copy Merged ve Image > Adjustments > Black and White ayarlarını resimde ki gibi hallediyoruz... Opaklığı %70 üzeri almanız iyi olur..

8 Image > Adjustments > Gradient Map

9 Opaklık yine %70 üzeri olabilir.

10 Select All / Copy Merged

yok ben anlamadım ingilizcemde var diyorsan en iyisini yaparsın buyur.

Bu yazı punk3r 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

Popüler Müzik Gruplarının Kullandığı Fontlar

punk3r — Mon, 22 Nov 2010 15:33:00 GMT

Popüler müzik gruplarının logolarını yaparken kullandığı fontlar bilmek istemez misiniz? O zaman başlıyoruz.

The Beatles – Bootle

KISS – Die Nasty

Linkin Park - Futura Extra Bold (Modifiye edilmiş)

My Chemical Romance – The Chemical Parade

Green Day – Breakdown

Weezer – Century Gothic

Slipknot – Sickness

Sex Pistols – Sex Pistol

The Doors – Densmore (Modifiye edilmiş)

Iron Maiden – Metal Lord

ACDC – Squealer

Deftones – Ribbon

Daft Punk – Daft Font

Black Flag – Friz Quadrata

Evanescence – Evanescent

The Ramones – Franklin Gothic Heav

Misfits – Misfits Font

Rolling Stone (Magazin) – Royal Acid Bath

Rock Band – Avant Garde Family (Modifiye edilmiş)

Bu yazı punk3r 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

süper 15 adet css3 navigasyon menü

punk3r — Sun, 21 Mar 2010 19:44:00 GMT

css3 ile birlikte blogcuları ve web tasarımcılarını bir çok yenilik bekliyor. Bunlardan en önemlisi de navigasyon menüler. işte bunu kanıtlayan çalışmalar.

-css3 ile jquery tarzı dikey menü

demo css3

- css3 ile açılır menü

demo css3

- css3 ile yatay menü

demo css3

- mac os x tarzı dock menü

demo css3

kaynak

Bu yazı punk3r 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

Gta İndir

punk3r — Wed, 24 Feb 2010 18:17:00 GMT

Rockstar Games, Gta serisinin ilk bölümü ve ikinci bölümünü ücretsiz olarak dağıtmaya başladı.

Burada yer alan forumu doldurarak oyunu ücretsiz olarak indirebiliyorsunuz.

Bu yazı punk3r 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

Web Tasarımcılar için ikon setleri

punk3r — Thu, 25 Feb 2010 12:56:00 GMT

Web tasarımında, görsellik öncelikli gelir ve görsellikte de ikonlar öncelikli durumdadırlar. Web sitenizi görsel açıdan renklendirmek ziyaretçilerinizin ilgisini çeker ve bu yolla hitlerinizi artırabilirsiniz. Aşağıdaki ikonları web sitenizde kullanabileceğiniz gibi arşivinizide ekleyebilirsiniz. İşte web tasarımcılar için hazırlanan muhteşem ikon setleri;

Vector Social Media Icons

Vektör halinde 16px ve 32px boyutlarında 50 ikon sosyal medya ikonu. ikonlar png, eps, gif formatlarında. Microsoft, Facebook, MSN, Google, Blogger, Vimeo gibi birçok sosyal medya platformunun ikonu bulunmakta.

Shiny Icons

web 2.0'dan sonra logolar ve ikonlar farklı bir tarz aldılar. 16px, 32px, 64px boyutlarında 20 ikon bulunmakta.

Medical Icons

Smashing Magazine tarafından derlenen 60 orjinal png formatında tıbbi ikon seti. 32px, 128px boyutlarında birçok ikon bulunmakta.

Once
(3 boyutlu 48px boyutunda toplam 30 adet ikon)

WooFunction

Wefunction tarafından tasarlanan toplam 178 ikon. Web siteniz için tüm ikonları bulabileceğiniz bir ikon seti.

32 Pixel Social Media Icons

32px boyutunda 100 tane sosyal medya ikon seti. Gmail, Skype, Wordpress, Drupal, Google Picasa gibi genelde bulunmayan sosyal medya ikonları da bulunmakta.

Nixus

Web sitelerinin en çok kullandığı ikonlar bu sette birleştirilmiş. 32px, 48px, 64px boyutlarında png formatında 60 muhteşem ikon bulunmakta.

Fidelity
(32px boyutunda 30 web tasarım ikonu)

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak ; wdl

Bu yazı punk3r 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

Google, HTTP protokolüne alternatif olarak SPDY üzerinde çalışıyor

punk3r — Thu, 19 Nov 2009 15:09:00 GMT

Google, “Let’s make the web faster” vizyonu çerçevesinde pazara sürekli yeni ürünler/teknolojiler çıkartmaya devam ediyor.

Şuradan tamamını okuyabileceğiniz döküman ile HTTP protokolüne alternatif geliştirdiğini de öğrenmiş olduk.

Yeni protokole SPDY (SPeeDY şeklinde telaffuz ediliyor) ismini vermişler ve SSL üstünde çalışmasını sağlamışlar.

SPDY protokolünün tanımını yaptıkları dokümanda, HTTP’nin şu limitlerinden bahsediyorlar;

Bağlantı başına tek istek : HTTP, aynı anda tek kaynak talep edebilir, getirebilir. HTTP protokolü aynı anda tek istekte bulunabiliyor ve bu istekleri FIFO (First In, First Out) mantığı ile kuyruğa alıp işliyor.

tarayıcılar bu problemi çözebilmek için, aynı anda 2 bağlantı açıyorlardı, 2008 yılından beri hemen hemen tüm tarayıcılar, aynı anda bağlantı sayısını 6′ya çıkarttılar.

Sadece istemci istekte bulunabilir: HTTP protokolünde, sunucudan isteği sadece istemci yapabilir. Hatta sunucu, istemci’nin bir kaynağa ihtiyacı olduğunu bilse bile, istemci adına bu kaynağa erişip, sonucu istemciye döndüremez.

Request ve Response Header’larının sıkıştırılamaması: Günümüzde request header’larının boyutu, 200 bayt ile 2 kilobayt arasında değişiyor. Uygulamanızda cookie vs. kullanıyorsanız, boyut ortalama 700-800 bayt oluyor. Her isteğin (request) ve cevabın (response) headerında yer alan bilginin sıkıştırılmadan taşınması, önemli gecikmelere yol açmaktadır.

Gereksiz header bilgileri: Header’da hiç değişmeyecek bilgilerin (User-Agent, Host, Accept, … gibi) tekrar tekrar gönderilmesi gereksizdir. HTTP protokolü, bu bilgileri her isteğin ve cevabın headerına ekliyor.

Veri sıkıştırmasının varsayılan olmaması: HTTP protokolünde veri, varsayılan olarak sıkıştırılmamış formattadır. SPDY protokolünde Google, varsayılan olarak verinin tamamının sıkıştırılmış formatta olmasını sağlıyor.

Yapılan ölçümlemeye göre, sunucundan yapılan yükleme işlemlerinin %50 azalması iki kat hızlı sörf deneyimi sunacaktır. Birkaç yüz milisaniye, tek bir kullanıcı için çok önemli olmasa da, aynı anda yüzlerce, binlerce, hatta milyonlarca kullanıcıya hizmet veren web sunucular için çok önemlidir.

Google, SPDY protokolü ile tam olarak neyi hedefliyor?

Tek TCP bağlantısında birden fazla HTTP (SPDY) isteği gerçekleştirebilmeyi

Header’ın gereksiz kısımlarını silerek, kalan kısımlarını da sıkıştırarak, bandwith kullanımını azaltmayı

Web sunucular açısından, HTTP protokolünden daha kolay uygulanabilir, işlenebilir olmasını

Sunucunun, hazır olduğu zaman, istemciye veri gönderebilmesini.

Ayrıca Google, web’in geleceğinde SSL’in anahtar rolü olduğuna inandığı için, SPDY protokolünü SSL üzerine kurmuş durumda.

HTTP GET ve HTTP POST komutlarının değişmeden kalması öngörülüyor, fakat SPDY ile yeni komutların da geleceği haber veriliyor.

Şu ana kadar Google, hafızada çalışan bir web sunucusu hazırlamış durumda, üstelik yakında açık kaynak olarak halka açmayı da planlıyor.

Chrome browser’ının da hem HTTP, hem de SPDY protokollerini destekleyen bir sürümünü (kod adı “flip”) çıkartmışlar, şuradan kaynak kodlarını indirebilirsiniz.

Bu prototipleri kullanarak yapılan testlerde ortaya çıkan sonuç;

“Top 100″ listesinde yer alan 25 site, ev kullanıcısı bağlantı kapasitesini simule ederek, %1 paket kaybı ile 10′ar defa download edildi ve ortalamalar alındı.

SSL olmayan sitelerde hız artışı : %27 – %60 arasında,

SSL olan sitelerde hız artışı : %39 – %55 arasında.

Bu sonuçlara rağmen, Google’ın tek başına başarıyı yakalaması çok zor. Mutlaka sektör’deki diğer büyük firmalar’ın SPDY protokolünü desteklemesi lazım.

Bu yazı punk3r 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

Ticari sitelerde yapilan 15 Yanlis

punk3r — Sat, 10 Oct 2009 15:49:00 GMT

E-Ticaret

Smashmagazine ticari stielerde yapılan 15 yanlış ile ilgili bir yazı hazırlamış...Hem bu yanlışları hemde bunları nasıl telafi edebileceğinize dair başlıklar şöyle;

1 - Ürünlerle ilgili detaylı bilgi verilmemesi - ticari sitelerde mümkün olduğunca ürün ile ilgili bilgi bulundurarak bunu telafi edebilirsiniz.

2 - İletişim bilgilerini saklamak - İletişim bilgilerini muhakkak görülebilir şekilde bulundurun.. Bu şekilde müşteri memnuniyeti de sağlayabilirsiniz.

3 - Çok uzun veya karışık ödeme sistemleri - Ödeme işlemlerini mümkün olduğunca kolaylaştırın. Müşterilerin zorlayacka kafalaırını karışıtıracak süreçlerden kaçının

4 - Siparişi tamamlamak için üyelik istemek - Müşterileri bu şekilde yönlendirmektesense öncesinde sipariş öncesinde üyelik yaptırabilirsiniz..

5 - Yetersiz site içi arama motorları - Müşteri eğer hangi ürünü alacağını biliyorsa ilk olarak arama motorunu kullanacaktır. Eğer var olan bir ürün bu aramada çıkmazsa müşteri kaybına yol açabilir. Bu yüzden arama motoru kriterlerinin iyi ayarlanması gerekmektedir.

6 - Yetersiz Zayıf Müşteri Hizmetleri - Artık günümüzde müşteriye her türlü destek telefonda verilebiliyor e müşteri aldığı ürünle ilgili karşısında yeterli bilgiye sahip müşteri temsilcileri bulmak istiyor...

7 - Çok küçük ürün fotoları - Müşteriler ürünleri sadece fotoğraflar aracılığıyla gördüklerinden buna da dikkat etmek gerekiyor.. Uygun fotoları koymak çok daha uygun olacaktır...

8 - Ürünlerle ilgili Tek foto kullanmak - Müşteri ürünleri fotolarına bakarak görebilecektir. Dolayısıyla ürünle ilgili bir çok açıdan çekilmiş fotolara yer verilmelidir..

9 - Alışveriş çantası için zayıf tasarımlar - Bu alanı kullanışlı hale getirmekte fayda var. Müşteriye her an aldığı ürünleri ekleme veya çıkarma seçeneklerini çok iyi vermek gerekiyor

10 - Eksik Ödeme seçenekleri - Müşterilere ödeme konusunda seçenekeler sunmak gerekiyor.. Sadece paypal veya belirli kredi kartlarına ödeme seçeneği sunmak müşteri kaybına neden olabilir...

11 - İlgili diğer ürünleri dahil etmemek - satış esansında veya sipariş esnasında müşteriye aldığı ürünlerle ilgili olan farklı ürünleri de sunmayı unutmayın...

12 - Çok karışık menü yapıları - Müşteri e-ticaret sitesine girdiğinde kaybolmamalı.. Menüler çok karışık düzensiz olmamalı. Kategorileme ve alt kategorileme muhakkak çok iyi tasarlanmalı ve uygulanmalı

13 - Nakliye / Kargo bedellerini belirtmemek - Müşteriye süprizler yaşatmamak için muhakkak ödeme sırasında veya genel koşullarda bunları ücretleiyle ilgili detaylı bilgi bulundurun

14 - Satış sitesi koşullarına yer vermemek - Sitede muhakkak alışveriş sitenizde uygulanan satış ve teslimat koşulları ile ilgili detaylı bilgi verin..

15 - Ürünlere gereken ilginin gösterilememsi - E-ticaret sitelerinin asıl amacı ürünleri satmaktır.. Eğer sadece tasarıma veya bir iki ürüne odaklanırsanız bu satışı başaramayabilirsiniz.. Bu yüzden bütün ürünleri aynı değerde ön plana çıkarmaya çalışın..

Umarım yararlı olur...

Kaynak : Smashingmagazine

Bu yazı punk3r 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

Yeni ve Güzel İmajlar, İkonlar

punk3r — Thu, 01 Oct 2009 07:50:00 GMT

Tasarımcı arkadaşların işine yarıyacak, hoşuna gidecek, imajlar, ikonlar:

1- Trafik İşaretleri | indir

trafik işaretleri

2- Iphone Toolbar Icons | indir

iphone icons

3- Iphone Uygulamaları İçin 130 Icon | indir

130 iphone icons

4- Gezi Iconları | indir

gezi ikonları

5- Mutfak Iconları | indir

mutfak iconları

6- Dans Eden Kızlar | indir

dans eden kızlar

7- Okul | indir

okul icons

8- Ginux | indir

ginux

9- Eski Kameralar | indir

eski kameralar

10- LiveJournal Turns | indir

livejournal

11- Şık Eşyalar | indir

şık eşyalar

12- Rrze Icon Set | indir

rrze icon set

13- Web Buttons Vector | indir

web buttons

14- Token | indir

token icons

15- E-ticaret Iconları | indir

e-ticaret iconları

16- Açık Kaynak Iconları | indir

acik kaynak iconlar

Kaynak

Bu yazı punk3r 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