http://www.bildirgec.org/ tr-tr 40 bildirgec.org - pillikarinca - beğendikleri pillikarinca <p>Ekonomi kontrolden çıkmaya başladıktan sonra gün geçtikçe daha fazla tasarımcı endüstride ön plana çıkmaya başlıyor. Zaman ilerledikçe daha fazla kendi başına çalışan (freelance) tasarımcının belireceğini düşünüyoruz. Bunun sebebi de işe en başından başlamanın kolay oluşu, evden çalışabilme imkanı, normal işlerinin yanısıra fazladan para kazanabilme imkanı ve tatmin eden kariyer seçimi.</p> <p>Geçen hafta yayımladığım <a href="http://www.bildirgec.org/yazi/sosyal-medya-ozgecmisi-nasil-yazilir">sosyal medya özgeçmişi nasıl yazılır</a> yazısından sonra biraz daha araştırma yapıp bazı tasarımcıların portfolyolarını inceledim. Bu portfolyolar iyi olmaktan öte mükemmeller ve iyi bir portfolyo sadece üzerinde çalışılmış birkaç iyi proje olmakla kalmıyor, onların portfolyanın kendisi ve yapılan işlerin kalitesi ile bütünleşmesinin bir sonucu olması gerekiyor... Pek çok durumda bu yapılan işin çokluğundan ziyade yapılan işin kalitesine bağlı oluyor.</p> <p>Eğer siz de kendi portfolyonuzu yeniden tasarlamak istiyorsanız o zaman bu mükemmel portfolyolara bir göz atmanızı öneririm.</p> <div class="imajorta"><a href="http://www.authenticstyle.co.uk/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-01.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://chriscmerritt.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-02.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.jamisonbanham.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-03.png' alt="\"\"" border="0"></a><br></div> <p><!-- buradan kes --></p> <div class="imajorta"><a href="http://agnarson.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-04.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.aurum3.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-05.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.myjustdot.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-06.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.theaterwebsiteservices.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-07.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://aleprado.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-08.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.sure.sk/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-09.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://grafikas.com/index.html"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-10.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://lysergid.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-11.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://pixelumbrella.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-12.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.pseudopseudo.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-13.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.mosk.pl/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-14.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://andrewbradshaw.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-15.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.progressivered.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-16.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://digitalmash.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-17.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://eisforeffort.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-18.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://mramalho.com.br/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-19.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.foan82.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-20.png' alt="\"\"" border="0"></a><br></div> <div class="imajorta"><a href="http://www.alexcohaniuc.com/"><img src='http://www.bildirgec.org/imaj/pinkfloyd/28-21.png' alt="\"\"" border="0"></a><br></div> <ul> <li><strong>Kaynak:</strong> <a href="http://inspiredology.com/online-portfolios-that-speak-for-themselves/">Inspiredology</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/baska-soze-gerek-birakmayan-internet ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 10 Feb 2009 14:35:00 GMT 196465@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/baska-soze-gerek-birakmayan-internet pillikarinca <p>2008, benim gibi blogcular için mükemmel bir yıldı. Bu yıl ise her gün bir farklı blog üzerinde daha kaliteli içerik yayımlamak için oldukça büyük bir rekabet var. Bunun amacı geçtiğimiz yıl farklı bloglar üzerinde büyük ilgi çeken blogların yayımlanmış oluşu. Bugünkü makalemizde ise 2008 yılında en çok ses getiren blogların bir kısmını derlemeye çalışacağız. Kaynaklar arasında ilham kaynakları, ücretsiz içerikler, araçlar, rehberler ve benzeri kaynaklar yer alıyor. Bu kolleksiyon özellikle tasarımcılara yönelik olarak hazırlanmış olsa da "sadece" tasarımcılara yönelik değil. Bu sebeple ilgili kaynaklardan herkesin sebepleneceğini umuyorum.</p> <p>Eğer sizin de 2008 yılında okumaktan büyük zevk aldığınız kaynaklar var ise yorumlarınızda paylaşmaktan çekinmeyin.</p> <p><strong><a href="http://www.photoshoplady.com/the-100-most-popular-photoshop-tutorials-2008/">2008'in En Popüler 100 Photoshop Dersi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-01.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.noupe.com/icons/50-most-beautiful-icon-sets-created-in-2008.html">2008'de Oluşturlan En Güzel 50 Simge Seti</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-02.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.presidiacreative.com/the-10-prettiest-web-designs-of-2008/">2008'in En Güzel Web Tasarımları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-03.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong><a href="http://resourcepile.com/blog-trends-of-2008/">2008'in Blog Trendleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-04.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingapps.com/2008/11/13/33-exceptional-logo-rebranding-in-2008-for-your-inspiration.html">İlham alabilmeniz için 2008'de yeniden tasarlanan 10 Logo</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-05.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingmagazine.com/2008/12/29/2009-designer-group-interview/">En İyi Web Tasarımcıları İle 2008'e Bir Bakış</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-06.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.vectordiary.com/illustrator/best-illustrator-tutorials-articles-of-2008/">2008'in En İyi Illustrator Dersleri ve Makaleleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-07.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://abduzeedo.com/60-great-abduzeedo-articles-2008">2008'den 60 Mükemmel Abduzeedo Makalesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-08.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.blog.spoongraphics.co.uk/articles/5-web-design-conferences-shouldnt-have-missed">2008'de Kaçırmamış Olmanız Gereken 5 İlham Veren Web Tasarım Konferans Konuşması</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-09.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.webdesignerwall.com/trends/2008-design-trends/">2008 Tasarım Trendleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-10.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://speckyboy.com/2008/12/18/the-top-30-photoshop-text-effects-tutorials-of-2008-which-is-the-best/">2008'in En İyi 30 Photoshop Metin Efekti Dersi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-11.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.readwriteweb.com/archives/top_100_products_of_2008.php">2008'in Ürünleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-12.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.underconsideration.com/brandnew/archives/brand_new_best_worst_2008.php">2008'in En İyi ve En Kötüleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-13.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.existingvisual.com/thedesigncubicle/2008/12/30/50-brilliant-design-articles-of-2008-in-23-categories-40-reader-submitted-posts/">23 Kategoride 2008'in 50 Mükemmel Tasarım Makalesi + Kullanıcıların Gönderdiği 40 Makale</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-14.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingapps.com/2009/01/03/Top%2075%20Best%20Design%20Resources%20Of%202008">2008'in En İyi 75 Tasarım Kaynağı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-15.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.crazyleafdesign.com/blog/most-beautiful-websites-of-2008/">2008'in En Güzel Web Siteleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-16.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.droolingfordollars.com/business-card-designs-2008/">2008'in En İyi Kurumsal Kart Tasarımları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-17.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.davidairey.com/best-design-blog-posts-2008/">2008'den 25 Fantastik Tasarım Makalesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-18.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingmagazine.com/2008/12/22/smashing-highlights-2008/">2008'in Öne Çıkanları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-19.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.noupe.com/best-of/2008-most-popular-design-posts-tutorials-and-resources.html">2008'in En Popüler Tasarım Makaleleri, Rehberleri ve Kaynakları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-20.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://radiiate.com/2008/12/17/top-100-web-designs-2008/">2008'in En İyi 100 Web Tasarımı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-21.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.techcrunch.com/2008/12/31/a-look-at-some-of-the-best-iphone-apps-of-2008/">2008'in En İyi iPhone Uygulamaları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-22.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.balkhis.com/web-designs-resources/top-50-best-looking-blog-designs-of-2008/">2008'in En İyi Görünümlü Blog Tasarımları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/25-23.jpg' alt="\"\"" border="0"><br></div><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/2008-in-onlarsiz-yapamayacaginiz-23 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 10 Feb 2009 07:43:00 GMT 196464@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/2008-in-onlarsiz-yapamayacaginiz-23 pillikarinca <p>Kendi işinizin patronu olmak bazen zorlayıcı olabilir. Fakat ne şans ki bizim işimizi daha hızlı ve daha iyi yapabilmemizi sağlayacak çeşitli siteler ve araçlar geliştiren bir grup insan bulunuyor. Sıklıkla web tasarımcılığım ve geliştiriciliğim sırasında hangi araçları kullandığım sorulur bana, ben de bunun üzerine bu araçlara yönelik bir liste yapmaya karar verdim. Mac OS X işletim sistemi üzerinde çalıştığım için bu araçların pek çoğunun Mac için olduğunu hatırlatmak isterim. İşte başlıyoruz.</p> <p><strong>1. <a href="http://thecosmicmachine.com/">Event Box</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-01.jpg' alt="\"\"" border="0"><br></div> <p>Event Box'u sadece birkaç ay önce kullanmaya başladım ve bu servisin mükemmel olduğunu söylemek zorundayım. Hatta mükemmelden de öte. Tahmin edeceğiniz üzere zamanımın büyük bir kısmını çevrimiçi olarak geçiriyorum ve bir sürü RSS beslemesini takip ediyorum. İşte Event Box bu beslemelerin yanısıra <a href="http://www.twitter.com/">Twitter</a>, <a href="http://www.facebook.com/">Facebook</a> ve <a href="http://www.flickr.com/">Flickr</a>'ı da takip edebilmemi sağlıyor. Kesinlikle bu araç daha yaratıcı ve tasarım komünitesinin son zamanlarda nelerle ilgilendiğini takip edebilmem açısından mükemmel bir araç.</p> <p><!-- buradan kes --></p> <p><strong>2. <a href="http://www.adobe.com/products/creativesuite/">Adobe Creative Suite</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-02.jpg' alt="\"\"" border="0"><br></div> <p>Sanırım bunu kullandığımı tahmin etmeniz zor olmazdı. Adobe'nin herhangi bir giriş metnine ihtiyacı olduğunu sanmıyorum. Ben genellikle FireWorks, Photoshop ve Illustrator'u kullanıyorum. Ve evet, FireWorks'un olması gerektiği kadar popüler olmadığının farkındayım ancak ilgili yazılımı her zaman kullanıyorum ve istediğim her şeyi ve çok daha fazlasını yapıyor. Yaptığım işlerin çoğu web ile alakalı ve FW ile PS ihtiyacımı çabucak karşılayabilecek kapasitede.</p> <p><strong>3. <a href="http://wordpress.org/">WordPress</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-03.jpg' alt="\"\"" border="0"><br></div> <p>Geliştirdiğim sitelerin pek çoğu WordPress üzerinde çalışıyor. Neden mi? Çünkü platformun özelleştirmeye çok açık ve komünitesinden aldığınız desteğin inanılmaz olduğuna inanıyorum. WordPress'i sadece bir 'bloglama platformu' olarak görmüyorum. Bence WordPress ondan çok daha fazlası.</p> <p><strong>4. <a href="http://www.barebones.com/products/TextWrangler/">Text Wrangler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-04.jpg' alt="\"\"" border="0"><br></div> <p>Özetle, Text Wrangler benim en beğendiğim metin düzenleyicisidir. Kod, CSS ve benzeri diğer kodları yazmanın yanısıra bildirgeç üzerindeki makalelerimi yazmak için de bunu kullanıyorum (bazen de <a href="http://support.apple.com/kb/HT2523">Text Edit</a>'i kullanıyorum elbette).</p> <p><strong>5. <a href="http://evernote.com/">Evernote</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-05.jpg' alt="\"\"" border="0"><br></div> <p>Evernote sayesinde kendinizi en rahat hissettiğiniz platform üzerinde dilediğiniz bilgi parçacığını depolayıp daha sonra ona yeniden, istediğiniz yerden ulaşabilirsiniz. Servisin görseller üzerindeki metinleri de aranabilir kılması benim çok işime yarıyor.</p> <p><strong>6. <a href="http://www.istockphoto.com/index.php">iStockPhoto</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-06.jpg' alt="\"\"" border="0"><br></div> <p>Bir blog yazısına bir görsel yerleştirmek istediğimde ya da bir web sitesi için bir simge ya da o siteye özgü bir görsele ihtiyacım olduğunda genellikle iStockPhoto web sitesini ziyaret ederim. Görsellerin fiyatları çok uygun ve bazen uzatılmış lisanslar da sunuluyor. Kesinlikle önerilir. Özellikle kurumsal web siteleri hazırlıyorsanız ve daha sonra telif hakları ile başınızın ağrımasını istemiyorsanız bu tip siteleri kullanmanızı öneririm.</p> <p><strong>7. <a href="http://www.flickr.com/">Flickr</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-07.jpg' alt="\"\"" border="0"><br></div> <p>Flickr blog yazıları ve makaleler için sadece görsel bulmak için mükemmel bir araç olmakla kalmıyor, ayrıca tasarımcılar ve fotoğrafçılarla iletişim kurmak için de kullanışlı bir platform olarak kullanılabiliyor. Flickr üzerinde bir pro hesabım var ve ödediğim her kuruşuna değdiğini söyleyebilirim.</p> <p><strong>8. <a href="http://www.obdev.at/products/launchbar/">Launch Bar</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-08.jpg' alt="\"\"" border="0"><br></div> <p>Launch Bar, popüler <a href="http://quicksilver.blacktree.com/">QuickSilver</a>'a mükemmel bir alternatif. Pek çok Mac kullanıcısının QuickSilver aşığı olduğunu biliyorum ama ben her nedense Launch Bar'ı tercih ediyorum. Belki de arayüzünün sadeliğinden olsa gerek.</p> <p><strong>9. <a href="http://www.parallels.com/">Parallels Desktop</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-09.jpg' alt="\"\"" border="0"><br></div> <p>Web siteleri tasarlarken ve geliştirirken, onun farklı tarayıcılarda nasıl göründüğünü kontrol etmeniz gerekmektedir (ah IE6 ah!). Elbette Mac üzerinde ücretsiz BootCamp'i kullanarak Windows kurabilirsiniz ancak bu yazılım ile Windows kullanmak istediğinizde sisteminizi yeniden başlatmanız gerekir. Parallels sayesinde Mac üzerinde çalışırken Windows'u kullanabilmenin bana kazandırdığı zaman tartışılmaz.</p> <p><strong>10. <a href="http://www.pixelmator.com/">Pixelmator</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-10.jpg' alt="\"\"" border="0"><br></div> <p>Pixelmator yazılımı Photoshop'a mükemmel bir alternatif. Elbette Photoshop ile daha fazlasını yapabilirsiniz ancak sadece temel iyileştirmeler ve değişiklikler yapmak istediğinizde neden Photoshop'u açmanız gereksin ki? Tüm bunların yanısıra ikisinin arasındaki fiyat farkı da oldukça fazla. Gün geçtikçe kendimi daha az Photoshop, daha fazla Pixelmator kullanırken buluyorum.</p> <p><strong>11. <a href="http://www.mamp.info/en/index.php">MAMP Pro</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-11.jpg' alt="\"\"" border="0"><br></div> <p>MAMP gerçekten kullanışlı bir yazılım. Özellikle Internet erişiminin olmadığı durumlarda MySQL, PHP ve Apache'yi sisteminizde kullanmak istiyorsanız, MAMP Pro kesinlikle denemeniz gereken bir yazılım.</p> <p><strong>12. <a href="https://spyrestudios.freshbooks.com/signup/">FreshBooks</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/26-12.jpg' alt="\"\"" border="0"><br></div> <p>Freshbooks'u, projeler üzerinde geçirdiğim zamanı kaydetmek ve ardından müşterilerime fatura göndermek için kullanıyorum. Faturalamaya yönelik her şeyi kaydetmek için kullanması oldukça kolay bir uygulama. Uygulamayı neredeyse bir yıldır kullanıyorum ve daha çok uzun süre kullanmayı planlıyorum. Web tabanlı olan bu uygulamanın <a href="http://www.freshbooks.com/blog/2008/10/22/freshbooks-iphone-application-is-finally-here/">iPhone ve iPod touch üzerinde çalışan bir uygulaması</a> da mevcut.</p> <p><strong>Şimdi Konuşma Sırası Sizde</strong><br>Kullandığım araçların ve sitelerin bir listesini gördünüz. Şimdi sanırım sıra sizde. Sizin özellikle web tasarımında kullandığınız araçlar neler? Faturalama, geliştirme ve tasarım işleriniz için hangi araçları kullanıyorsunuz? Yorumlarınızla paylaşın.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://spyrestudios.com/tools-web-design-business/">Spyre Studios</a></li> </ul> <strong>Web Tasarımcıları ve Geliştiricileri İçin Yararlı Kaynaklara Yönelik Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/2008-in-onlarsiz-yapamayacaginiz-23">2008'in Onlarsız Yapamayacağımız 23 Kaynağı</a></li> <li><a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin">Daha Hızlı Şablon Oluşturabilmek İçin Kullanılabilecek 9 CSS Framework'ü</a></li> <li><a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript">2008'in En İyi JavaScript Kaynakları</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-web-uzerindeki">Web Tasarımcıları İçin Web Üzerindeki 6 Kullanışlı Araç</a></li> <li><a href="http://www.bildirgec.org/yazi/hicbir-zaman-olmeyecek-28-photoshop">Hiçbir Zaman Ölmeyecek 28 Photoshop Dersi</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 09 Feb 2009 17:01:00 GMT 196330@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac pillikarinca <p>Etkileyici ve ücretsiz fontlar serisine yeni fontlarla devam ediyoruz.</p> <p><a href="http://www.1001fonts.com/font_details.html?font_id=3120">Traveling Typewriter<div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/traveling-typewriter.gif' alt="Traveling Typewriter" border="0"><br>Traveling Typewriter</div></a><br>Daktilo yazısına benzer bir görünümü var. Bu gibi fontlar bazı özel tasarımlarda kullanılıyor. İhtiyaç sahiplerinin ilgisini çekecektir. Ancak font lisansı shareware olarak geçiyor. Bu tip fontlar ne gibi kısıtlamaların olduğunu belirten bir dökümanla birlikte gelir ancak bu fontta onu göremedim. Kullanım kısıtlamasına dair hiç bir döküman içermiyor.</p> <p><a href="http://www.fontcubes.com/Violation.font">Violation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/violation.gif' alt="Violation" border="0"><br>Violation</div><br>violation karakterleri el yazısına çok yakın tasarlanmış. Ancak tüm karakterleri küçük harfler şeklinde hazırlanmış. Büyük harf bulunmuyor. Font puntosu eğer çok küçük değilse rahatlıkla okunabiliyor. wordpress kullanıcılarının uğradığı <a href="http://lorelle.wordpress.com/">lorelle</a>nin sitesinde yazıların altlarında kullanılan imza bu tarzda fontların ne kadar geniş bir alanda boy gösterebileceğinin kanıtı.</p> <p><!-- buradan kes --></p> <p><a href="http://www.dafont.com/angel.font">Angel</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/angel.gif' alt="Angel" border="0"><br>Angel</div><br>Angel bir kaç yıl önce JuliaL isimli bir tasarımcı tarafından tasarlanmış. Font paketinin içerisinde bir metin belgesi geliyor. Fontu internette kullanmanız halinde bir adresi sitenizin bir yerine iliştirmeniz rica edilmiş. Ancak linkteki adres çoktan kapanmış. Fontun dağıtımı serbest bırakılmış. Angel güçlü bir tasarımcının elinde internet sitelerinde mucizeler yaratabilir.</p> <p><a href="http://www.dafont.com/architext.font">Architext</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/architext.gif' alt="Architext" border="0"><br>Architext</div><br>Architext ince ve sade yapıyısla dikkat çekiyor. Ancak harflerinde güçlülük ve profesyonellik hissi veren hatlar var. Font <a href="http://www.bildirgec.org/yazi/fontlar-nasil-turkcelestirilir">türkçeleştirmeye uygun.</a></p> <p><a href="http://www.cuttyfruty.com/enhtml/fonts.php">Jellyka</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/jellyka-saint-andrews-queen0.png' alt="Jellyka" border="0"><br>Jellyka, Saint-Andrew's Queen</div><br>Jellyka, Saint-Andrew's Queen adındaki font yapımcısı Jellyka Nerevan tarafından kişisel kullanımlara açılmış ancak ticari amaçla kullanacaksanız sitemi ziyaret ederek bilgi edinin demeyi de unutmamış.</p> <p>Font son derece şık. kaligrafik, script kategorisinde değerlendiriliyor. Ancak bu tarzda bir font aramayanlar için pek bir anlam ifade etmiyor. Genel bir kullanım alanı yok.</p> <p><a href="http://www.dafont.com/city-burn-night-after-night-and-we-spraypaint-the-.font">City Burn Night After Night And We Spraypaint The Walls</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/city-burn-night-after-night-and-we-spraypaint-the-0.png' alt="City Burn Night After Night And We Spraypaint The Walls" border="0"><br>City Burn Night After Night And We Spraypaint The Walls</div><br>Başlıklar için kullanılabilir. Küçük puntolarda okunması güçleşiyor. Harfleri oldukça kalın tasarlanmış. İsminin uzunluğu ise bir başka hikaye.</p> <p><a href="http://www.dafont.com/philosopher.font">Philosopher</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/philosopher0.png' alt="Philosopher" border="0"><br>Philosopher</div><br>Okunabilirliği yüksek bir font. Küçük ve büyük puntolarda rahatlıkla kullanılabilir. Temiz görünümlü ve yumuşak hatlara sahip. Minimalist tasarımlara da uyum sağlaması mümkün.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/etkileyici-ve-ucretsiz-fontlar-ii ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 07 Feb 2009 15:33:00 GMT 196003@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/etkileyici-ve-ucretsiz-fontlar-ii pillikarinca <p>Malumunuz fontlar tasarımlarda oldukça büyük bir öneme sahip. Tasarımların daha başarılı olması için etkileyici fontlar kullanmak bu tasarımları daha değerli kılabilir.</p> <p>Etkileyici ve Ücretsiz fontlar serisine 6 seçkin ve ücretsiz fontla başlıyoruz :</p> <p><a href="http://www.fontcubes.com/Bleeding-Cowboys.font"><strong>Bleeding Cowboys</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/bleeding-cowboys-2.gif' alt="Bleeding Cowboys" border="0"><br>Bleeding Cowboys</div><br>Bleeding Cowboys true type font sınıfında. windows macos ve linux tabanlarında çalışabiliyor.<br>gösterişli ve kullanışlı olmasıyla popülerlik kazanıyor.</p> <p><a href="http://pedroreina.net/apostrophiclab/0167-FreebooterScript/freebooterscript.html"><strong>Freebooter Script</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/freebooter.gif' alt="Freebooter Script" border="0"><br>Freebooter Script</div><br>Freebooter Script el yazısını andıran bir font. yapımcısı yüzüklerin efendisi üçlemesinde yüzüğün üzerinde kullanılan fonttan etkilenmişe benziyor. Logoların altlarında siteyi tanımlayan küçük sloganlar için kullanılabilir. Çok küçük puntolarda okunması zor olabiliyor.</p> <p><!-- buradan kes --></p> <p><a href="http://www.fontcubes.com/Walkway.font"><strong>Walkway</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/walkway.gif' alt="Walkway" border="0"><br>Walkway</div><br>walkway'i tanımlamak için sade minimalist ve kendinden emin kelimeleri yeterli. Kullanım alanı oldukça geniş, okunaklı ve özel bir font.</p> <p><a href="http://www.fontcubes.com/Amaze.font"><strong>Amaze</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/amaze.gif' alt="Amaze" border="0"><br>Amaze</div><br>Amaze sade ve şık görünüyor. küçük puntolarda okunması güç. Zaten bu font bir kitap yazmak için tasarlanmamış. Büyük puntoların bulunduğu her tasarımda rahatlıkla kullanılabilir. bu font windows linux ve macos platformlarında kullanılabiliyor.</p> <p><a href="http://www.1001fonts.com/font_details.html?font_id=3192"><strong>A Bite</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/a-bite.gif' alt="A Bite" border="0"><br>A Bite</div><br>Posterler sinema afişleri logolar gibi geniş bir yelpazede kullanıma uygun. Büyük kalın eskitilmiş harfler sokak modasına uygun tarzda. "underground" tasarımlara uyum sağlayabilir.</p> <p><a href="http://www.dafont.com/riesling.font"><strong>Riesling</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/riesling.gif' alt="Riesling" border="0"><br>Riesling</div><br>Riesling el yazısı kategorisinde değerlendirilen popüler bir font. Font tasarımcısı harf kıvrımlarında oldukça uğraşmış ve estetik bir font ortaya çıkarmış. Fakat harfler son derece küçük. yukarıdaki örnekte Riesling yazısı 100 puntoyla yazıldı. Bu fontu kullanırken devasa puntolarda yazmaya alışmak gerekiyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/etkileyici-ve-ucretsiz-fontlar ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Tue, 03 Feb 2009 18:00:00 GMT 195852@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/etkileyici-ve-ucretsiz-fontlar pillikarinca <p><strong><a href="http://www.gazup.com/">Gazup!</a></strong> servisi ile dosyalarınızı desteklenen (ve aralarından sizin de tercih edebildiğiniz) popüler çevrimiçi dosya depolama merkezlerine (<a href="http://RapidShare.com">RapidShare</a>, <a href="http://MegaUpload.com">MegaUpload</a>, <a href="http://FileFactory.com">FileFactory</a>, <a href="http://zShare.net">zShare</a>, <a href="http://NetLoad.in">NetLoad</a>, <a href="http://Easy-Share.com">Easy-Share</a>, <a href="http://Uploaded.to">Uploaded.to</a>, <a href="http://HideMyAss.com">HideMyAss</a>) yükleyebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kodOZANI/example.png' alt="Gazup! servisinin özeti" border="0"><br>Gazup! servisinin özeti</div> <p>Bu hızlı yansılama hizmeti, yüklenen dosyanız eğer bir video ise ayrıca sizin için ekran görüntüsü (bknz. <a href="http://www.gazup.com/screenshots/7bcae5af166b42dca3308d9634bf569b.jpg">örnek</a>) de oluşturabiliyor.</p> <p>Ayrıca dosyalarınızın, herhangi bir sunucudan silinmesi durumunda bunu haber verip, onarabilmenizi sağlıyor. Dosya formatında bir sınırlama olmazken, en fazla yüklenebilecek tekil dosya büyüklüğü 400mb'yi aşmamalı. (bknz. <a href="http://www.gazup.com/FiOJO">örnek</a>)</p> <p>ayrıca <a href="http://www.gazup.com/">gazup servisi</a>ni en çok kullanan üyelere <a href="http://www.gazup.com/rewards/">ödül ve süprizler</a> vaad ediliyor. en etkin ilk 20 üyeye kazandıkları puanlarını direkt nakite çevrilmesi buna güzel bir örnek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kodOZANI/logo.png' alt="Gazup! " border="0"><br>Gazup! </div><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/gazup-ile-dosyalarinizi-yansilayin ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 04 Feb 2009 12:17:00 GMT 195851@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/gazup-ile-dosyalarinizi-yansilayin pillikarinca <p>Bir web sitesinin kullanışlılığının en temel gereklerinden birisi şüphesiz navigasyon menüleridir. Kullanıcılar için kullanım kolaylığı açısından basit ve anlaşılır olmasının yanında şıklığı da oldukça önemlidir. <a href="http://www.smashingmagazine.com">Smashing Magazine</a> bizim için şahane 50 adet css, css+javascript ve flash navigasyon menüsünü listelemiş. İlham almak adına hep birlikte göz atalım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/loodo.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.loodo.com.br/">Loodo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/nopoko.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.nopokographics.com/english/">nopokographics</a> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/small.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.smallstone.com/home.php">smallstone</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/tap.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.watersmedia.com/">Water’s Edge Media</a><br>Listenin tamamını görmek için <a href="http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/">tıklayın.</a><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 05 Feb 2009 07:39:00 GMT 195850@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici pillikarinca <p>Yabancı fontlarda türkçe karakterler bulunmuyor. Ancak bu fontlara türkçe karakterler ekleyebiliriz.<br>Öncelikle bir font editörüne ihtiyacımız var. Ücretsiz windows ve linux alternatifleri var ancak ben bu konuyu yeteneklerini yeterli bulduğum FontCreator v5.6 programı üzerinden anlatacağım.</p> <p><strong>1.Adım</strong></p> <p><a href="http://www.high-logic.com/fontcreator.html">high-logic.com</a> adresinden FontCreator programını yüklüyoruz.<br>Programda düzenlemek istediğimiz fontu açıyoruz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-secimi.jpg' alt="düzenlenmesi istenen fontu açıyoruz" border="0"><br>düzenlenmesi istenen fontu açıyoruz</div></p> <p><strong>2.adım</strong></p> <p>Şimdi türkçe karakterler daha önceden tanımlanmamışsa yeni karakterler oluşturmamız gerekiyor. Her hangi bir karaktere sağ tıklıyoruz buradan "Add" seçeneğine tıklıyoruz. Eklemek istediğimiz yeni karakter için boş bir kutucuk açılıyor. Bu kutucuğa karakterimizi eklemeden önce kutucuğu tanımlamalıyız. Yani klavyedeki hangi tuşa basında bu kutucuğun bir harf olarak ekranda belireceğini ayarlamalıyız. Bunun için oluşturduğumuz bu boş kutucuğa sağ tıklayarak Properties seçeneğine giriyoruz.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret2.jpg' alt="yeni harfimizi tanımlıyoruz" border="0"><br>yeni harfimizi tanımlıyoruz</div><br>Açılan bu pencerede General sekmesi altında Postscript başlığı içerisindeki Name'e eklemek istediğimiz harfin ismini veriyoruz. Sonra Mappings sekmesine geçerek, mappings alanına yeni bir özellik eklemeliyiz. bunun için mappings penceresinin sağ tarafında bulunan Select butonuna tıklıyoruz. <p>Örneğin eklemek istediğimiz harf yumuşak g (ğ) olsun. Bu harf <strong>Latin Extended-A</strong> kategorisinde<strong> latin small letter g with breve</strong> olarak geçiyor. (Eğer harflerin isimlerini bilmiyorsak windowstaki sistem araçları arasında yer alan karakter eşlem aracından isimlerini öğrenebiliriz.)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret3.jpg' alt="ğ harfinin mappings sekmesinde tanımlanması " border="0"><br>ğ harfinin mappings sekmesinde tanımlanması </div><br>Harf tanımlama işlemleri bu kadar. Sonra Ok butonlarıyla işlemi tamamlıyoruz . Oluşturduğumuz boş kutucuğun üzerinde harfimize ait genel bir görüntü oluşmuş olacaktır. Ancak harfimiz henüz tasarlanmadı.</p> <p><strong>Adım 3</strong></p> <p>Fontu türkçeleştirme işleminin püf noktası burada yatıyor. Anlatım için Amaze isimli fontu kullandım. Bu font standart fontlara benzemiyor. Peki ben ğ harfini nasıl tasarlayabilirim? En küçük bir bozukluk diğer karakterler arasında uyumsuzluk yaratacaktır ve göze hoş gelmeyecektir.</p> <p><strong>Türkçe karakterlerin tasarımı</strong></p> <p>Ekleyeceğimiz karakterleri diğer karakterlerden kopyalayabiliriz. Örneğin yine (ğ) harfini fonta ekliyor olalım. Bunun için fontta hali hazırda var olan g harfini kopyalayıp eklemek istediğimiz (ğ) harfine yapıştırıyoruz. şimdi üzerinde bir çizgi eksik bunu da varsa diğer karakterlerden yine kopyala yapıştır yöntemiyle elde edip üzerine ekleyebiliriz. ya da kendimiz bir çizgi çizerek kopya g harfini ğ harfine dönüştürebiliriz. Temel mantık bu. Ben diğer karakterlerden aldığım bir çizgiyi biraz değiştirerek g harfine uygun hale getirdim ve fontta hiç bir bozukluk olmadı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret4.jpg' alt="ğ nin üzerindeki çizgiyi oluşturmak için fonttaki bu karakterden yararlanılabilir." border="0"><br>ğ nin üzerindeki çizgiyi oluşturmak için fonttaki bu karakterden yararlanılabilir.</div><br>Aldığım çizgideki bir takım oynamalardan sonra ğ harfini elde etmiş oluyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret5.jpg' alt="ğ harfi oluşturuluyor." border="0"><br>ğ harfi oluşturuluyor.</div></p> <p>Bu işlemi diğer türkçe karakterler için de uyguluyoruz. ç nin altındaki çengeli s yi ş yapmak için kullanabiliyoruz. Bu ve benzeri eklemeler sonucunda türkçe karaktlerin tamamanını oluşturmak mümkün.<br>FontCreator programında F5 tuşuyla her an fontu test etmek harfler arasında uyumsuzluk olup olmadığını görmek mümkün. Testlerde de olumlu sonuçlar aldıktan sonra fontu ilgili klasöre yükleyebiliriz. Program bunu bizim için "install font" seçeneğiyle yapabiliyor. Ancak bir hatayla karşılaşma ihtimalimiz var. Bunun sebebi orjinal font dosyasının fonts klasöründe bulunmasından kaynaklanıyor. Önce orjinal fontu sistemden tamamen kaldırmalıyız. İşlem burada bitmiyor . Dilersek fontun ismini de değiştirebiliriz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-isim1.jpg' alt="Fontun görünen ismini veriyoruz" border="0"><br>Fontun görünen ismini veriyoruz</div><br>Programda fonta isim vermek için Tools menüsünden Autonaming... seçeneğine tıklamamız gerekiyor. İsim verdikten sonra diğer detayları olduğu gibi bırakabiliriz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-isim2.jpg' alt="Detaylar" border="0"><br>Detaylar</div></p> <p><strong>Adım 4</strong></p> <p>Fontu ister program aracılığıyla ister elle sisteme yükledikten sonra herhangi bir metin editöründe test edebiliriz. Ben bu makaleyi hazırlarken kullandığım Amaze fontunu bilindik ve türkçe karakter içeren birkaç kelimeyle test ettim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-sonuc1.jpg' alt="Sonuç" border="0"><br>Sonuç</div><br>Fontun sisteme dahil olmasıyla tüm işlemler bitiyor. Tasarımlarınızda başarılar...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/fontlar-nasil-turkcelestirilir ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 05 Feb 2009 10:12:00 GMT 195849@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/fontlar-nasil-turkcelestirilir pillikarinca <p>1 . <a href="http://minishowcase.frwrd.net/">Minishowcase</a><br>Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/minishowcase.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://smoothgallery.jondesign.net/showcase/gallery/">JonDesign’s SmoothGallery </a><br>JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/jondesignssmoothgallery.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://www.agilegallery.com/ajax-photo-gallery.html">Ajax Photo Gallery</a> <br>Birçoğumuzun bildiği Agile Gallery basit ve öz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/ajax-photo-gallery.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://fennecfoxen.org/pyxy/gallery">Pyxy-gallery</a><br>Bu sistem biraz eski olmasına rağmen çeşitli düzenlemeler ile tasarımınıza en iyi uygulayabileceğiniz galeri sistemlerinden birisidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/pyxygallery.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.zenphoto.org/">Zenphoto</a><br>Online galeri çözümlerinin bence cevabı Zenphoto sistemidir. Birçoğumuzda elbet bir şekilde bu sistem ile buluşmuşuzdur:) fazla söze gerek yok.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/zenphoto.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.couloir.org/js_slideshow/">Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow</a><br><strong>Bu sistemi şiddetle incelemenizi öneririm.</strong> Belki biraz flash galeri sistemlerini anımsatıyor ama kullanımı ve düzenleme altyapısı okadar basit ki... imaj portfolyo ve fotoğrafçılar için en uygun sistemlerden biri diyebilirim!</p> <p>7. <a href="http://orangoo.com/labs/GreyBox/">Grey Box</a><br>Buna da şiddetle bir bakın demek zorundayım. Tasarımında çok fazla imaj külfeti olanlar için mükemmel bir çözüm olabilir.</p> <p>8. <a href="http://www.huddletogether.com/projects/lightbox2/#example">LightBox 2</a><br>Yabancı gelmedi biliyorum evet, doğru hepimizin bildiği o muhteşem script.</p> <p>9. <a href="http://www.gregphoto.net/lightbox/">Multifaceted Lightbox </a><br>Bu galeri sistemi için aslında fazla söze gerek yok, tekrarlıyorum fotoğrafçılıkla uğraşanlar için gayet başarılı bir sistem.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/multifaceted-lightbox.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.jasons-toolbox.com/SlightlyThickerBox/">Slightly ThickerBox 1.7</a><br>Basit ve öz Light Box2 ye benzerliğiyle bilinen galeri sistemi.</p> <p>11. <a href="http://slideshow.triptracker.net/">TripTracker</a><br>Bu sistem isminden de anlayabileceğimiz gibi gezilerimiz için yarattığımız galerilere en iyi çözüm. <strong>Bunların dışında Şiddetle öneririm!</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/triptracker.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://www.digitalia.be/software/slimbox">Slimbox, the ultimate lightweight Lightbox clone</a><br>Mootols tabanlı o güzel galerilerden biri daha.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/slimbox.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/">Suckerfish HoverLightbox</a><br>Bu sistemi çok beğeneceğinizden eminim. Klasik fikirlerden bıkmış olanlar için ideal olabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/suckerfish-hover-lightbox.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/">Suckerfish HoverLightbox Redux</a><br>Bir önceki sistemimizin farklı bir versiyonu, değişik diyebilirim :)</p> <p>15. <a href="http://jquery.com/demo/thickbox/">ThickBox 2.1.1</a><br>İşte bir klasik daha.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/thickbox.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.cssplay.co.uk/menu/gallery.html">A Photograph Gallery</a><br>Görünüm olarak hepimizin anımsayacağı bir sistem olan A photograph gallery çeşitli görsel düzenlemeler ile güzel olabilir. CSS Tabanlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/a-photograph-gallery.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.cssplay.co.uk/menu/photo_album.html#nogo">A simple CSS photo-album </a><br>İsminden zaten anlıyoruz ki -></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/a-simple-css-photo-album.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://www.cssplay.co.uk/menu/lightbox.html#flower8">Cross Browser Multi-Page Photograph Gallery</a><br>İşte Bu! dediğim galeri sistemlerinden birisi benim çok işime yaramıştır eminim sizin de yarayacak!</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/cross-browser-multi-page.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/">CSS Image Gallery</a><br>Basit ve Öz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/dynamicdrive-css-imagegallery.jpg' alt="\"\"" border="0"><br></div> <p>20. <a href="http://green-beast.com/experiments/css_photo_showcase.php">CSS: Photo Showcase</a><br>Bu sistemi kullanmanızı şiddetle tavsiye ederim özellikle portfolyo sistemlerinde gayet şık olabiliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/css-photo-showcase.jpg' alt="\"\"" border="0"><br></div> <p>21. <a href="http://sonspring.com/journal/hoverbox-image-gallery">HowerBox Image Gallery</a><br>Birçoğumuzun en az bir kere kullandığını düşündüğüm sistem.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/hoverbox-imagegallery.jpg' alt="\"\"" border="0"><br></div> <p>22. <a href="http://www.cssplay.co.uk/menu/photo_scroll.html#nogo">Photo Scroll Gallery</a><br>Bu sistemi de sörf yaparken çok görmüşüzdür.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/photo-scroll-gallery.jpg' alt="\"\"" border="0"><br></div> <p>23. <a href="http://www.cssplay.co.uk/menu/gallery3l.html">Sliding Photograph Galleries</a><br>Bu sistemi birçok kişi bir şekilde reklam ve google adsense yapısı gibi kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/sliding-photograph-galleries.jpg' alt="\"\"" border="0"><br></div> <p>24. <a href="http://cross-browser.com/toys/img_gallery_2.php">xImgGallery - Javascript Image Gallery & Slideshow</a><br>Kullanım açısından çok basit olan bu sistem biraz düzenleme sayesinde tasarım ile tam uyum sağlıyabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/ximg-gallery.jpg' alt="\"\"" border="0"><br></div> <p>25. <a href="http://tjkdesign.com/articles/gallery/photo_gallery.asp">Easy Album</a><br>Bu sistemi de birçoğumuz yakından tanıyacaktır. Çok çok basit ve kullanıcı dostu bir galeri sistemi. Basit kullanımı ile kullanıcılarınıza en iyi sunumu yapabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/easyalbum.jpg' alt="\"\"" border="0"><br></div> <p>26. <a href="http://dasme.org/imagegal/">Image Gal</a><br>Mini galeri diyebileceğimiz bir sistem. basit imaj gösterim sistemlerini sevenler için ideal.</p> <p>27. <a href="http://vikjavev.no/highslide/">Highslide JS</a><br>Bu sistem de hepimizin kullandığı mevcut diğer sistemler ile çok benzerlik taşıyan bir galeri sistemi. Tavsiye ederim.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/highslide-js.jpg' alt="\"\"" border="0"><br></div> <p>28. <a href="http://design.tedforbes.com/">Satellite</a><br>FlickR ile de çok iyi entegre çalışabilen bir sistem. Şu anda galiba ücretli veya üyelik gerektiriyor.</p> <p>29. <a href="http://www.dhonishow.de/">Dhonishow</a></p> <p>Buna da kesin bakın derim, CMS sistemini kullanan arkadaşlarımız elbet latest photos gibi bir modülü buna uyarlayabilirler.</p> <p>Kaynak : Neredeyse 2 yıldır kullandığım bu galerileri bir araya toplayan <a href="http://www.smashingmagazine.com">smashing magazine</a> sitesinden kendi derlemelerim.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-zaman-aradigimiz-29-adet ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 05 Feb 2009 17:38:00 GMT 195848@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-zaman-aradigimiz-29-adet pillikarinca <p>Sosyal imleme sitelerinin popülaritesi önce birçok sosyal imleme sitesinin açılmasına sebep oldu, sonra bu işi yapan <a href="http://www.pligg.com/">pligg</a> gibi hazır ve ücretsiz uygulamalar çıktı. Ancak bunları kurabilmek için bir barındırma servisine, biraz da tecrübeye ihtiyacınız vardı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayliminok/slinkset.gif' alt="slinkset ile kendi digg'inizi kurun" border="0"><br>slinkset ile kendi digg'inizi kurun</div> <p>Bundan sonra web'de her tutan konseptte olduğu gibi, servis olarak sosyal imleme sitesi açmanızı sağlayan bir sitenin türemesi kaçınılmazdı. <a href="http://www.slinkset.com">Slinkset</a>'in amacı bu. Size istediğiniz gibi kişiselleştirebileceğiniz, varsa kendi alan adınız üzerinden yayın yapabileceğiniz minimal ücretsiz ve çok tatlı bir sosyal imleme sitesi sunuyor.</p> <p>Hali hazırda bunu <a href="http://www.reddit.com">reddit</a> üzerinden kısmen yapabiliyoruz. duyduğumuza göre yakında <a href="http://www.digg.com">digg</a> üzerinden de <a href="http://www.bildirgec.org/yazi/kendi-digg-ini-yarat-6-aya">yapabilecekmişiz</a>.</p> <p><!-- buradan kes --></p> <p>Ama hiç birinin slinkset'in bir özelliğine yetişebileceğini sanmıyorum. O da sağ bar'a <strong>reklam dahil</strong> herşeyi ekleyebilme özelliği.</p> <p>Slinkset, sitenizi istediğiniz gibi kişiselleştirmenize izin veriyor. renklerini ve font boylarını ayarlar ile bildirebiliyorsunuz, usta iseniz CSS'nizi kendiniz de ekleyebiliyorsunuz.</p> <p>Kendi analytics kodunuzu eklemenize müsaade ediyor. Ayrıca istediğiniz RSS feed'lerini otomatik olarak post ediyor.</p> <p>Bu özellikleri ile ve eli yüzü düzgün kullanımı ile kanımca bahsedilmeyi hakkediyor.</p> <p>bakınız <a href="http://discover.slinkset.com/">burada</a> da slinkset ile yapılmış siteler slinkset'i var.</p> <p>Not: uzun zamandır pilli dünyasını uzaktan izliyordum, cesaretimi topladım ve ilk yazımı yazdım. hayırlı olsun.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pillikarinca">pillikarinca</a> tarafından <a href=" http://www.bildirgec.org/yazi/slinkset-ucretsiz-sosyal-imleme-sitesi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 06 Feb 2009 14:45:00 GMT 195847@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/slinkset-ucretsiz-sosyal-imleme-sitesi