bildirgec.org - bjv - beğendikleri

Bu yazıda web tasarımı ve geliştiricileri için yaratıcı örneklere ulaşabileceksiniz. Aynı zamanda html ve css ile ilgili bazı dersler bulunmaktadır. bunlar size ilham kaynağı olacaktır.

1 - Padding Top (ders)

2 - Text Shadow (metin gölgelendirme) (ders)

3 - Z-Index (ders)

4 - List-Style-Type (ders)

5 - Import Libraries (kütüphaneleri içeri aktarmak) ders

6 - Web Design Drawing (Web tasarım çizimi)

7 - Syntax Error (Sözdizimi hatası)

8 - Desk (masa)

9 - End Smile (gülümseme sonu)

10 - Vera Graphic Design (vera grafik tasarımı)

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

101 Daha Kaliteli Css ve XHTML Web Şablonu

Web Geliştiricileri İçin En İyi 50 Firefox Eklentisi

35+ Faydalı Photoshop Eklentisi

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

25 İlham Veren Logo Tasarım Kaynağı

40 yüksek kaliteli simge seti

ilham kaynağı olabilecek 30 güzel müzik web sitesi

En iyi 5 web tasarım aracı

70 Kurumsal Maskot Tasarımı

20 Güzel Klasikleşmiş Photoshop Fırça Seti

kaynak: desizntech
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

psd'den css/html'e tasarım çevirme

bjv — Tue, 21 Apr 2009 16:15:00 GMT

daha önce photoshop site tasarım dersleri ve photoshop site şablonları yazılarında site tasarımında photoshop'tan nasıl istifade edebileceğimize dair kaynaklar vermiştik. o yazılardan ediğindiğiniz şablonları ya da sizin photoshop kullanarak oluşturduğunuz tasarımları html'e nasıl uyarlayacağınıza dair anlatımlar da şurada listelenmiş.

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

Everything : Bilgisayarınızdaki bütün dosyaları bulma aracı

bjv — Fri, 17 Apr 2009 19:07:00 GMT

Tanıtacağım Programın ismi Everything

Everything

kendisi, Bilgisayarımızda dosya arama ve bulma aracıdır. Peki neden windows'un arama araçları yerine, bu programı kullanalım? Cevap hızında saklı. Saniyede 20.000, dakikada 1.000.000 kadar dosyamızı indeksler. Daha sonra da istediğimiz dosyayı anında bulabilmekte. İlk denememde içinde 92.000 dosya olan bilgisayarımı 1-2 saniye içinde (c ve d sürücüleri) gizli dosyalar ve sistem dosyaları dahil indekslemişti.

tercih sebeplerimizden biri de, programımızın ücretsiz olması. kurulum dosyasının 330 kb, her yerde çalıştırılabilir (portable) sürümünün 270 kb yer tutması.

Vista Başlat Çubuğundaki Arama Aracı

Vista kullanıcıların arama araçları, özellikle bilgisayarın ilk alındığı zamanlarda sabit diski indeksleme için meşgul tutmaktadır. Sistemdeki ani değişiklikleri de anında algılayamamakta ve bazen uzun arama sürecini çalıştırmamız gerekebilmektedir.

Vista Arama Aracı

Programımızın bir güzelliği daha; programın sistemdeki ani değişiklikleri algılayıp listesine eklemesidir.

Programın Türkçe desteği olmadığı için, birkaç ipucunu paylaşmak istiyorum.

1. Program yerel ve çıkar-tak ntfs sürücülerinizde indeksleme ve arama işlevini gerçekleştirebilir.
(büyük ihtimal, eski sabit disklerinizde ya da fat32 flash belleklerinizde arama yapmayacaktır)

2. indekslenen bütün dosyaları .txt formatında kaydedebilirsiniz.

3. windows 2000, xp, 2003, vista, ve windows 7 altında çalışabilirsiniz.

4. Program ağ üzerinde arama yapamaz fakat karşı bilgisayara "everything" kuruldaktan sonra etp sunucusu kurulursa eğer, diğer bilgisayar üzerinde arama gerçekleştirilebilir.

5. Dosyalar üzerinde, bütün windows kabuk işlemleri (sağ tık menüsündeki bütün işlevler) gerçekleştirilebilir. Windows'un kendi kısayol tuşları kullanılabilir.

Everything İş Başında

Arama İpuçları :
(Dos ile benzerlikleri var)

Boş karakter belirtmek için

? Karakter sayısı belirtmek için

abc 123
içinde "abc" ve "123" sonuçları varsa getir.(ikisi birden var ise)

abc | 123
içinde "abc" ya da "123" varsa getir.(ikisinden herhangi biri var ise)

abc !123
içinde "abc" geçsin ama "123" geçmesin

Örnekler:

.jpg | .bmp
"jpg" "bmp" formatlı ne varsa göster manasında.

c:\windows\ !c:\windows\*\*
windows klasöründe olan dosyaları göster ama alt klasörlerindeki dosyaları gösterme manasında.

b(i|a)ld(a|ı)rgeç
baldırgeç miydi bildirgeç miydi neydi o site yahu?

tayy?ip
tek "y" ile mi yazılıyordu, çift "y" ile mi ?

*.mp3
ne kadar mp3 var ise getir.

yeni*
yeniyle başlıyan ne var ne yoksa getir.

m*3
"m" ile başlayan "3" ile biten herşeyi getir

??.*
ismi 2 karakterle yazılmış klasör ve dosyaları getir.

*.????
4 karakter uzantılı dosyaları getir.

Yükleme Sayfası

Bu yazı bjv 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 iyi 10 jquery slider eklentisi

bjv — Sat, 18 Apr 2009 07:01:00 GMT

jquery için hazırlanmış bu eklentiler ile web sayfanıza oldukça kolay ve kullanışlı slider'lar (kaydırma) ekleyebilirsiniz.

Accessible News Slider

jQuery.spinTheWheel.js

News Ticker Pro

Stinky Slider

CrossSlide

kaynak: ajaxline

takip edin: bildirgeç friendfeed rss

Bu yazı bjv 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 ve grafik tasarımcıları için harika kaynaklar

bjv — Sun, 19 Apr 2009 14:55:00 GMT

Birçok web ve grafik tasarımcısı için faydalı olabilecek orjinal simgelere, photoshop fırça ve desenlerine aşağıdan ulaşabilirsiniz.

1 - Hand ColorStroked (El Çizim Rengi)

2 - Drink Web 2.0 (Web içeceği)

3 - The Social Bird icon set (sosya kuş simge seti)

4 - Vector Social Media Icons (sosyal vektör medya simgeleri)

5 - Hat RSS Icon (şapka rss simgeleri)

6 - Social Icon set in Heart Shape (sosyal simgeyi kalp şeklinde ayarlamak)

7 - Social Media Icons (sosyal medya simgeleri)

8 - Elegant Social Media Icons (hoş sosyal medya simgeleri)

9 - Function Icon Set (görev icon setleri)

10 - Free Twitter Vector Icon Set (ücretsiz twitter vektör simge seti)

11 - Tweeties Icon Set (kuş simge seti)

12 - Made Of Wood Icons (ağaç yapımı simgeler)

13 - movie icons (film simgeleri)

14 - Somatic Rebirth Icons (bedensel doğuç simgeleri)

15 - 150 badges (150 marka)

16 - Graduation Icons (mezuniyet simgeleri)

17 - HydroPRO v2

18 - rino icons (rino simgeleri)

19 - Bright Icon Set (renkli simge seti)

20 - Notebook Icons (defter simgeleri)

yazının devamı için buraya tıklayın.

ayrıca aşağıdaki yazılarda ilginizi çekebilir.

70 kurumsal maskot tasarımı

en iyi 5 web tasarım aracı

ilham kaynağı olabilecek 30 güzel müzik web sitesi

40 yüksek kaliteli simge seti

25 ilham veren logo tasarım kaynağı

22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası

35 yüksek çözünürlüklü duvar kağıdı

35+ faydalı photoshop eklentisi

33 Yüksek Çözünürlüklü Bahar Duvar Kağıdı

101 Daha Kaliteli Css ve XHTML Web Şablonu

101 Yüksek Kaliteli Css ve XHTML Web Şablonu

kaynak: desizntech
diğer yazılarım
yazılarımı rss üzerinden takip edebilirsiniz

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

Kurumsal Websiteleri Hakkında 10 Acı Gerçek

bjv — Wed, 15 Apr 2009 05:25:00 GMT

Hepimiz web sitelerimizi yönetirken hata yaparız. Ancak bu hataların doğası kurumunuzun büyüklüğüne göre değişir. Şirketiniz büyüdükçe, hatalar da değişecektir. Bu makale büyük boyutlu kurumların web sitelerinde karşılaşılan hataları incelemektedir.

Birlikte çalıştığım müşterilerin pek çoğu büyük boyutlu kurumlardır: Üniversiteler, büyük vakıflar, kamu sektörüne ait kurumlar ve büyük şirketler. Geçtiğimiz 7 yıl süresince bu kurumlarda sürekli tekrar eden yanlış fikirlere rastladım. Bu makalede bu yanılsamaları kaldırmayı ve insanları acı gerçekle yüzyüze getirmeyi planlıyorum.

Eğer bu yazıyı okuyorsanız, zaten burada listelenecek problemlerin de farkındasınızdır. Ama umarım bu makale, şirketinizdeki diğerlerini ikna etmenize yardımcı olacaktır. Her durumda, web siteleri ve büyük boyutlu kurumlar hakkında 10 acı gerçekle yazımıza başlayalım.

1. Ayrı Bir Web Bölümüne İhtiyacınız Var

Pek çok şirkette web siteleri, ya pazarlama ya da BT birimleri tarafından yönetilmektedir. Ancak bunun sonucunda web siteleri kaçınılmaz olarak şirket içi politikaların bir parçası haline gelmektedir.

Gerçekte, bir web stratejisi için baskı yapmak bu her iki grubun da işi değildir. BT belki karmaşık sistemler oluşturmak için çok yetenekli olabilir, ancak bu, onların kullanıcı dostu bir web sitesi oluşturabilecekleri ve bir çevrimiçi kimlik yaratabilecekleri anlamına gelmez.

Zeldman, kurumların ayrı bir web birimi sahibi olmalarını telkin ediyor.

Öte yandan pazarlama biraz daha iyidir. Zira Jeffrey Zeldman'ın da makalesinde Bırakın web birimleri olsun makalesinde belirttiği gibi:

Web bir diyalogdur. Pazarlama ise tam aksine monologdur. Ardından tüm o semantik kodlama, CSS, zarar vermeyen betikleme, kart dizme egzersizleri, HTML çalışmaları, kullanıcıları erişilebilirliğe dahil etmek ve pazarlama birimlerinin ilgi ve yetenek alanına girmeyen daha pek çok ince ayrıntı gelecektir.

Bunun yerine, web siteleri sadece buna odaklanmış bir ekip tarafından yönetilmelidir. Yine Zeldman, bu konuyu da şu şekilde özetlemiş:

Onları web sitenizin, broşürlerinizin bir kopyası ya da grup ajandanızın bir sonucu olmadığını anlayacak bir birime yerleştirin. Bırakın web birimleri olsun.

2. Web Sitenizi Yönetmek Tam Zamanlı Bir İştir

Web siteleri pazarlama ve BT arasında bölünmekle kalmıyor, ayrıca web siteleri için gereğinden daha az kaynak ayrılıyor. Kurumların web sitelerine adanmış bir ekipten ziyade web siteleri ile ilgilenen kişiler genellikle "gündelik işlerinden" arta kalan vakitte web siteleri ile ilgilenmeye teşvik ediliyor. Bir web ekibi oluşturulduğunda, genellikle bu ekip gereğinden fazla esnetilmiştir. Zamanın büyük kısmı, uzun zamanlı stratejik planlamadan ziyade gündelik bakıma harcanır.

Bir web sitesini "yönetecek" kişinin ya da kişilerin seçiminin genellikle "giriş seviyesindeki" elemanlara verilmesi sorunu daha da derinleştirir. Bu gruptaki kişilerin kurumsal web sitesini ileriye götürecek deneyimi ya da yetkisi yoktur. Günümüzde, kurumların web sitelerini yönetmek ve web stratejilerini bir adım daha ileriye götürmek için tam zamanlı ve deneyimli web yöneticilerini işe almalarının zamanı gelmiştir.

3. Düzenli Olarak Yeniden Tasarım Yeterli Değildir

Kurumsal web siteleri için yeterli kaynak ayrılmamış olduğundan, web sitesi üzerinde yapılacaklar daha geniş zamana yaydırılmak zorunda kalır. Bir süre sonra da web sitesinin içeriği gerek kullandığı teknoloji, gerekse de içeriği bakımından zamanın gerisinde kalır.

Bir süre sonra web sitesi o kadar utanılacak hale gelir ki yönetim devreye girer ve sorunların giderilmesi gerektiğini talep eder. Bunun sonucunda da genellikle web sitesi yeniden tasarlanır ve bunun da şirketlere önemli maliyetleri olur. Daha önce Paul Boag'ın Web Sitesi Sahipleri Kılavuzu'nda belirttiği gibi bu yaklaşım yanlıştır. Eski web sitesi yenisi ile değiştirildiğinden dolayı ona yapılan yatırımların boşa gittiği gibi, yeni web sitesi için tekrar yatırım yapılması gerekecektir. Bunun her birkaç yılda bir tekrar ettiğini düşünürseniz şirketlere maliyeti gerçekten önemli boyutlara ulaşır.

Cameron Moll, web tasarımcılarının web sitelerini yeniden tasarlamaktansa onları yeniden pozisyonlandırmalarını öneriyor.

Daha iyi bir yöntem de web sitenize yapacağınız düzenli yatırımların sonucunda onun kendi kendine gelişmesini sağlamaktır. Bu yöntem sadece daha az harcama yapmış olmakla kalmayacak, ayrıca Cameron Moll'un İyi tasarımcılar yeniden tasarlar, mükemmel tasarımcılar yeniden pozisyonlar makalesinde belirttiği üzere kullanıcılar açısından da daha iyidir.

4. Web Siteniz Herkesi Memnun Edemez

Bir müşteriye sorduğum ilk sorulardan birisi "hedef kitleniz kimdir?"dir. Genellikle bu soruya verilen yanıtların uzunluğu beni her zaman şaşırtmıştır. Genellikle sorunun yanıtı, birbirinden farklı insanların yer aldığı bir listeden oluşur. Bunun sonucunda kaçınılmaz olarak ben de "Bu demografik gruplardan hangisi en önemlisidir?" sorusunu sorarım. Sinir bozucu bir şekilde de bu soruya verilen cevap, her grubun eşit öneme sahip olduğu şeklinde olur.

Burada belirtmek istediğim acı gerçek, eğer bir web sitesini herkes için uygun yapmaya kalkışırsanız, o web sitesi kimse için uygun olmaz. Hedef kitlenize odaklanmak ve ardından tasarımınızı ve içeriğinizi ona göre şekillendirmek son derece önemlidir. Peki bu, diğer kullanıcıları önemsememeniz gerektiği anlamına mı geliyor? Kesinlikle değil. Web siteniz herkes tarafından erişilebilir olmalıdır ve kimseyi dışlamamalı ya da incitmemelidir. Ancak bir web sitesi, açık ve net bir şekilde tanımlanmış bir gruba yönelik olarak hedeflenmelidir.

5. Sosyal Ağ'da Boşuna Para Harcıyorsunuz

Gün geçtikçe web sitesi yöneticilerinin bir web sitesi stratejisinin onu yönetmekten çok daha fazlası olduğunu anladıklarını gördükçe seviniyorum. Yöneticiler Twitter, Facebook, YouTube gibi araçları kullanarak hedef kitlelerine ulaşmaya çalışıyorlar. Ancak her ne kadar bu araçları kullansalar bile, onları verimsiz bir şekilde kullanıyorlar. Kurumsal bir hesap üzerinden Tweetlemek ya da satış sunumlarını YouTube üzerinde yayımlamak, sosyal ağın varoluş amaçlarının dışına çıkmaktır.

Microsoft, geliştirici komünitesi üzerindeki şirket imajını iyileştirmek için çalışanlarının Channel 9 web sitesi üzerinden iletişim kurmalarına izin vermekle bu imajı oldukça değiştirdi.

Sosyal ağ, insanların diğer insanlarla bir araya gelmesidir. Bireyler, kurumlarla ya da markalarla ilişki kurmak istemezler. Bunun yerine diğer bireylerle konuşmak isterler. Çok sayıda şirket, Facebook uygulamalarına ve videolarına milyonlar harcıyorlar. Bunun yerine o parayı insanlarla şeffaf ve daha açık bir şekilde bir araya gelmek için kullanabilirler.

Kurumsal bir Twitter hesabı ya da kurumsal bir blog oluşturmak yerine çalışanlarınızı şirketiniz hakkında Tweetlemek ve bloglamaya teşvik edin. Kabul edilebilir davranışların neler olduğunu belirten kılavuzlar hazırlayın ve ürünleriniz ile hizmetlerinize bağlı olan komünite ile ilişki kurabilmek için kullanmaları gereken araçları gösterin. Bu, komüniteye olan bağlılığınızı göstermekle kalmaz, ayrıca şirketinizin "insan" tarafını da yansıtır.

6. Web Siteniz Sadece Sizin Hakkınızda Değildir

Bazı web sitesi yöneticileri web sitelerini herkesi memnun edecek şekilde hazırlamayı tercih etseler de, diğerleri sadece kendilerini ve diğer iş arkadaşlarını tatmin etmek için bir web sitesi sahibi olmayı yeğlerer. Tahmin ettiğinizden çok daha fazla sayıda şirket, kullanıcılarını tümüyle görmezden gelir ve web sitelerini tümüyle kurumsal bakış açısıyla oluştururlar. Bu da genellikle "patronun" bireysel tercihlerini yansıtan bir web sitesi tasarımıyla ve saçmalıklarla dolu içerikle sonuçlanır.

Bir web sitesi, çalışanların tercihlerini yansıtmaktansa, kullanıcılarının ihtiyaçlarına cevap verebilmelidir. Sırf patron "yeşil rengi sevmediği için" pek çok tasarım reddedilmiştir. Yine pek çok web sitesinin içeriği, sadece şirket içinde kullanılan terimleri ve tanımlamaları içeren içerir.

7. Web Ekibinizden Gereken Değeri Almıyorsunuz

İster şirket içinde bir web ekibi olsun, ya da harici bir firma ile çalışıyor olsunlar, pek çok firma, kendi web tasarımcılarından en yüksek seviyede faydalanamamaktadırlar. Web tasarımcıları piksellerle boğuşan tiplerden çok daha fazlasıdır. Web'in kendisi ve kullanıcıların onunla nasıl etkileşim kurdukları hakkında önemli bilgilere sahiptirler. Ayrıca ızgara sistemleri, beyaz boşluk, renk teorileri ve daha çok fazla sayıda tasarım tekniklerini de anlarlar.

Tasarımcılara piksellerle boğuşan insanlar gibi davranmak, onların tasarım deneyimlerinin boşa harcanmasına neden olur: Yukarıdaki resimde bir Twitter kullanıcısı da bu durumdan yakınıyor.

Bu sebeple onlara "logoyu daha büyük yap" ya da "onu 3 piksel sola kaydır" diyeyerek onları yönetmek doğru değildir. Bunu yaparak onların bir yazılım operatörü olarak bilgilerini ve sorumluluklarını hiçe sayıyor ve onların size ve şirketinize kazandıracakları deneyimlerini kaybetmiş oluyorsunuz.

Eğer web ekibinizden yüksek miktarda verim almak istiyorsanız, onlara problemlerle gidin, çözümlerle değil. Örneğin, eğer web siteniz genç kızlara yönelik ise ancak tasarımcınız kurumunuzun rengi olan o mavimsi rengi tercih etmişse, onlara hedef kitlenizin bu rengi iyi karşılamayabileceklerini söyleyebilirsiniz. Onlara rengi pembeye değiştirmeleri gerektiğini söylemeyin. Bu sayede tasarımcıya, belki de sizin seçiminizden daha iyi bir öneri ile gelebileceklerini sağlayacak bir özgürlük vermiş olursunuz. Tasarımcıya sunduğunuz problemi çözme fırsatı vermiş olursunuz.

8. Komite Tarafından Belirlenen Tasarımlar Ölümle Sonuçlanır

Büyük ölçekli firmaların web site yönetimine yönelik sembolü komitedir. Komiteler genellikle web sitelerini zorlar, zira şirket içi politikalar, herkein bu konuda söz sahibi olması gerektiğini ve her önerinin de dikkate alınması gerektiğini söyler. Bunu söylemekle birlikte tüm komünitelerin kötü bir fikir olduğunu söylemek ve bunun sonucunda da büyük ölçekli firmaların web sitelerinin yardım almadan tasarlanamayacağını söylemek doğru olmaz. Ancak konu tasarıma geldiğinde komiteler genellikle ölüm öpücüğüdür.

Komite tarafından yönetilen bir tasarım, doğru tasarım değildir.

Tasarım özneldir. Bizim tasarımlara verdiğimiz yanıtlar kültürümüze, cinsiyetimize, yaşımıza, çocukluk deneyimimlerimize hatta fikiksel durumumuza (örneğin renk körlüğü) değişebilir. Bir kişi tarafından mükemmel görünen tasarım, bir başkası tarafından nefret edilebilir. Bu sebeple tasarım kararları kişisel deneyimlerden ziyade kullanıcı testleri ile verilmelidir. Ne yazık ki tasarım kararlarına komite dahil olduğunda bu yaklaşım neredeyse hiç dikkate alınmaz.

Bunun yerine komitenin tasarımı uzlaşmaya dönüşür. Çünkü komite üyelerinin bir tasarım hakkında farklı fikirleri olabilir, bunun sonucunda da tüm komite üyelerini memnun edecek bir karara varılır. Bir kişi mavi renk şemasını severken, bir diğeri nefret edebilir. Bunun sonucunda komite, tasarımcıya, "farklı bir mavi tonu bul" diyerek orta yolu bulmaya çalışır. Ne yazık ki bu kimseyi memnun etmeyen ya da kimseyi heyecanlandırmayan bir tasarımla sonuçlanır. Tasarım, tasarımcıların işidir.

9. İçerik Yönetim Sistemi (CMS) Gümüş Kurşun Değildir

Müşterilerimin pek çoğu inanılmaz bir şekilde CMSlerden gerçekçi olmayan beklentilere sahiptir. Beklentileri olanlar tüm içerik sorunlarının giderileceğini düşünürken, olmayanlar ise sorunların giderilmeyeceğinden yakınırlar.

CMS'nin sayısız faydaları olduğu kesinlikle doğrudur. Bunlardan bazıları:

İçerik ekleme sırasındaki teknik engelleri azaltması,
Daha fazla kişinin içerik eklemesine ya da düzenlemesine imkan vermesi,
Daha hızlı güncellemelerin mümkün olması,
Daha iyi kontrol sağlanabilmesi.

Ancak pek çok CMS, sahiplerinin istediğinden daha az esnektir. Yönettikleri web sitelerinin değişen gereksinimlerini karşılamakta yetersiz kalırlar. Web sitesi yöneticileri ayrıca kullandıkları CMS'nin zor olmasından yakınırlar. Ancak pek çok durumda bu yakınmaların sebebi, kullanıcıların yeteri kadar eğitilmiş olmamaları ya da ilgili içerik yönetim sistemini yeteri kadar kullanıyor olmamalarıdır.

Son olarak, bir CMS, içeriğin kolayca güncellenebilmesini sağlayabilir, ancak içeriğin güncelleneceğini ya da içeriğin kaliteli olacağını garantilemez. Pek çok CMS tabanlı web sitesi halen eski ya da kötü yazılmış içeriğe sahiptir. Çünkü kendi içerik sağlayıcılarını desteklemek için gerekli olan şirket içi gereksinimler sağlanmamıştır.

Eğer bir CMS'ye web sitesi yönetim sorunlarınızı giderecek bir araç olarak görürseniz, sonra çok üzülürsünüz.

10. Çok Fazla İçeriğiniz Var

Büyük boyutlu kurumsal web sitelerindeki içeriğin yönetimi sırasında karşılaşılan sorunların bir kısmı da, ilk aşamada çok fazla içeriğin varoluşudur. Bu web sitelerinin pek çoğu yıllar geçtikçe "evrimleşerek" daha fazla içerik taşır hale gelmiştir. Hiçbir aşamada kimse gelip hangi içeriğin kaldırılabileceğini ya da güncellenebileceğini sorgulamamıştır.

Web sitesi yöneticilerinin pek çoğu web sitelerinin kimsenin okumayacağı içerikle doldururlar. Bunun gerçekleşmesinin birkaç nedeni vardır:

Birşeyleri atlamış olma korkusu: Her şeyi İnternet'e koyarak, kullanıcıların istedikleri her şeyi bulabileceklerine inanırlar. Ne yazık ki günümüzde mevcut olan çok fazla bilgi sebebiyle bir şeyleri bulmak her zaman zor olmuştur.
Kullanıcıların birşey anlamayacağı korkusu: Web sitelerine ya da hedef kitlelerine olan güvensizlik olsun, içerik sağlayıcıları kullanıcıya sonsuz miktarda içerik verirler. Ne yazık ki kullanıcılar bu içeriği asla okumazlar.
İnandırmak için yanıp tutuşmak: Ürünlerini satmak ya da mesajlarını iletmek için yanıp tutuşuyor olabilirler, bu yüzden de satış broşürlerindeki metni kopyalayarak doğrudan web sitelerine yerleştirirler. Ne yazık ki bu tip içerikler ürünün kendisi hakkında çok az bilgi verir.

Don't Make Me Think (Beni düşünmeye zorlama) isimli kitabında Steve Krug, web sitesi yöneticilerinin "her bir sayfadaki metnin önce yarısını atmalarını, ardından da geriye kalan metnin yarısını atmalarını" önerir. Bu sayede her bir sayfadaki karmaşa azaltılmış olacak ve sayfadaki kullanışlı içerik daha belirgin kılınacaktır.

Sonuç

Büyük şirketler kendi web sitelerini yönetirken pek çok şeyi doğru yaparlar. Ancak aynı zamanda acı veren bazı özgün zorluklarla da yüzyüze gelirler. Bu problemleri gidermek, daha önce yapılan hataları kabullenmekten, şirket içi politikaları görmezden gelmekten ve markanızı kontrol etme yönteminizi değiştirmekten geçer. Bunu yapmak size hem önemli bir avantaj sağlayacak, hem de uzun vadede web stratejinizin çok daha verimli hale gelmesini sağlayacaktır.

İlgilenebileceğiniz Diğer Yazılarım

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

hata sayfalarının en eğlenceli ve yaratıcı olanları

bjv — Wed, 15 Apr 2009 19:50:00 GMT

internette istenilen sayfaya, sayfanın yerinin değiştirilmiş olması, silinmesi vb. durumlarda sunucu tarafından ulaşılamadığında http 404 - Dosya bulunamıyor iletisi ile karşılaşılır.
bu hata sayfaları şuradaki örneklerde de olduğu gibi farklı şekillerde tasarlanabilir. daha önce her ne kadar birçok yaratıcı ve eğlenceli örneklerine yer versek de o örneklere yenilerini eklemenin bir zararı yoktur sanırım.

404

>404 error

einstein in 404 error

lost in 404 error

http 404

404 error pages

toplamda 70 adet olan 404 hata sayfası tasarımlarının geri kalanlarına şuradan ulaşabilirsiniz.

bildirgec'de daha önce yayınlanmış 404 hataları ile ilgili bildirilerden bazılarına buradan bakabilirsiniz.

Bu yazı bjv 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+ Kullanışlı Web Servisi ve Aracı

bjv — Thu, 16 Apr 2009 08:55:00 GMT

Tasarım sırasında kullanabileceğiniz gerçeklerden işe yarar araçlardan daha kullanışlı hiçbir şey yoktur. İster bir diyagram oluşturma uygulaması olsun ya da vektör görselleri oluşturma yazılımı, CSS kodunuzu iyileştirme ya da biçimlendirme uygulaması veya motif oluşturma uygulaması, bu tip araçlar hayatınızı çok kolaylaştıracaktır. Biz de bunun üzerine bugünkü yazımızda web geliştiricilerinin ve tasarımcılarının hayatını kolaylaştıracak 40 web uygulamasını listeledik.

1. Are My Sites Up?

Are My Sites Up?

Are My Sites Up oldukça sade bir servis olup web sitenizin çalışır durumda olup olmadığını düzenli olarak kontrol eden ve bir sorun olduğunda sizi uyaran bir uygulama. Bu ücretsiz servis sayesinde 20 adede kadar web sitesini kontrol edebilir, sınırsız sayıda hatırlatıcıyı elektronik posta ya da kısa mesaj ile cep telefonunuza gönderebilirsiniz. Site kontrolleri günde 25 kez yapılıyor.

2. Wordle

Wordle

Wordle, uygulamaya sunacağınız metinlerden "kelime bulutları" oluşturabileceğiniz bir uygulama. Bu tip bulutlarda, sunulan metin üzerindeki kelimelerin kullanım sıklıklarına göre değişen boyutlarda kelimeler bir bulut içerisinde gösterilir. Uygulama üzerinden farklı yazıtipleri, anahatlar ve renk şemaları seçerek bulutunuzu özelleştirebilirsiniz. İlginç örneklere göz atmak için galeriyi kontrol etmeyi unutmayın.

3. Scrnshots

Scrnshots

Scrnshots, web ve ekran tabanlı tasarımlarınızın ekran görüntülerini almak ve onları paylaşmak için kullanabileceğiniz bir uygulma. Hesabınıza sınırsız sayıda ekran görüntüsü yükleyebilir, gönderdiğiniz ekran görüntülerini etiketleyebilir, başkalarının gönderdiği ekran görüntüleri üzerinde size ilham kaynağı olabilmesi için arama yapabilir ve uygulamanın sunduğu bağlantıları kullanarak sitedeki ekran görüntülerini sitenize gömebilmek için kullanmanız gereken kodu alabilirsiniz. Uygulamanın daha pek çok kullanışlı özelliği bulunuyor.

4. Drop

Drop

drop.io uygulamasını kullanarak dosyalarınızı web, elektronik posta, telefon, fax ve diğer iletişim araçları aracılığı ile paylaşabilirsiniz. "drop" adı verilen dosyalarınız arama motorları tarafından arşivlenemeyecek şekilde depolandığından gizliliğe önem veren bu uygulama sayesinde istediğiniz dosyayı sadece istediğiniz kişiler ile paylaşabilirsiniz.

5. EmChart

EmChart

EM gibi bağıl (relative) birimler kullandığınızda, kullanıcı metin boyutunu tarayıcı üzerinden değiştirdiğinde sitenizin görünümü eşit bir şekilde değişime uğrar. Ancak doğru EM değerlerini kullanabilmek için her seferinde hesap makinenizi kullanmak bir süre sonra can sıkıcı hale gelebilir. İşte bu soruna çözüm getirmeyi hedefleyen EmChart uygulaması, alt aralıkları (margin), satır yüksekliklerini (aslında satır yükseklikleri birimsizdir ancak formül yine de kullanılabilir), üst aralıkları, alt/üst boşlukları (padding) ve diğer stil özelliklerini doğru ölçülerle kullanabilmenizi sağlıyor.

6. HTML-Ipsum

HTML-Ipsum

İşe yarar bir Lorem Ipsum uygulaması olan HTML-Ipsum'un kullanışlı bir özelliği de Mac dostu çıktılar verebilmesi. Sitenin çıktıları arasında Coda klipleri, Textmate paketleri ve menü çubuğu uygulaması yer alıyor.

7. Pixastic

Pixastic

Pixastic bir JavaScript kütüphanesi olup görseller üzerinde filtreler ve güzel görünümlü efektleri sadece birkaç satırlık JavaScript koduyla uygulayabilmenizi sağlıyor. Bu aracı özellikle kendi bilgisayarıma ulaşamadığım zamanlarda bir görseli çabucak düzenlemek istediğimde çok faydalı buluyorum.

8. Color Scheme Designer

Color Scheme Designer

Color Scheme Designer (Renk Şeması Tasarımcısı) uygulaması ile farklı türlerde renk şemalarını kolayca oluşturabilir ve ardından seçilen renk şeması üzerinde parlaklık ve kontrast değerlerini değiştirerek kendinize en uygun renk şemasını bulabilirsiniz.

9. Lovely Charts

Lovely Charts

Çevrimiçi diyagram oluşturma uygulaması olan Lovely Charts ile profesyonel görünümlü çizelgeler, site haritaları ve çalışma planları oluşturabilirsiniz. Daha fazla bilgi için uygulamanın demosuna bir göz atmak isteyebilirsiniz.

10. HTM to PDF

HTM to PDF

Saf HTML kodlarını PDF belgelerine dönüştürebilen çevrimiçi bir servis.

11. Preloaders

Preloaders

Çevrimiçi animasyonlu gif önyükleyici oluşturucusu olan bu uygulama, istediğiniz arkaplan ve önplan renklerini seçebilmenizi, önyükleyicinizin boyutunu değiştirebilmenizi, animasyon hızını ayarlayabilmenizi ve ardından önyükleyicinin tipini özelleştirebilmenizi sağlıyor.

12. Down for Everyone or Just Me?

Down for Everyone or Just Me?

Bir web sitesinin sadece sizin bilgisayarınızda mı açılmadığını yoksa kimsenin bilgisayarında mı açılmadığını anlamak için kullanabileceğiniz bir uygulama.

13. Klock

Klock

Klok'un sade çalışma zamanlayıcısı ile günlük işlerinizin kaydını tutun ve gününüzü nasıl doldurduğunuzu görsel olarak yansıtın. Uygulamanın tüm özelliklerine de bir bakmayı ihmal etmeyin.

14. Enkoder

Enkoder

Enkoder uygulaması, elektronik posta adreslerini şifrelenmiş JavaScript koduna dönüştürebilen ve bu sayede onları elektronik posta adresi toplama robotlarından koruyarak sadece gerçek insanlara gösterebilen bir uygulama.

15. Websnapshot

Websnapshot

Web sitelerinin ekran görüntüsünü almak için kullanabileceğiniz bir diğer kullanışlı uygulama olan Websnapshot ile tek yapmanız gereken, ekran görüntüsünü almak istediğiniz web sitesinin adresini girmek ve ardından "Snap" düğmesine basmak. Ya da tarayıcınız üzerinden sürükleyip bırakabilirsiniz de. Kaydatmek için önizleme resimlerini tıklayabilir ya da otomatik kaydet seçeneği seçili ise görsellerin otomatik olarak sizin belirleyeceğiniz kayıt klasörüne kaydedebilirsiniz.

16. TypeChart

TypeChart

Typechart ile CSS dosyalarını alırken aynı zamanda web tipografilerini önizleyebilir ve karşılaştırabiliriniz. Farklı tipografi stillerine göz atabilir, CSS kodunu indirebilir, Windows (ClearType) yazıtipi işleme motoru ile Apple yazıtipi işleme motorunu karşılaştırabilirsiniz.

17. WTFramework Bookmarklet

WTFramework Bookmarklet

Bir web sitesi üzerinde hangi JavaScript kütüphanesinin kullanıldığını merak ettiğiniz ancak kaynak kodunu kontrol edemeyecek kadar tembel olduğunuz anlar oldu mu? WTFramework oldukça sade ve kullanımı kolay bir bookmarklet olup bu işi sizin için yapabilen bir araç.

18. Pencil

Pencil

Pencil Projesi'nin ana amacı, kolayca diyagramlar ve GUI prototipleri oluşturabilmeniz için kullanabileceğiniz açak kaynaklı bir araç oluşturmaktır.

19. Web Geliştirme Projesi Tahmin Edicisi

Web Geliştirme Projesi Tahmin Edicisi

Web Development Project Estimator uygulamas, web tasarımcılarının ve site geliştiricilerinin bir web projesi için gereken zamanı ve materyalleri hesaplamak için kullanabilecekleri kullanışlı bir uygulama.

20. 280slides

280slides

Güzel görünümlü sunumlar oluşturun, onlara dilediğiniz yerden ulaşın ve dilediğiniz kişiler ile paylaşın.

21. BackType

BackType

Herhangi bir bloga ya da web sitesine ne zaman bir blog bırakırsanız, BackType onu sizin için takip edecektir. Dilerseniz sizinle aynı görüşe sahip insanları bulabilir ve onlarla iletişim kurabilir, uygulama üzerinden o kişilerin yorumlarını takip edebilirsiniz.

22. FeedCompare

FeedCompare

Rakiplerinizin FeedBurner beslemelerini kendinizinki ile karşılaştırarak rakiplerinizin gelişimini takip edebilirsiniz.

23. SmushIt

SmushIt

Smushit.com görsellerinizi mümkün olan en yüksek oranda sıkıştırırken kalitesinden ödün vermeyerek dosya boyutundan kazanmanızı sağlıyor.

24. Dexrex

Dexrex

Dexrex, anında mesajlaşma servislerinden gelen mesajlarınızın yanısıra cep telefonunuza gönderilen kısa mesajları arşivlemenizi sağlayan bir eklenti.

25. Jott

Jott

Jott, herşeyin kontrolünü eline almanızı sağlayan bir uygulama. Notlar alabilir, hatırlatıcılar ve ajandalar oluşturabilir, arkadaşlarınız ve ailenizle iletişim halinde kalabilir ve sık kullandığını web siteleri ile servisleri ile etkileşim kurabilirsiniz... Üstelik tüm bunları sesinizi kullanarak yapabiliyorsunuz.

26. Fresh Books

Fresh Books

FreshBooks ile faturalar ve tahminler gönderebilirsiniz. Servis, faturamalaya dair her şeyi çok kolay hale getirmiş. Önceden proje faturaları oluşturarak daha sonra onları unutma dersinden kurtulabilirsiniz.

27. SifrVault

SifrVault

sIFR yazıtiplerinin yer aldığı çevrimiçi bir kaynak.

28. SproutBuilder

SproutBuilder

Sprout sayesinde widgetler, mini siteler, mashuplar, bannerler ve daha fazlasını kolayca oluşturabilirsiniz.

29. Snipt

Snipt

Snipt üzerinde sık kullandığınız kod parçacıklarını ya da komutları depolayabilirsiniz.

30. ShiftSpace

ShiftSpace

Açık kaynaklı bir tarayıcı eklentisi olan ShiftSpace sayesinde web üzerinde çok farklı ve çeşitli düzenlemeler yapabilirsiniz. Uygulamanın özelliklerine bakmayı unutmayın.

31. Wappalyzer

Wappalyzer

Bir Firefox eklentisi olan Wappalyzer, ziyaret ettiğiniz web sitelerinde hangi yazılımların kullanıldığını gösteriyor. Eklenti pek çok CMS'yi, e-ticaret ve wiki ve forum uygulamasını otomatik olarak algılıyor.

32. Favicon Generator & Editor

Favicon Generator & Editor

Tüm modern web tarayıcıları tarafından desteklenen GIF, PNG ya da JPEG biçimindeki görselleri bu uygulama ile ICO biçimine dönüştürebilirsiniz. Dilerseniz çevrimiçi düzenleyicisi ile kendi faviconlarınızı da sıfırdan oluşturabilirsiniz. Ayrıca uygulama, oluşturulan görsellerin daha iyi görünmesi için bazı ince ayarları da içeriyor.

33. BgPatterns

BgPatterns

Bu araç ile döşeli motifler oluşturabilir, oluşturulan motiflerin rengini değiştirebilirsiniz.

34. Kuler

Kuler

Adobe tarafından geliştirilen ve web tabanlı bir uygulama olan Kuler, kendi renk şemalarınızı oluşturabilmenizi sağlıyor. Ayrıca yine uygulama üzerinden diğer kullanıcıların oluşturduğu renk şemalarına yorum bırakabilir, ya da ortak renk şemaları oluşturabilirsiniz.

35. FontStruct

FontStruct

Ücretsiz bir font oluşturma aracı olan bu uygulama sayesinde ızgara motif üzerinde pozisyonlanmış geometrik şekillerden yazıtipleri oluşturabilirsiniz.

36. Vector Magic

Vector Magic

Sadece birkaç fare tıklaması ile bitmap görsellerinizi vektörel görsellere dönüştürebilmenizi sağlayan bir uygulama.

37. Tartan Designer

Tartan Designer

İskoç severler ve havalı tasarımcılar için ekose motifleri oluşturun.

38. GoldenRatioCalculator

GoldenRatioCalculator

Eğer web sitenizin kompozisyonunu ya da tasarımını önemli ölçüde yiileştirmek istiyorsanız, o zaman tasarımınıza altın oran ölçülerini uygulamak isteyebilirsiniz. Bu araç, tasarımlarınız için altın oranı hesaplamanıza yardımcı olacaktır.

39. PicMarkr

PicMarkr

PicMarkr, görsellerinize dilediğiniz filigranı (watermark) ekleyebilmenize olanak sağlayan bir uygulama. Özellikle görsellerinizin telif haklarını korumak ya da onlara yorum eklemek istediğiniz zaman kullanışlı.

40. TweetDeck

TweetDeck

Twitter'ın halihazırda kullanılan özelliklerini alarak onları kategorilere ayırarak daha kolay yönetilebilir hale getiren bir Adobe Air uygulaması olan TweetDeck, ana twitter beslemenizi (tüm tweetler) konu ya da gruplara göre ayırabilmenizi sağlıyor.