bildirgec.org - ahmetalpbalkan - beğendikleri

Bilgileriniz Ne kadar Güvende?

ahmetalpbalkan — Wed, 11 Mar 2009 17:44:00 GMT

İnternette gezinirken, network güvenliği ile ilgili videoların olduğu bir siteye denk geldim: SecurityTube (güvenlik-tube)

Bünyesinde;

Codding (kodlama)
Tools (araçlar)
Basics (temeller)
Fun (eğlence)

gibi dört adet bölüm barındırıyor.

Seçtiğiniz bölümlerde kendi içlerinde birkaç kategoriye dallanıp budaklanıyor. Ama en güzel tarafı, tüm başlıkların altında birebir ders anlatımı şeklinde videoların bulunması. Bu sayede size dışarıdan saldırabilecek olan kişinin hangi yolları izlediği hakkında bilgi veriyor.

Videolar ingilizce ancak anlatımları gerçekten çok anlaşılır.

Benim ilgimi çeken başlıca videolar;

WPA Hacks (Wireless şifrelerini kırmak için)
Network Vulnerability (Network'de bulunan güvenlik açıklarını sorgulamak için)
Hard Drive Hacking (Harddiskiniz hakkında bilmedikleriniz.)

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

Sevgililer Günü için 10 Wordpress Teması

ahmetalpbalkan — Sun, 08 Feb 2009 08:01:00 GMT

Sevgililer gününe son 1 hafta kala sevgilinize nasıl bir süpriz yapsam diye düşünüyorsanız birkaç alternatifiniz var.

1- Güzel bir hediye
2- Bir o kadar güzel bir çiçek
3- Aynı güzellikte bir kart

veya sadece birkaç dakikanızı ayırarak oluşturabileceğiniz güzel bir site. Bu güzel site için size WordPress ve sevgililer gününe özel en iyi 10 WordPress temasından biri yeterli olacaktır.

İşte seçebileceğiniz temalarını 10+Bonus

1. Pink White Valentine by wordpressthemed

Demo | Download

2. Free Pink Valentine by wpcontempo

Demo | Download

3. Valentine Theme by wpcube

Demo | Download

4. Be Mine by pimentels-photography

Demo | Download

5. WP Dating Valentine by wordpressthemed

Demo | Download

6. Heart Shaped by freestylez

Demo | Download

7. Valentine by freewpthemes

Demo | Download

8. Love Birds by girlyblogdesignz

Demo | Download

9. Happy Valentino by wordpress2u

Demo | Download

10. Valentine Blog 2.0 by wptemplates

Demo | Download

Derleme Buradan alınmıştır.

...:::Bonus:::...

WPlove Free Theme

Demo | Download

Bu yazı ahmetalpbalkan 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 İçin Ücretsiz Flash Galerisi: Flapi

ahmetalpbalkan — Sun, 08 Feb 2009 12:43:00 GMT

Flapi, açık kaynaklı bir flash galerisi olup Flickr fotoğraf setlerini ve görsellerini görüntülemek için kullanılabilir.

Halihazırda aktif olan bir web sitesine ya da Flash uygulamasına dahil edilmesi oldukça kolaydır.

Flapi

Fotoğraf setlerini görüntüleyerek üzerlerine tıklandığında içerisindeki görsellere ulaşabilyorsanız. Uygulama üzerinde hangi fotoğraf setlerinin görüntülenmesini istediğinizi de belirlemek mümkün.

Flapi yüksek miktarda özelleştirilebilir. XML dosyası üzerinden aşağıdaki seçenekleri ve çok daha fazlasını tanımlamak mümkün.

hangi setlerin görüntüleneceği
rasgele görüntüleme
döndürme periyodu
navigasyonu göster/gizle
renkler, sınırlar ve çok daha fazlası.

.fla dosyasını da uygulama ile birlikte indirebileceğiniz için uygulamanın görünümünü kendi ihtiyaçlarınıza göre özelleştirebilmeniz mümkün.

Flapi

Kaynak: WebResourcesDepot

Bu yazı ahmetalpbalkan 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 Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör

ahmetalpbalkan — Wed, 28 Jan 2009 09:17:00 GMT

Sitenize yeni bir ziyaretçi geldiğinde sitenize dair ilk izlenimi çabuk bir şekilde oluşacaktır. İyi bir ilk izlenim, ziyaretçinizin sitenize yeniden gelmesini sağlayabilecek önemli faktörlerden biri iken, kötü bir ilk izlenimin bıraktığı izlerin üstesinden gelmek zordur.

Yazının devamında bulacağınız liste sitenizi ziyaret eden ziyaretçilerin ilk izlenimlerini etkileyen 21 faktörü listelemektedir. Bu listenin faktörlerin sadece bir kısmı olduğunu ve tüm faktörleri oluşturmadığını unutmayın. Eğer istersiniz sizce önemli olan faktörleri de yorumlarınızla paylaşabilirsiniz.

1. Açılma Süresi
Pek çoğumuz yavaş açılan web sitelerine karşı sabırsızızdır. Diğer yandan hızlı açılan web siteleri ziyaretçileri siteniz üzerinde gezinmeye teşvik edecektir, zira her bir sayfanın açılması için uzun süre beklemeyeceklerini bilirler.

2. Hata Mesajları
Eğer sitenizi ziyaret eden ziyaretçiler hata mesajları alıyorlarsa ve sitenize erişmede sıkıntı yaşıyorlarsa, sitenizden etkilenmeyeceklerdir ve sitenizi bir kez daha ziyaret etmeyeceklerdir. Sitenizde oluşabilecek pek çok hata bulunmaktadır. BlogStorm'un yayımladığı şu makale bir adet başarısız siteyi ele alıyor ve problemlerini irdeliyor.

3. Renkler
Sitenizin görünümü hiç şüphesiz ilk izlenimde oldukça etkilidir. Sitenizin genel renk şeması, sitenizin çekiciliğinde önemli rol oynar. Doğru renk kombinasyonlarını seçmek zor olabilir, ancak İnternet üzerinde size bu konuda yardımcı olabilecek pek çok araç bulunmaktadır. Renklerin psikolojisine dair kaynaklar ve bağlantılar için Web siteniz için mükemmel renkleri bulun adlı yazıyı ya da bildirgec üzerinde yayımladığım Tasarımcılar İçin Renk Planlama (Color Scheming) adlı yazımı okuyabilirsiniz.

4. Logo / Marka
Sitenizin genel görünümünü etkileyen bir diğer faktör de sitenizin logosu ve markasıdır. En önemlisi sitenizde kullanacağınız logo işinizi ya da kurumunuzu sizin ziyaretçilerinizin düşünmesini istediğiniz şekilde düşünmesine yol açabilecek şekilde markalaştırabilmelidir. Daha fazla bilgi için David Airey'in yazdığı Bir logoyu mükemmel yapan nedir? başlıklı yazıyı okuyabilirsiniz.

5. Başlık Görselleri
Baskın başlık görselleri sık kullanılır ve ilk izlenime güçlü etkileri olabilir. Kişisel olarak ben bloglarda büyük boyutlu başlıkları seven bir değilimdir ancak bazı blog tasarımcıları bunu mükemmel bir şekilde uygulayabiliyorlar. Şahsen ben içeriğin sayfanın üst kısmında başlamasını isterim ancak pek çok ziyaretçi benimle aynı fikirde değildir. Nate Whitehill sitesinde oldukça çekici bir başlık görseli kullanmaktadır.

6. Tipografi
Görece etkili olan bir diğer element ise tipografi ve yazıtipleridir. Tipografideki değişiklik önemli bir değişiklik olmayabilir ancak sitenizin genel görünümünü tümden değiştirebilecek kapasitededir. Mark Boulton tarafından yazılan Daha İyi Tipografi İçin 5 Basit Adım makalesi size konu ile ilgili daha detaylı bir bilgi verebilir.

7. Anahat
En önemli tasarım elementlerinden birisi de anahattır (layout). Hangi anahattı kullanırsanız kullanın, kullanacağınız anahat sitenizdeki önemli öğelere ziyaretçinin dikkatini çekebilmelidir. Anahat sadece çekici bir tasarım oluşturmak için kullanılmakla kalmaz, ayrıca sitenizi ziyaretçilerinizin daha kolay bir şekilde kullanabilmelerini de sağlar. Web sitelerinin pek çoğu standart tasarım elementlerini kullansa da sitenizi diğerlerinden ayırabilmenin bir yolu da anahat üzerinde yaratıcılığınızı konuşturmaktır. Elbette yaratıcı bir anahattın sitenizin kullanılabilirliğini azaltmaktansa işlevselliğini arttırmayı tercih etmelisiniz.

8. Reklamlar
Sitenize dair kötü bir izlenim uyandırmanın en kolay yollarından birisi de sitenizi reklamlarla doldurmaktır. Günümüzün İnternet kullanıcılarının pek çoğu siteler üzerinde reklam gördüklerinde şaşırmazlar ancak çok fazla ve yanlış türde kullanılan kötü bir şekilde yerleştirilmiş reklamlar ziyaretçilerinizin sitenizden kolayca soğumasını sağlayabilir.

Genel bir kural olarak reklamlarınızı ziyaretçilerinizin sitenizdeki içeriği okumalarına engel olmayacak bir şekilde yerleştirmelisiniz, tabi eğer sitenizin amacı tıklama başına reklamlar üzerinden para kazanmak değilse. Hareketli reklamlar da bir diğer önemli konudur zira bu tip reklamlar site ziyaretçilerinizin dikkatini kolayca dağıtabilirler.

Ziyaretçilerizi ilgilendiren ve sitenizin ana içeriği ile karışmayan reklamlar kullanırsanız ziyaretçileriniz bunu kötü algılamayacaklardır.

9. İtibarınız
Sitenizi ilk kez ziyaret eden ziyaretçilerinizin bir kısmı daha önce sizin hakkınızda bilgilendirilmiş olabilir. Çoğu zaman sizin hakkanızda sitenize bağlantı veren bir başka site üzerinde bilgi sahibi olmuşlardır. Bu durum özellikle blogcular arasında yaygındır. Eğer o ziyaretçi siteniz hakkında olumlu bir yorum okumuşsa onun ilk izlenimini olumlu yönde etkileyebilecek bir itibar bırakmışsınızdır. Bu durum ziyaretçiniz eğer sizin hakkınızda kötü yorumlar okumuşsa aksi yönde de işleyebilir.

10. Navigasyon Kolaylığı
Muhtemelen hepimiz üzerinde okunacak pek çok içerik bulunan bir site görünen ancak istediğimiz şeyi bulamadığımız bir site ile karşılaşmışızdır. Kötü bir navigasyona sahip bir web sitesinden daha rahatsız edici bir şey var mı bilmiyorum. İyi tasarlanmış bir navigasyona sahip web sitesinin, ziyaretçilerinizin sitenizdeki deneyimleri üzerinde çok pozitif bir etkisi olabilir.

11. Amacınızın Netliği
Yeni ziyaretçiler sitenizin varoluş amacını çabucak anlayabilmelidirler. Pek çok sitesi bunu sitelerinin üst kısmında sitenin içeriğini özetleyen bir tanım kullanarak başarırlar. Hakkında sayfaları da iletişim açısından önemli elementlerden biridir.

12. Profesyonel Olmayan Öğeler
Düşük kalitede animasyonlu GIF görselleri gibi bazı öğeler ve sayaçlar kötü bir ilk izlenim oluşturabilirler. Genel olarak sitenizi 10 yıl önce tasarlanmış gibi gösterebilecek her şeyden uzak durulmalıdır.

13. Görsellerin ve Fotoğrafların Kalitesi
Yüksek kalitede bir fotoğrafın ya da grafiğin tasarım üzerinde bırakabileceği etki gerçekten inanılmazdır. Ne şans ki İnternet üzerinde yüksek kalitede düşük ücretli fotoğraflar bulabileceğiniz pek çok resim bulunmaktadır hatta bunlardan bazıları ücretsizdir. İyi bir ücretsiz resmi bulmak için harcayacağınız zaman, daha çabuk bulacağınız ve sadece birkaç lira ödeyerek sahip olabileceğiniz resimlerle kıyaslandığında, harcanmaya değmez. İnternet üzerinde fotoğraf bulabileceğiniz sitelerin bir listesine ulaşmak için bu makaleyi okuyabilirsiniz.

14. Erişilebilirlik
Web tasarımında erişilebilirlik son zamanların popüler konusu haline gelmiştir. Gerçek olan şu ki ziyaretçilerinizin pek çoğu ortalama ziyaretçi kategorisine düşmeyecektir. Bazılarının engelleri olacak, bazıları eski bir tarayıcı kullanıyor olacak, bazılarının da yavaş bağlantıları olacaktır. Eğer web siteniz siteniz tarafından erişilebilir olmazsa, bu ziyaretçileriniz üzerinde kötü bir izlenim bırakacağının garantisidir.

15. Açılır ve gizli-açılır pencereler
Günümüzde pek çok İnternet kullanıcısı bir tür pop-up engelleyicisi kullanmaktadır. Pek çok ziyaretçi, engellenemeyen açılır pencerelerden hoşlanmazlar ve bu da kötü bir izlenime yol açar. Buna rağmen bazı siteler halen açılır pencereleri verimli bir şekilde kullanmaktadırlar, bu sebeple açılır pencere kullanmadan önce artıların ve eksilerini iyi bir şekilde tartmanız önerilir.

16. Video ve Ses
Gün geçtikçe daha fazla İnternet kullanıcısı yüksek hızlı bağlantılara sahip oldukça ses ve video içerikli web siteleri daha yaygın kullanılmaya başlayacaktır. YouTube gibi sitelerin başarısı bu tip elementlerin pek çok ziyaretçi tarafından olumlu karşılandığının bir göstergesidir. Genel bir kural olarak ses ve video içerikleri otomatik olarak başlatılmamalıdır.

17. İştiraklar ve Kurumlar
Ziyaretçiler sitenizi ilk kez ziyaret ediyor olabilirler ancak birlikte iş yaptığınız ya da ürünlerinizi kullanan diğer firmaların ismini görerek siteniz hakkında olumlu bir izlenime kapılabilirler. Buna güzel bir örnek olarak Media Temple web sitesi gösterilebilir. Media Temple'nin ana sayfasını ziyaret eden ziyaretçiler Nike, Sony ve Starbucks gibi firmaların Media Temple hakkındaki yorumlarına ulaşacaklardır. Eğer ziyaretçinizin ürünleriniz ve hizmetleriniz hakkında şüpheleri varsa, bunun gibi iyi bilinen şirketlerin ilk izlenime katacağı olumlu katkı kaçınılmazdır.

18. İçeriğin Kalitesi
Elbette kaliteli içerik bu listenin dışında kalamazdı. Her ne kadar sitenin içeriği, tasarımı kadar ilk izlenime etkisi olan bir element olmasa da, siteniz üzerinde bir dakikadan daha uzun süre kalan bir ziyaretçinin ilk izlenimi üzerinde hatırı sayılır bir etkisi olacaktır. Bu özellikle bloglar için önemli bir faktördür. Siteniz ilk kez ziyaret eden bir ziyaretçi mükemmel bir içeriğe ulaşırsa, siteniz hakkındaki ilk izlenimi hiç şüphesiz olumlu olacaktır.

19. Ton
İçeriğin kendisinin yanısıra içeriğin tonu da ilk izlenimde etkilidir. Daha önce güçlü içeriğe sahip ancak yazarı tarafından olumsuz bir tona sahip pek çok blogla karşılaştım.

20. Yorumların Sayısı ve Geri İzlemeler
Blogunuzu ilk kez ziyaret eden ziyaretçilerin pek çoğu, yazılarınızdaki yorumların sayısına dikkat edeceklerdir. Yorumların ve geri izlemelerin sayısının fazlalığı, ziyaretçilerin ilgil içeriğin başkaları tarafından önemsendiği ve bu sayede onun değerli olduğu izlenimini uyandırır. Öte yandan hiçbir yorumu bulunmayan yazılar, ziyaretçinin ilgili içeriği kimlerin okuduğunu düşünmesine yol açar.

21. Flash Girişler
Olumlu ya da olumsuz, flash girişleri (intro) bulunan sitelerin ziyaretçilerin ilk izlenimine etkisi olacaktır. Ben pek çok web sitesinde flash girişi bulunmasından hoşnut değilimdir. Bu tip girişlerin bazı endüstrilerdeki bazı web sitelerinde yeri olduğunu düşünürüm, mesela film ya da rock müzik gruplarının web siteleri gibi. Eğer ziyaretçilerinizin sizden bir flash girişi beklemediğini düşünüyorsanız flash girişi kullanmaktan kaçınırım.

Kaynak: Vandelay Design Blog

Kullanılırlık ve Tasarımcı İpuçlarına Yönelik Yazdığım Diğer Yazılar

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

Resim Koruma Teknikleri

ahmetalpbalkan — Sat, 24 Jan 2009 15:38:00 GMT

Web sitelerimizde yer alan resimlerin kopyalanmaması için bahsedeceğim çeşitli teknikler uygulanabilir. Bu resim koruma yöntemleri bir takım önlemler olsalar da yine de kopyalanmamayı garanti edemez. En basitinden ekran kopyala (print-screen) tuşu bile resmi kopyalamaya yetecektir.

Resim koruma önlemleri:

1. Sağ tuş kilitleme (disable right click): Resmin üzerinde sağ tıklayıp "resmi kaydet"i önler.
Bakınız: No right click
Ayrıca: jQuery Plugin for no right click

2. Internet Explorer 6 Image Toolbar'ı kaldırma (Disable IE6 Image Toolbar): Resmin üzerine gelindiğinde otomatik görünen kaydetme seçeneğini kaldırır.

Disable IE6 Image Toolbar

3. Gerçek resmin üzerine boş resim koymak: Bu yöntemde gerçek resminizi "div" etiketi içinde arka plan resmi olarak kullanıyorsunuz. Transparan boşluk resminizi de aynı boyutlarda gerçek resimmiş gibi kullanıyorsunuz. Orijinal resmi gören kişi resmi kaydetmeye çalıştığında "blank-boşluk" resmi kaydetmiş olacaktır.

Bu problemin çözümü için iki javascript framework'ü oluşturulmuş:

dwProtector for MooTools
dwProtector for jQuery

4. Bir diğer yöntem JPG, GIF, BMP veya PNG gibi normal resim türleri yerine flash kullanmak.

Bu amaç için yapılmış bir uygulama: swfIR (swf Image Replacement).

5. Bildiğimiz bir yöntem de resimlerin üzerine yazı yazmak. Bu yöntem iki şekilde gerçekleştirilmekte. Birincisi çeşitli program veya siteler üzerinden yazılar eklenmekte (watermark). Online watermark işlemi için buraya ve şuraya bakabilirsiniz. İkincisi ise bizzat server'ın kendi tarafında orijinal resim ekrana basılırken yazı eklenerek basılması işlemi. Bunun için de şuraya bakabilirisiniz.

Image Watermarking

6. Bir diğer yöntem de resmin parçalara ayırılıp (image splitting) kullanılması. Şu sitede örneğini göreceğimiz gibi güzel bir yöntem.

7. Resimlerin dizinlerine erişimi ya da botların resimleri çekmesini engellemek: Bu yöntemde alınacak önlemler htaccess üzerinde hotlinking koruması ile ve robots.txt ile izin verip vermemeyle yapılabilir.

Örnek robots.txt:

User-agent: * Disallow: /cgi-bin/ Disallow: /images/

User-agent: vscooter
User-agent: DittoSpyder
User-Agent: Googlebot-Image
User-Agent: psbot Disallow: /

8. Son olarak da aklıma gelen bir yöntem olarak görüntü işlemeden bahsetmek istiyorum. Bu yöntemde "resmin içine yazı saklama" gibi copyright yazısı ya da site adresi gibi bilgilerin farkettirmeksizin resmin için de saklanmasıdır. Belirli kurallar çerçevesinde bazı piksellerin renk değerlerinde ufak değişiklikler ile bu yapılabilir ve uygulama yazılabilir.

Bu yazının hazırlanmasında buradan ve şuradan yararlanılmıştır.

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

ahmetalpbalkan — 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ı ahmetalpbalkan 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 Uygulamaları İçin En İyi 21 Simge Seti

ahmetalpbalkan — Tue, 13 Jan 2009 14:15:00 GMT

Bir web uygulaması tasarlarken kullanıcı arabirimini kolay kullanılabilecek şekilde tasarlamak önemlidir. Gezinti (navigasyon) bağlantılarının yanı sıra simgeler kullanmak bu hedefe ulaşmak için üzerinde çalışmamız gereken önemli bir görevdir. Ancak uzun zamanınızı alacak simge setlerini baştan oluşturmak yerine neden başkalarının sizler için oluşturduğu simge setlerini kullanmayasınız? Bu yazıda web uygulamaları geliştirmek isteyen kullanıcıların uygulamalarında kullanabilecekleri en başarılı simge setlerini listelemeye çalıştım.

Jonas Rask Design Icons for Developers

Jonas Rask Design Icons for Developers

ASP.NET Icons

ASP.NET Icons

Tango Icon Library

Tango Icon Library

Aesthetica Icons

Aesthetica Icons

Diagona Icons by pinvoke

Diagona Icons

Fugue Icons by pinvoke

Fugue Icons

FAMFAMFAM - Silk

FAMFAMFAM - Silk

Web Application Icon Set

Web Application Icon Set

Coquette Icons

Coquette Icons

Free web development icons #4 SE

Coquette IconsFree web development icons #4 SE

Developpers Icons

Developpers Icons

Knob Buttons Toolbar Icons

Knob Buttons Toolbar Icons

Simplistica Icons

Simplistica Icons

Function Icon Set

Function Icon Set

Milky

Milky

Simplico

Simplico

Fresh

Fresh

FAMFAMFAM - Mini

FAMFAMFAM - Mini

Crystal Clear

Crystal Clear

Monofactor Vector Icons

Monofactor Vector Icons

IVista Icon Pack 2

IVista Icon Pack 2

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

Krizde iş yoksa, iş fikirleri var

ahmetalpbalkan — Fri, 09 Jan 2009 14:42:00 GMT

Girişimci ruh doğuştan mıdır? bilinmez ama, girişimci artık yapmak istediği işin potansiyelini internetten araştırıyor, hatta hangi işleri yapabilir, nasıl bir yol izler bunları internet ortamında rahatca bulabiliyor. Böyle bir arayış içinde olanlar yurtiçinde ve yurtdışında öne çıkan siteleri aşağıda bulabilir.

Yurtdışı'ndan;

Entrepreneur.com: Bu alanda dünyanın bir numarası diyebiliriz. O kadar kapsamlı bir siteki içerisinde aradığınızı buluyor kaybediyor ve yeni birşey buluyorsunuz:) Evrensel girişimcilerin ortak noktası.

Springwise.com: Blog şeklinde hazırlanmış olan bu sayfada ilginç ve başarılı olmuş iş fikirlerini firmaların web adreslerine yönlendirme yapılarak yer veriliyor. Tabi ki buradaki her herşey yurtdışında başarılı olmuş burada da olur diye bir şey yok.

Coolbusinessideas: Bu sayfada Springwise benzeri. Arada Springwise'dan yazılar da gözünüze çarpabilir:) Bu sayfada başarılı iş fikirlerini bulabileceğiniz gibi Türkiye'de olmayan ve yararlı ürünleri de bulabiliyorsunuz. Hatta ülke distribütörü arayan firmalarla iletişime geçebilirsiniz.

Yurtiçinden;

Isfikrim.org: Türkiye'de beğeniyle takip ettiğim bir web sitesi Türkiye'de başarılı olabilecek iş fikirlerinin, franchis e-bayilik veren firmaların, girişimcilere yönelik ürünlerin bulunduğu bir web sitesi olarak faaliyet gösteriyor.

Girisimicin.com: Blog şeklinde hazırlanmış girişimcilere yönelik bir platform. Girişimcilerin yorumlarıyla, kendi fikirleriyle, söylemek istedikleriyle katkıda bulunabildiği bir oluşum.

Bu yazı ahmetalpbalkan 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ımında Altın Oran

ahmetalpbalkan — Sat, 03 Jan 2009 16:44:00 GMT

Matematik güzeldir. Kulağa garip mi geliyor? Ben de tasarım yapmaya ilk başladığımda aynısını düşünmüştüm. Matematik esnek değildir ve genellikle sıkıcıdır, en azından ben öyle düşünürdüm. Pek çok sanat eserinin, estetik olarak göze hoş gelen tasarımların, nesnelerin hatta bazı insanların ortak matematiksel değerleri paylaştığını duyunca şaşıracaksınız. Yunanca Φ (phi) harfinden esinlenen ve ilahi oran olarak da bilinen altın oran özellikle bunların başında geliyor. Bu rehber bir websitesinin anatomisini ve çatısını kapsıyor ve Alton Oran'ın buna olan etkisini inceliyor.

Web Sayfasının Anatomisi
Web sayfananın öğeleri organlar gibidir, estetik olarak göze hoş gelen ve düzgün işleyen bir web sayfası için hayati önem taşımaktadır.

Bunlar bir web sayfasının ana elementleridir. Bunları organize etmek için pek çok yöntem bulunmakla birlikte en sık kullanılan şablon budur.

Container (Kapsayıcı)

Tüm web sayfaları kapsayıcılar kullanır ve aynı amaca, sayfa elementlerini kapsama amacına hizmet etmek için de olsa kullanım şekli değişkendir. Örneğin body etiketi ya da div en sık kullanılan şeklidir. Geçmişte tablolar bile bu amaçla kullanılmıştır (siz tabloyu sayfanızda kapsayıcı olarak kullanmayın, bu yöntemin değeri kayboldu). Kapsayıcıları, yatak odanızın, mutfağınızn, salonunuzun ve oturmanızın içine döşendiği, evinizi kapsayan fazladan bir duvar olarak düşünün.

Kapsayıcı tipleri:

Likit (Liquid): Tarayıcı penceresini dolduracak şekilde genişler.
Sabit (Fixed): Seçtiğiniz genişliğe sahiptir ve tarayıcı pencere boyutuna göre değişkenlik göstermez.

Header (Başlık)
Başlıklar aslında bir elementi tanımlamalazlar ancak bazıları onu bu şekilde kullanabilir. Genellikle web sayfasınızın logosunu, navigasyonunu, sloganını vs. kapsayan bölüm için kullanılır. Pek çok kişi bu elementleri daha kolay sayfa stillemek, element bölümlemek ve/veya sınırlamak için bir div içerisinde taşırlar. Başlıklar da birer taşıyıcı olarak algılanabilecekleri için yukarıda anlatıldığı gibi Likit ya da Sabit formda kullanılabilir.

Logo
Logonuz kimliğiniz ve markanızdır. Logonuz için en uygun yer başlık içerisinde sol kısımdır. Soldan sağa ve yukarıdan aşağı doğru okuruz, bu sebeple logonuzun ziyaretçilerinizin bakacağı ilk nesne olması muhtemeldir.

Navigasyon
Sayfa navigasyonu en önemli elementlerden birisidir, ziyaretçilerinizin websitenizi kullanabilmesi için gereklidir. Kullanması ve bulunması kolay olmalıdır, ki bu sebeple genellikle başlık bölümünde ya da sayfanın üst kısmına yakın bir yerde konumlandırılır. Bazen yoğun içeriğe sahip websitelerinde her iki tip navigasyonun kullanıldığı görülür.

Navigasyon tipleri:

Yatay: Birbiri ardına dizilmiş ve genelde "navigasyon" diye tabir edilen bir dizi link.
Dikey: Alt alta dizilmiş ve genelde "menü" diye tabir edilen bir dizi link.

Main Content (Ana İçerik)
Herkesin bildiği (ya da bilmesi gerektiği) gibi içerik kraldır! İnsanlar sitenizi ziyaret ettiklerinde genel olarak bakacakları element budur. Web sayfasının ana odak noktası olmalı ki ziyaretçiler aradıklarını kolayca bulabilsinler.

Sidebar (Yan Bar)
Yan bar; reklam, site araması, abonelik bağlantıları (RSS, Twitter, Elektronik posta vs.), iletişim yöntemleri gibi öğeleri içerebilecek bir elementtir. Bu elementi kullanmak her ne kadar gerekli olmasa da pek çok websitesi bunu kullanır. Genellikle sağa dayalı olarak kullanılsa da bazen sola dayalı, ya da ana içeriğin her iki yanında da kullanıldığı görülür. Burada unutulmaması gereken ana içerikten daha baskın hale gelmemesi gerekliliğidir. Dikey VE yatay navigasyon kullanan websitelerinde yan bar genellikle dikey navigasyon elementi ile birlikte kullanılır.

Footer (Altlık)
Web sayfasının altı genellikle altlık elementini kullanır ve bu element ziyaretçilerinizin sayfanın tamamlandığını anlamasını sağlar. Tıpkı başlık elementinde olduğu gibi altlık elementi de kullanması zorunlu bir element olmamakla birlikte daha çok bir kapsayıcı elementtir. Altlık içerisinde telif bilgileri, yasal uyarılar ve iletişim bilgilerinin kullanıldığı sık görülür. Web sitenizin ana sayfası, iletişim bilgilerinin yer aldığı sayfa gibi önemli sayfalara birkaç bağlantı içermesi de tercih edilid. Bazı websiteleri bu alanı sayfanın içeriği ile ilişkili başka içeriklerden ya da diğer önemli içeriklerden bahsetmek amacı ile kullanırlar.

"Whitespace" (Boşluk)
Web sayfasının bu alanı tipografi ya da diğer içerikle doldurulmayan tüm alanlara verilen genel addır. Bazen her boşluğu doldurmak zorunda hissedebilirsiniz kendiniz ama bunun olmasına izin vermeyin. Boş alanlar iyi web tasarımının tıpkı içerik gibi önemli bir alanıdır. Bildirgeç websitesinde beyaz alanların kullanıcıların içerik arasında yolunu bulabilmeleri için zekice kullanıldığını, sayfa balansı oluşturduğunu ve içerik bölümlemesini sağladığını göreceksinizdir.

Altın Oran ve Izgara Kullanımı
Daha önce matematiğin güzel olduğunu söylediğimi hatırlıyor musunuz? Görsel zevki altın oran temelinde algılıyoruz. Binlerce yıldır sanatçılar, tasarımcılar, mimarlar vb. bilerek ya da bilmeyerek göze hoş gelen eserlerin ortak bir oran kullanarak oluşturdular. Peki bu sihirli numara nedir? 1.62 (aslında 1.618...) Bu numaranın kökenine değinmeyeceğim ancak nasıl kullanabileceğinizi göstereceğim.

Altın oranı kullanmak çok kolaydır. Diyelim ana içerik ve yan bar sütunlarınızın genişliğini buldunuz. İçerik alanınzın toplam genişliğini aldınız (örneğimizde 900px kullanacağız) ve onu 1.62'ye böldünüz. Yukarıdaki örnekte görüldüğü gibi 900px'i 1.62'ye bölerseniz 555.55px elde edersiniz. Sayının tam olmasına gerek yok, o yüzden biz 555px diyelim. Şimdi ana içerik elementinin 555px olacağın, yan barın da 345px olacağını biliyorsunuz. Ne kolay değil mi?

Ama durun! Eğlence burada sona ermiyor. Altın oranı elementin yükseliği ile oranlayarak da kullanabilirsiniz. Bu, Altın Oran orantıları ile estetik olarak göze hoş gelen elementlerin oluşması ile sonuçlanacaktır.

Izgara (Grid) Kullanmak

Eğer siz de diğer pek çok insan gibiyseniz, bu oranı kullanmak istediğiniz her zaman hesap makinesine koşturmayacaksınız. Bu işlemi basitleştirmek için ızgara kullanabiliriz. Tek yapmanız gereken genişliğinizi ve/veya yüksekliğinizi üçerli bölümler halinde ayrıştırmaktır.

Her bölüm kendi içerisinde de üçerli gruplara ayrılarak daha detaylı ızgaralar oluşturulabilir. Eğer daha önce yayımladığım BluePrint CSS Framework'ünü Kullanmak yazımı okuduysanız, BluePrint CSS iskeletinin detaylı bir ızgara sistemini kullandığını göreceksinizdir. Izgara sistemleri tasarımı kolaylaştırmak ve çabuklaştırmakla kalmaz, onları estetik olarak göze hoş gelen bir çatıya yerleştirir. Eğer halihazırda tasarımlarınızı yaparken ızgara sistemlerini kullanmıyorsanız, şimdi başlangıç için doğru zaman olabilir. Fireworks, Photshop ve daha fazlası için http://960.gs üzerinden ızgara modellerini indirebilersiniz. 960.gs, CSS ızgara modelini kullanan bir başka iskelet sistemidir.

Yukarıdaki resimden de görebileceğiniz üzere NetTuts Altın Oran'a iyi uyum sağlamış görünüyor. Sayfanın üst üçte birlik kısmı kendi arasında yine üçe ayrılmış durumda ve hatta buradan başlık alanının kendi içerisinde de gruplara ayrıldığını görebiliyorsunuz. Altın Oran'a oldukça yakın. NetTuts tasarımının göze neden hoş geldiğine şaşmamak gerek.

Eğer tasarım işinde yeniyseniz, sizi bazı popüler siteler bulmanızı, onların element yayılımını ve Altın Oran ile ızgara sistemleri ile olan ilişkisini incelemenizi şiddetle öneririm. Ardından biraz zaman ayırarak kendi elementleriniz üzerinde Altın Oran'ı uygulamaya ve sonucu ızgara üzerine yerleştirmeye çalışın.

Kaynak: NetTuts

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

Çok Kaliteli Twitter İconları - 100+

ahmetalpbalkan — Mon, 05 Jan 2009 15:02:00 GMT

100 adet çok güzel ve kaliteli twitter iconu.
İconların bulunduğu linklerin bazılarında birden fazla icon var. yani 21 link var ama linklerde birden fazla icon bulunuyor. [100'ün üstünde].

1)Twitter Social Icons

2)30 adet bedava icon daha EPS formatında

3)31 Twiiter Button

4)A Little Bird Told Me

5)Create a Twitter Style Bird Mascot

6)Website/Blog'larınızın için Twitter iconları

7)Twitter Icon

8)Twitter Bird Icons & Illustration

9)Free Twitter Graphics

10)Twitter Birdy Icon

11)IconTexto Webdev Social Bookmark

12)Free Twitter Icon Set