http://www.bildirgec.org/ tr-tr 40 bildirgec.org - nikopol - beğendikleri nikopol <p>sıklıkla mp3 gibi dijital formatlarda müzik dinleriz. müzik keyif işidir. fakat çoğu zaman yanlış bilgilerle ya da bilinmeyen sanatçı bilgilerine sahip parçaları düzenlerken sıkılabiliriz ve bu durum keyfimizi kaçırabilir. eğer geniş bir müzik arşivine sahipseniz (ayrı ayrı şarkı bilgisi filan aramak gibi) daha da can sıkıcı bir hal alabilir.<br><a href="http://www.bildirgec.org/yazi/hem-ucretsiz-hem-de-yasal">buradan</a> ve <a href="http://www.bildirgec.org/yazi/yasal-olarak-ucretsiz-muzik-indirebileceginiz">şuradan</a> nasıl ücretsiz ve yasal müziklere ulaşabileceğimizi gördükten sonra şimdi de düzenli bir müzik arşivi için ihtiyaç duyacağınız 5 muhteşem programa/servise yer vereceğiz. bu 5 servis ile şarkılarınızı kolayca etiketleyebilir albüm bilgilerine ulaşabilir ve farklı ayarlamalar ile müzik koleksiyonunuzu daha kullanışlı bir hale getirebilirsiniz.</p> <p>1- <strong>albüm ve sanatçı bilgilerine kolayca ulaşmak</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/mediamonkey.jpg' alt="\"\"" border="0"><br></div><a href="http://www.mediamonkey.com/">MediaMonkey</a>, birçok özelliği bir arada sunan ücretsiz bir medya oynatıcısıdır. amazon gibi sitleri arayarak albüm, sanatçı ve parça bilgilerine otomatik olarak ulaşır. parçaları tek tek seçebileceğin gibi program, albüm olarak da aramaya izin veriyor.<br><!-- buradan kes --><br>2 - <strong>isimleri bilinmeyen parçaların bilgilerine ulaşmak</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/musicbrainz-picard.png' alt="\"\"" border="0"><br></div>hiçbir şarkı bilgisine sahip olmayan bir parçayı etiketlemek <a href="http://musicbrainz.org/doc/PicardTagger">musicbrainz picard</a> ile artık çok kolay.</p> <p>3 - <strong>tek adımda etiketleme veya parça bilgilerine ulaşma</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/mp3tag.png' alt="\"\"" border="0"><br></div>misal, tüm beethoven albümünde “Beethoven, Ludwig van” olarak kayıtlı sanatçı ismini "Ludwig van Beethoven" olarak değiştirmek ya da buna benzer parça bilgilerinde toplu değişiklikler mi yapmak istiyorsunuz? bu noktada teker teker uğraşmamanız için <a href="http://www.mp3tag.de/en/">mp3tag</a> kullanabilirsiniz. bunun yanında program istediğiniz parça bilgilerine ulaşmanız için de size yardımcı oluyor.</p> <p>4 - <strong>albüm cd ve dvd kapaklarına ulaşmak</strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/allcdcovers.png' alt="\"\"" border="0"><br></div><br><a href="http://www.allcdcovers.com/">AllCDCovers</a> adlı site, internette paylaşılan tüm cd ve dvd kapaklarına ulaşabilmenizi sağlıyor. ve gerçekten güzel bir hizmet sunuyor.</p> <p>5 - <strong>cd'lerdeki parçaları (trackleri) mp3'e çevirirken otomatik etiketleme ve dahası </strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/audiograbber.jpeg' alt="\"\"" border="0"><br></div><a href="http://www.audiograbber.com-us.net/">Audiograbber</a> uzun bir geçmişe sahip olan program, cd'deki parçaları ses kalitesinde kayıp olmadan mp3 formatına dönüştürerek bilgisayara kaydetmek için kullanılıyor. bunu yaparken de parça bilgilerini otomatik olarak bulup ekliyor. ayrıca mikrofondan, radyodan, kasetten, plaktan gelen ses dosyalarını da dönüştürüp sıkıştırma özelliğine sahip. daha öncesinde ücretli olan bu program artık ücretsiz olarak ve türkçe dil seçeneği ile kullanılabiliyor.</p> <p><strong></strong><br><em>tüm bunlara ek olarak daha önce yayınlanmış olan şu tanıtım yazıları da ilginizi çekebilir:</em></p> <ul> <li><a href="http://www.bildirgec.org/yazi/internetten-para-kazanmanin-en-kolay">internetten para kazanmanın en kolay 5 yolu</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/isinizi-kolaylastiracak-ucretsiz-5-arsivleme">işinizi kolaylaştıracak ücretsiz 5 arşivleme aracı</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/film-tutkunlari-icin-oldukca-faydali">film tutkunları için oldukça faydalı 9 kaynak</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/duzenli-bir-bilgisayar-icin-5">düzenli bir bilgisayar için 5 mükemmel tavsiye</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/bilgisayarinizda-tam-bir-koruma-icin">bilgisayarınızda tam bir koruma için gerekli 10 ücretsiz program</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/url-kisaltma-ile-ilgili-gormeniz">url kısaltma ile ilgili görmeniz gereken 6 eşsiz servis</a></li> </ul> <p><strong></strong><br><strong>|</strong><a href="http://xerre.bildirgec.org/"><strong>diğer yazılarım</strong></a><strong>|</strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/duzenli-bir-muzik-arsivi-icin ">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, 22 Oct 2009 12:01:00 GMT 225400@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/duzenli-bir-muzik-arsivi-icin nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-01.jpg' alt="\"\"" border="0"><br></div> <p><strong>Beyaz Boşluk (White Space) Nedir?</strong></p> <p>Basitçe anlatmam gerekirse beyaz boşluk bir tasarımın farklı elementleri arasındaki boşluktur - metinler, resimler, paragraflar, başlıklar, altlıklar, bağlantılar vb. Bu boşluk bir sayfa üzerindeki farklı elementler arasındaki boşluktur, harfler arasındaki boşluk, bir paragrafın satırları arasındaki boşluktur.</p> <p>Beyaz boşluk bir web sitesinin kolayca taranabilmesini sağlar. Ziyaretçinin sitenizi ziyaret ettiğinde gördüğü metin miktarını azaltır ve bu vesileyle okumayı daha da kolaylaştırır. Sayfanıza kutular ve çizgiler gibi yeni elementler eklemenize gerek kalmadan tasarım elementlerinin görsel olarak ayrımını kolaylaştırır. Bu boşluklar doğru kullanıldığında sayfanızın temiz ve profesyonel görünmesini sağladığı gibi, sitenizin karmaşık görünmemesini, taze görünümünü korumasını sağlar.</p> <p>Beyaz boşluk ne yazık ki güçlü bir web tasarımında en az dikkate alınan elementlerden birisidir. Beyaz boşlukların parlak ve ışıldayan bir tasarımının olmamasının, onun web sitesi için önemli olmadığı anlamına gelmez.</p> <p>Bu konudaki araştırmamıza başlamadan önce gelin tasarımlarında beyaz boşlukları verimli bir şekilde kullanan bazı web sitelerine bir göz atalım.</p> <ul> <li><strong>1. <a href="http://www.madebysofa.com/">Made By Sofa</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/89955751495ABC0E39685_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-02.jpg' alt="\"\"" border="0"></a><br></div> <p>Made By Sofa web sitesi, sitenin üst kısmında büyük boyutlu bir imaj ve imajın alt kısmında ana içerik ve navigasyon öğeleri kullanılarak güçlü bir tasarım oluşturmuş. Sofa başlıklar, paragraflar ve slogan elementlerini birbirinden ayırmak için beyaz boşlukları kullanmış. Aşağıdaki yakınlaştırılmış resme bir bakın:</p> <p><!-- buradan kes --></p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2008/12/whitespace.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-03.jpg' alt="\"\"" border="0"></a><br></div> <p><i>Not: Gölgelenmiş alanlar beyaz boşlukları temsil etmektedir</i></p> <p>Beyaz boşlukların bu şekilde kullanımı sayesinde site daha organize ve bölümlenmiş bir yapıya kavuşurken, site ziyaretçilerinin de içeriği okuyabilmesi ve site içeriğini hızlı ve verimli bir şekilde taraması (tabir-i caizse şöyle bir göz atması) kolaylaştırılmış.</p> <ul> <li><strong>2. <a href="http://informationarchitects.jp/">Information Architects</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/1833564508495ABC0BAC634_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-04.jpg' alt="\"\"" border="0"></a><br></div> <p>Information Architects web sitesi de beyaz alanları kullanarak logo, metin, paragraflar ve başlıklar gibi bazı site elementlerini birbirlerinden ayırmış ve site tasarımının temiz ve sade olmasının önünü açmış. Aşağıdaki imaj, ilgili sitenin tasarımının yakından bir görünümü.</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2008/12/ws2.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-05.jpg' alt="\"\"" border="0"></a><br></div> <p><i>Not: Gölgelenmiş alanlar beyaz boşlukları temsil etmektedir</i></p> <p><strong>Beyaz Boşlukları Nasıl Verimli Bir Şekilde Kullanabilirsiniz?</strong></p> <p>Beyaz alanları verimli bir şekilde kullanabilmek bazen zorlu bir iş olabilir. Yazının devamında size bu alanda yardımcı olabilecek bazı ipuçlarını listelemeye çalıştım:</p> <ul> <li><strong>1. Satır Aralığı (Line Spacing)</strong><br>Bir paragraf içerisindeki satırların aralığı, konu sitenin okunabilirliği ve taranabilirliğine geldiğinde en büyük farkı oluşturan en önemli unsurlardan birisidir. Eğer satırlar birbirlerine çok yaklaştırılırsa, o sayfanın içeriğini taramak neredeyse imkansız hale gelir. Eğer satırlar birbirinden çok uzaklaştırılırsa, o zaman ziyaretçileriniz satırların birbirlerinden bağımsız olduğu hissine kapılacaklar ve konuyu bütünleştiremeyeceklerdir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-06.png' alt="\"\"" border="0"><br></div> <p>Siz de satır aralıklarınızın yukarıda iki örneğin arasında bir yerlerde (ne çok az ne de çok fazla) olmasını isteyeceksinizdir. CSS'de satır aralıkları hakkında teknik bir makale arıyorsanız, o zaman <a href="http://www.w3schools.com/css/pr_dim_line-height.asp">CSS line-height değeri</a> makalesi size yardımcı olacaktır.</p> <ul> <li><strong>2. Marjlar (Margin)</strong><br>Marj, bir tasarımdaki elementleri çevreleyen boşluklara verilen addır. <a href="http://www.w3schools.com/CSS/css_margin.asp">CSS Marjları</a> bu boşluğu kendi avantajınıza kullanabilmeniz için mükemmel bir yoldur. Marjlarla çalışırken hatırlamanız gereken birkaç unsur bulunmaktadır.</li> </ul> <ol> <li><strong>Tutarlılık</strong><br>Anahattınız üzerindeki marjlarınızın geneli birbirleri ile tutarlı olsun. Boşuklarınızda ne kadar tutarlı olabilirsiniz, siteniz o kadar profesyonel ve organize görünecektir. Marjları düşünürken hem dikey hem de yatay marjları göz önünde bulundurun, zira bunların her ikisinin de tasarımın geneline önemli etkileri bulunmaktadır.</li> <li><strong>Çok fazla olmasın</strong><br>Marjlarınızı çok yüksek tutmayın. Birbirlerinden olması gerektiğinden fazla ayrılmış site elementleri, yukarıdaki <i>satır aralığı</i> örneğimizde de görebileceğiniz üzere içeriğin birbirleri ile olan ilişkisini kaybetmesine yol açabilir. Ayrıca bir sayfaya sadece sınırlı sayıda pikselin sığabileceğini de unutmayın, bu sebeple ekranın büyük kısmını boşluklarla da doldurmayın (tabi eğer sitenizin içeriği bu tip marjların kullanılmasını gerektirmiyorsa).</li> <li><strong>Çok az da olmasın</strong><br>Unutmayın, burada beyaz alanları öğrenmeye çalışıyoruz, bu sebeple tasarımlarınızda en azından biraz beyaz boşluğun olmasına özen gösterin. Bir metnin resme, yan çubuğua, başlığa, navigasyon çubuğuna ya da sitenin diğer herhangi bir elementine çok yakın olması durumunda tasarımınız biraz sıkışık görünecektir ki bu da ziyaretçilerinizi rahatsız eder. Ziyaretçilerinizin biraz nefes alabilmesi için bu boşluklara özen gösterin.</li> </ol> <p><strong>3. Minimalist Tasarım Beyaz Boşluğa Eşit Değildir</strong></p> <p>Modern tasarım dünyasının problemlerinden biri de pek çok insanın beyaz boşlukları minimalist tasarımlarla bütünleştiriyor oluşu. Bu kesinlikle yanlıştır. Bir sitede çok miktarda metin bulunuyor olabilir ancak bu o sitenin kolayca okunabilir ve taranabilir bir web sitesi ol(a)mayacağı anlamına gelmez. Beyaz boşlukların doğru kullanımı ile bu pek tabi mümkündür.</p> <p>Örnek olarak <a href="http://smashingmagazine.com/">Smashing Magazine</a>'yi ele alalım. Bu sitenin tabir-i caizse kulaklarından içerik fışkırıyor, bununla birlikte site yöneticileri sitenin taranılabilirliğini ve okunabilirliğini en yüksek seviyede tutmayı başarabilmişler. Site yönetimi bunu renklerin ve metin boyutlarının doğru seçimi ile beyaz boşlukların doğru kullanımı ile başarmışlar.</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/smashing-magazine.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-07.png' alt="\"\"" border="0"></a><br></div> <p>Yine aşağıda site tasarımına yakından bir bakış atalım:</p> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-25.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-08.png' alt="\"\"" border="0"></a><br></div> <p>Site tasarımında metinlerle resimlerin, navigasyon elementleri ile içerik ve yan barın arasındaki görsel ayrımı fark edebildiniz mi? İşte bu tümüyle beyaz boşlukların doğru kullanımı ile sağlanmış durumda.</p> <p><strong>4. Başlıklar (Headings)</strong><br>Bşlıklar site içeriğinizi yönetilebilir parçalara ayırabilmek için mükemmel bir yoldur. Bu makaleyi okurken 4 farklı başlığın kullanıldığını görmüşsünüzdür: H1, H2, H3, H4. Bu başlıklar büyük, koyu, altı çizili "bölüm başlıkları"ndan oluşuyor ve siz bu makale süresince bunu görebiliyorsunuz.</p> <ul> <li><strong>Çevirmenin notu:</strong> <i>Makalenin orjinal yazarı kendi site tasarımında başlıkları kullanım şekline göre makalenin bu kısmını yazmış. Bildirgec üzerinde, üzülerek söylüyorum, başlık yönetimi beni pek tatmin etmiyor. Makalenin bu kısmında adı geçen kullanım örneğini görmek için yazının sonunda göreceğiniz kaynak bağlantısına tıklayınız.</i></li> </ul> <p>Burada yapmanız gereken başlıkların alt ve üst kısımlarındaki boşluğa ve bu boşlukların makalenin taranabilirliğini nasıl etkilediklerine dikkat etmektir. Örneğin, sitenin H2 etiketlerinde (ikinci en büyük başlık) metin ile alt çizgi arasında 5 piksel boşluk bulunuyor. Ayrıca yine aynı etiketin üst ve alt kısmında 15'er piksellik marj yer alıyor. Bu beyaz boşluklar makalenin bölümlerini sizin görsel olarak ayırabilmenizi ve içeriği tararken onları kolayca seçebilmenizi sağlıyor.</p> <p>Bu boşlukları oluşturarak içeriğin taranması büyük ölçüde kolaylaştırılırken, ziyaretçinin hangi imi ya da hangi başlığı okumak istediğine karar vermesi kolaylaşıyor. Eğer başlıklar doğru kullanılmamış olsaydı, okur tüm makaleyi okumak zorunda bırakılırdı ki bu da bu tip uzun makaleler için okuyucu açısından tam bir işkencedir.</p> <p>Eğer siz de benim H2 etiketini nasıl stillendirdiğimi merak ediyorsanız, o zaman aşağıdaki kodu style.css dosyanıza kopyalamanız yeterli.</p> <code> h2 { font-size: 28px; padding-bottom: 5px; border-bottom: 3px solid #2a2a2a; letter-spacing: -1px; color: #2A2A2A; margin-top: 15px; margin-bottom: 15px; } </code> <p><strong>5. İmajlar</strong></p> <p>İmajlarla metnin arasında kullanacağınız boşluk, bir tasarımın güzel ya da çirkin olup olmayacağını belirleyebilecek kadar önemlidir. Eğer kelimeler imaja çok yakın olursa, o zaman içerik çok karmaşık görünecek ve okunması da bir o kadar zorlaşacaktır. Eğer kelimeler imajdan çok uzak olurlarsa, o zaman birbirleri ile olan bağlantısı kopacaktır.</p> <p><a href="http://webdesigntuts.com/">Web Design Tuts</a> websitesinde imajlarımı organize etmek ve onların görsel olarak mümkün olduğu kadar çekici olabilmesini sağlayabilmek için bazı özel imaj sınıfları kullanırım. Ne zaman bunun gibi bir makale yazsam, bir imaj için aşağıdaki kodu kullanırım.</p> <code>&lt;img class="imagelist" src=# /&gt;</code> <p>Bu imajı da CSS ile stillemek için aşağıdaki yöntemi kullanırım:</p> <code> .imagelist { border: 5px solid #cacaca; margin-top: 15px; margin-bottom: 15px; } </code> <p>Kullandığım imajlar ile başlıkların üst ve alt kısımlarında 15'er piksellik boşluklar bırakarak tutarlılığı nasıl koruduğumu fark edebildiniz mi?</p> <p><strong>Modern Web Tasarımında Beyaz Alanlar</strong><br>Eğer makaleyi buraya kadar okuduysanız, o zaman beyaz boşluğun neden önemli olduğunu artık anlamışsınızdır: Siteyi temiz göstermek, okuyucular için okunmasını kolaylaştırmak ve sitenin daha profesyonel görünmesini sağlamak bunlardan sadece birkaçı. Yine makale süresince beyaz alanların birbirleri ile tutarlı marj, metin ayrımı ve imajlarla başlıkların görsel ayrımı için kullanıldığından da bahsetmiştim. Ancak halen beyaz alanların "iyi" kullanımının ne olduğunu merak ediyor olabilirsiniz.</p> <p>Aşağıda listelediğim web siteleri, beyaz alanların doğru kullanılarak ziyaretçileri ile iletişimi güçlendiren web sitelerine iyi birer örnektir.</p> <ul> <li><strong>1. <a href="http://surfstation.com/">Surfstation</a></strong></li> </ul> <div class="imajorta"><a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-18.png"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-09.png' alt="\"\"" border="0"></a><br></div> <p>Kullanılan beyaz alanın nasıl site içeriği ile yan çubuğu birbirinden ayırdığına dikkat edin. Site ziyaretçilerinin siteyi taramasını kolaylaştıran ve ihtiyaçları olan içeriği kolayca bulabilmelerini sağlayan yegane unsur işte budur.</p> <ul> <li><strong>2. <a href="http://www.jasonsantamaria.com/">Jason Santa Maria</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/280026435495AC780CB432_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-10.jpg' alt="\"\"" border="0"></a><br></div> <p>Jason'un web sitesi çizgilerin ve beyaz boşlukların zekice kullanılmış kombinasyonu ile içeriğini temiz ve verimli bir şekilde ziyaretçilerine aktarabiliyor.</p> <ul> <li><strong>3. <a href="http://digitalmash.com/">Digital Mash</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/81835934495AC77B594F1_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-11.jpg' alt="\"\"" border="0"></a><br></div> <p>Avustralyalı Tasarımcı Rob Morris'ın web sitesi Digital Mash, navigasyon, ana resim ve sayfanın alt kısmında bulunan dört adet içerik alanını içeren çok sade bir tasarımı kullanıyor. Marjların nasıl birbirleri ile uyumlu ve içeriğin nasıl kolayca okunabilir olduğuna ve metinler arasındaki boşluklar ile başlıkların ve simgelerin nasıl güzel kullanılmış olduğuna bir bakın.</p> <ul> <li><strong>4. <a href="http://oddwebthings.com/">Odd Web Things</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/1993431092495ABC02BD326_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-12.jpg' alt="\"\"" border="0"></a><br></div> <p>Metin tabanlı bir web sitesi olan Odd Web Things, beyaz boşlukları kendi logolarını yan çubuktan, yan çubuğu kendi portfolyalarından ve portfolyalarından da kendi bloglarını ayırmak için kullanmış.</p> <ul> <li><strong>5. <a href="http://www.vlourenco.com/">Vitor Lourenco</a></strong></li> </ul> <div class="imajorta"><a href="http://www.quicksnapper.com/files/1577/739414612495ABC055B09B_m.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-13.jpg' alt="\"\"" border="0"></a><br></div> <p>Vitor'un sitesi tümüyle beyaz bir arkaplan üzerinde oraya buraya yerleştirilmiş tipografi kullanmış. Koyu navigasyon, güçlü bağlantılar ve kullandığı sade renk şeması bu websitesini işler kılmış.</p> <p><strong>Beyaz Alanlar'a Dair @Twitter Görüşü</strong></p> <p>Bu makaleyi yazarken beni Twitter üzerinden takip eden bazı kişilerin görüşlerini aldım. Onlara şu soruyu sordum: "Bir web tasarımında beyaz alanlar sizce neden önemlidir?" İşte onların cevapları:</p> <p><a href="http://twitter.com/Brendan_McNally/status/1100780697">@Brendan</a>: - Beyaz alanlar! Bence beyaz alanların doğru kullanılması, odağın içeriğin kendisine çekilebilmesi ve profesyonel görünüm için önemlidir.</p> <p><a href="http://twitter.com/brandonacox/status/1100758082">@Brandon</a>: - Önemlidir çünkü bilgi ve tasarım elementleri, büyük bir karmaşa yaratmaktansa birbirleri ile ilişkilendirilebilir.</p> <p><a href="http://twitter.com/sthursby/status/1100757681">@sthursby</a>: - Bir ziyaretçiyi web sitenize bağlayabilmek için sadece birkaç saniyeniz varken, o süreyi ziyaretçinin aradığı içeriğe kolayca ulaşabilmesi için doğru kullanmak gerek.</p> <p><a href="http://twitter.com/hyermish/status/1100686309">@Hyermish</a> - Beyaz alanlar, sadeliğin bir illüsyonu olmakla birlikte bazen karmaşıklığı da giderebilir.</p> <p><a href="http://twitter.com/DrewDouglass/status/1100927260">@Drew_Douglass</a> - Benim beyaz alanları kullanmaktaki ana sebebim, odağı sayfanın bir elementine çekmek ve bakışları o içeriğe yönlendirmektir.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/">Web Design Tuts</a></li> </ul> <strong>CSS ve Kullanılabilirlik Üzerine Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/mobil-web-i-nasil-herkes">Mobil Web'i Nasıl Herkes İçin Daha İyi Yaparız?</a></li> <li><a href="http://www.bildirgec.org/yazi/10-kullanisli-web-uygulamasi-arayuzu">10 Kullanışlı Web Uygulaması Arayüzü Tekniği</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geri Bildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasaricilarinin-kodlama-yapmalarinin-6">Web Tasarımcılarının Kodlama Yapmalarının 6 Gereği</a></li> <li><a href="http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken">Her Web Tasarımcısının Öğrenmesi Gereken 9 Önemli CSS Yeteneği</a></li> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">Modern CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu">Sadece CSS İle Oluşturulmuş Animasyonlu İlerleme Çubuğu (Progress Bar)</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">Web Tasarımcıları İçin 10 Kullanılırlık İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">Web Tasarımında Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">jQuery'siz, mootools'suz Basit Sekmeli İçerik Oluşturalım</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">SenCSS: Layout Dışındaki Herşey İçin CSS Framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak ">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, 22 Jan 2009 08:07:00 GMT 193018@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/293.png' alt="\"\"" border="0"><br></div> <p><a href="etiket/PSD">PSD</a>'ler photoshop ile etkileşimli olarak çalışan çok katmanlı grafik dosyalarıdır. <a href="etiket/photoshop">Photoshop</a> konusunda kendinizi eğitmek istiyorsanız sadece izleyeceğiniz <a href="etiket/tutorial">eğitici videolarla</a> yetinmemeli ve aşağıda sunulan hazır .PSD uzantılı dosyalarda hangi tekniklerin kullanıldığını kontrol edebilir ve bunları kendinizce geliştirebilirsiniz. Bu yazı dizisinin birinci serisine <a href="http://www.bildirgec.org/yazi/30-adet-yuksek-kalitede-psd">şuradan ulaşabilirsiniz.</a></p> <p><a href="http://magaxion.deviantart.com/art/Plastic-DVD-Player-88823008">Plastic DVD Player</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/84.png' alt="\"\"" border="0"><br></div><br><!-- buradan kes --><br><a href="http://pswish.com/lucky-clover-download-free-psd/">uğur yoncası</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/226.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.officialpsds.com/Alpine-Speaker-PSD3408.html">Alpine Speaker PSD</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/118.png' alt="\"\"" border="0"><br></div> <p><a href="http://manicho.deviantart.com/art/Badge-it-Yourself-43423542">çeşitli renklerde rozetler</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/215.png' alt="\"\"" border="0"><br></div> <p><a href="http://madmaxpayne.deviantart.com/art/Red-Planet-Collision-PSD-80474641">kızıl gezegen çarpışması .PSD</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/316.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.tutorial9.net/photoshop/3d-pixel-stretch-effects/">3D Pixel uzatma Efekti</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/44.png' alt="\"\"" border="0"><br></div> <p><a href="http://abduzeedo.com/hell-tutorial-photoshop">Cehennem yazısı</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/54.png' alt="\"\"" border="0"><br></div> <p><a href="http://sniffels.deviantart.com/art/RSS-icons-81087537">RSS Ikonlar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/74.png' alt="\"\"" border="0"><br></div> <p><a href="http://psdtuts.com/photo-effects-tutorials/photoshop-button-maker/">photoshop butonlar</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/145.png' alt="\"\"" border="0"><br></div> <p><a href="http://distrus.deviantart.com/art/Web-2-0-peeling-sticker-66079162">Web 2.0 Sticker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/183.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.tutorial9.net/photoshop/energize-your-graphics-with-abstract-energy-lines/">grafiklerinizi soyut enerji çizgileriyle güçlendirin</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/64.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.tutorialsphere.com/homemade/design/kaboom-exploding-text/">patlayan yazı</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/105.png' alt="\"\"" border="0"><br></div> <p><a href="http://zinph.deviantart.com/art/DVD-Indiana-Jones-4-88620724">DVD Indiana Jones 4</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/95.png' alt="\"\"" border="0"><br></div> <p><a href="http://gues-nk.deviantart.com/art/iPhone-Delight-PSD-Pack-97010443">iPhone hazzı PSD paket</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/1110.png' alt="\"\"" border="0"><br></div> <p><a href="http://jean31.deviantart.com/art/Magnifa-Pro-58693924">Magnifira Pro</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/125.png' alt="\"\"" border="0"><br></div> <p><a href="http://luxa.org/tutorial_making_a_grungy_business_card.php">Eski görünümlü bir iş kartviziti yapın</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/136.png' alt="\"\"" border="0"><br></div> <p><a href="http://psdtuts.com/text-effects-tutorials/plastic-jelly-styles/">Plastik Jelly Stili</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/155.png' alt="\"\"" border="0"><br></div> <p><a href="http://mintfreshminty.deviantart.com/art/Irises-psd-file-80367625">irisler PSD dosyası</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/165.png' alt="\"\"" border="0"><br></div> <p><a href="http://matu666.deviantart.com/art/Star-Sticker-69970831">yıldız Sticker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/173.png' alt="\"\"" border="0"><br></div> <p><a href="http://mdesignn.deviantart.com/art/Swirls-PSD-93357901">anafor PSD</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/193.png' alt="\"\"" border="0"><br></div> <p><a href="http://ridikul.deviantart.com/art/Headphones-The-PSD-80802995">kulaklık .psd</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/205.png' alt="\"\"" border="0"><br></div> <p><a href="http://mdesignn.deviantart.com/art/Breaking-Apart-PSD-88259172">parçalanma PSD</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/216.png' alt="\"\"" border="0"><br></div> <p><a href="http://nonlin3.deviantart.com/art/Box-of-Light-PSD-file-65934111">kutunun ışığı psd</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/234.png' alt="\"\"" border="0"><br></div> <p><a href="http://www.photoshopstar.com/text/recreate-the-bee-movie-text-effect/">‘Bee Movie’ yazı Efekti</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/244.png' alt="\"\"" border="0"><br></div> <p><a href="http://passionsinsanity.deviantart.com/art/PSD-Stock-Fear-Not-85344123">korkusuz</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/254.png' alt="\"\"" border="0"><br></div> <p><a href="http://photoshopfiles.com/photoshop/abstract/digital_flower_420.html">dijital çiçek</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/263.png' alt="\"\"" border="0"><br></div> <p><a href="http://photoshopfiles.com/photoshop/outer_space/impact_02_439.html">çarpışma 2</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/273.png' alt="\"\"" border="0"><br></div> <p><a href="http://abduzeedo.com/amazing-photoshop-light-effect-10-steps">10 dk. içersinde muhteşem photoshop ışık efekti</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/284.png' alt="\"\"" border="0"><br></div> <p><a href="http://sundox.deviantart.com/art/Login-Panel-PSD-76902015">login paneli PSD</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/293-2.png' alt="\"\"" border="0"><br></div> <p><a href="http://ronnyyax.deviantart.com/art/FLOATING-ISLAND-77300204">gezici ada</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/303-2.png' alt="\"\"" border="0"><br></div> <p><a href="http://naldzgraphics.com/freebies/30-free-high-quality-psd-files-to-grab-part2/">kaynak</a></p> <p>ilginizi çekebilecek diğer bildiriler;</p> <ul> <li><a href="http://www.bildirgec.org/yazi/50-yuksek-kalitede-psd-dosyasi">50 yüksek kalitede .psd dosyası ve photoshop dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/logolari-psd-olarak-indir-hemde">Logoları psd olarak indir, hemde ücretsiz!</a></li> <li><a href="http://www.bildirgec.org/yazi/photoshop-psd-dosyalariniz-icin-onizleme">Photoshop PSD dosyalarınız için önizleme (CS3 uyumlu)</a></li> <li><a href="http://www.bildirgec.org/yazi/windows-xp-de-psd-ai">Windows Xp'de psd,ai,eps dosyaları için önizleme</a></li> <li><a href="http://www.bildirgec.org/yazi/70-adet-ucretsiz-defter-yapragi">70 adet ücretsiz defter yaprağı (yüksek kalite)</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-adet-yuksek-kalitede-psd-1 ">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, 22 Oct 2008 09:17:00 GMT 182997@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-adet-yuksek-kalitede-psd-1 nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/1.JPG' alt="\"\"" border="0"><br></div> <p><a href="http://arbent.net">arbent</a> isimli sitede daha önce de 30'ar ders halinde sunulan <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-illustrator">Illustrator</a>, <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-photoshop">Photoshop</a>, <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-fireworks">Fireworks</a> ve <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-indesign">InDesign</a> serilerini görmüştük. Şimdi de sıra Flash'a <a href="http://arbent.net/blog/tutorials/30-tutorials-that-will-teach-you-flash">gelmiş</a>. Bir sonraki çalışmaları da After effects üzerine olacakmış. (9/19/08 tarihinde)</p> <ul> <li><a href="http://www.flashessential.com/archives/28">Duman/Buhar efekti</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/smoke.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/moving-illustrator-art-in-flash-cs3.html">Hareketli illustrator sanatı</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/illustrator.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/flash-slideshow-image-gallery.html">SlideShow resim galerisi oluşturmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/slideshow.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/flash-interactive-story.html">İnteraktif bir hikaye uygulamak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/story.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flash.0tutor.com/archive/98/Make-clouds-run-over-the-sky-in-Flash-.shtml">Bulutları hareket ettir</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/clouds.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flash.0tutor.com/archive/74/Making-an-analog-clock-in-Flash.shtml">Analog bir saat oluştur</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/clock.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=197">Sayfa geçişleri için preloader oluşturun</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/load.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=193">Gelişmiş Fotoğraf menüsü oluşturun</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/photomenu.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flashvault.net/tutorial.asp?ID=122">h-tech şehir animasyonu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/city.jpg' alt="\"\"" border="0"><br></div> <p>derslerin geriye kalanlarının resimsiz ve orjinal isimli listesi ise şöyle;</p> <ul> <li><a href="http://www.webdevelopersnotes.com/tutorials/flash/index.php3">Flash for Beginners</a></li> <li><a href="http://flashmymind.com/Tutorials/Flash/concepts.php">Basic Concepts of Flash</a></li> <li><a href="http://flash.0tutor.com/archive/142/Continuous-object-movment-in-flash.shtml">Continuous Object Movement</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=247">Simple Flash Text Banner</a></li> <li><a href="http://www.layersmagazine.com/flash-converting-videos.html">Converting Video Files to Flash</a></li> <li><a href="http://www.lashf.com/page/basic/alpha">Transparency</a></li> <li><a href="http://www.layersmagazine.com/flash-motion-blur.html">Create a Motion Blur</a></li> <li><a href="http://www.layersmagazine.com/flash-tweening.html">Tweening With Ease</a></li> <li><a href="http://www.flash.0tutor.com/archive/63/The-basics-of-a-motion-guide-line-in-Flash.shtml">Motion Guide Line Basics</a></li> <li><a href="http://flashmymind.com/Tutorials/Actionscript/Advanced/chainExplosion.php">Create a Chain Reaction</a></li> <li><a href="http://www.flash.0tutor.com/archive/109/Flash-dodge-ball-game-part-1-making-a-character.shtml">Create a Flash Dodge Ball Game</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=238">Aquatic Bubble Animation</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=228">Bird Flight Animation</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=219">Black Shine Tutorial</a></li> <li><a href="http://wipeout44.com/tutorials/flash_fireworks.asp">Create Realistic Fireworks</a></li> <li><a href="http://mikestickney.com/wordpress/flash-tutorial-breakout-game-part-1/">Create a Breakout Type Game</a></li> <li><a href="http://blog.0tutor.com/post.aspx?id=67&titel=Hypnotic-gear-rotation-tutorial">Hypnotic Gear Rotation</a></li> <li><a href="http://www.tu-world.com/flash/flash_tutorial_07.php">Create a Flash Website</a></li> <li><a href="http://www.flashvault.net/tutorial.asp?ID=91">Rippled Water Effect</a></li> <li><a href="http://www.entheosweb.com/Flash/zoom_in.asp">Zoom In and Out with Fading Effects</a></li> <li><a href="http://wipeout44.com/tutorials/flash_tunnel_effect.asp">3D Zooming Tunnel</a></li> </ul> <p>Ayrıca şu bildiriler de dikkatinizi çekebilir;</p> <ul> <li><a href="http://www.bildirgec.org/yazi/flash-actionscript-ogrenmenize-yardimci-olacak">Flash/ActionScript öğrenmenize yardımcı olacak 12 site</a></li> <li><a href="http://www.bildirgec.org/yazi/21-adet-olaganustu-flash-websitesi">21 adet olağanüstü flash websitesi</a></li> <li><a href="http://www.bildirgec.org/yazi/bedava-5-adet-3boyutlu-flash">Bedava 5 Adet 3Boyutlu Flash Galeri</a></li> <li><a href="http://www.bildirgec.org/yazi/flash-tabanli-cevrilen-dergi-hazirlayin">flash tabanlı 'çevrilen dergi' hazırlayın ve sitenize ekleyin</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/size-flash-i-ogretecek-30 ">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, 13 Sep 2008 06:02:00 GMT 171210@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/size-flash-i-ogretecek-30 nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/res-copycraft-templates.png' alt="\"\"" border="0"><br></div> <p>CopyCraft sitesi, birçok baskı kalıbını, <a href="http://www.bildirgec.org/etiket/pdf">PDF</a>, <a href="http://www.bildirgec.org/etiket/eps">EPS</a> ve <a href="http://www.bildirgec.org/etiket/jpg">JPG</a> uzantılı olarak ücretsiz <a href="http://www.bildirgec.org/etiket/indir">indir</a>meye imkan veriyor.</p> <p>Kalıplar arasında neler mi var?</p> <p>Takvimler, Üç Boyutlu Şekiller, Kartvizitler, Broşürler, CD/DVD & Video Bant Kutuları, CD/DVD Kitapçıkları, Kartpostallar, Takdim dosyaları, Menüler vs.</p> <p>Kalıpların bulunduğu sayfaya gitmek için <a href="http://www.copycraft.com/templates.html">buraya tıkla</a>yın.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-indirilebilir-baski-kaliplari ">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, 03 Jul 2008 19:11:00 GMT 153232@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-indirilebilir-baski-kaliplari nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/bpilli/umous001600-01-m-1.jpg' alt="\"\"" border="0"><br></div> <p>Kışın soğukta <a href="http://www.bildirgec.org/etiket/bilgisayar">bilgisayar</a> kullanmak çok zordur. Klavye tuşları <a href="http://tr.wikipedia.org/wiki/buz">buz</a> gibi, mouse soğuk... Evet işte bu mouse kış aylarında sizleri ısıtacak. <a href="http://www.bildirgec.org/etiket/USB">USB</a>'den çalışan bu mouse, içindeki rezistanslar yardımıyla elinizi ısıtıyor. Mouse'ın ısı derecesi ayarlanabiliyor, en fazla 45 dereceye kadar ısıyı yükseltebiliyoruz. Bence kış aylarında iyi gider diye düşünüyorum.</p> <p>Fiyatı kendi gibi sıcak yanlızca 22 dolar. <a href="http://usb.brando.com.hk/prod_detail.php?prod_id=00210">Buradan</a> inceleyebilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/el-isitan-mouse-tasarimi ">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, 07 Jul 2008 11:00:00 GMT 153230@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/el-isitan-mouse-tasarimi nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentor/bgpatterns.jpg' alt="bgpatterns" border="0"><br>bgpatterns</div> <a href="http://bgpatterns.com/">bgpatterns</a> arkaplan tasarımları yapabileceğiniz bir web servisi. benzer servislerin aksine iki çizgi çizip renklendirmekten çok öteye giderek gerçekten mükemmel arkaplanlar elde etmenizi sağlıyor. "apply background" bağlantısına tıklarsanız oluşturduğunuz pattern, görüntülemekte olduğunuz sayfaya anında uygulanıyor. dizayn etmekle ilgilenmiyorum diyorsanız diğer kullanıcıların oluşturduğu desenleri görebiliyorsunuz. ayrıca üye olursanız oluşturduğunuz desenleri hesabınızda saklayabiliyorsunuz. <a href="http://bgpatterns.com/">ilgililer mutlaka denemeli.</a><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/bgpatterns-ile-mukemmel-arkaplan-tasarimlari ">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, 08 Jul 2008 18:46:00 GMT 153229@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bgpatterns-ile-mukemmel-arkaplan-tasarimlari nikopol <p>web sitenizde kullanabileceğiniz ya da kod geliştirirken size ilham verecek (open source) <a href="http://www.bildirgec.org/etiket/açık-kaynak">açık kaynak</a> <a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava">kodlardır</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/1lightbox2.png' alt="lightbox 2" border="0"><br>1. <a href="http://www.huddletogether.com/projects/lightbox2/">lightbox 2</a></div><br>sayfanızdaki küçük reimlerin orjinal hallerini, kullanıcıyı başka bir sayfaya götürmeden göstermenizi sağlar. (arka planı siyah yaparak, kapatma butonu ile birlikte beyaz bordürlü bir şekilde gösterir) <div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/2timeline.png' alt="timeline" border="0"><br>2. <a href="http://simile.mit.edu/timeline/">timeline</a></div><br>bir zaman çizelgesi üzerinde, bölgelerin arasındaki zaman farkını göstermeye yarar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/3reflectionjs.png' alt="reflection.js" border="0"><br>3. <a href="http://cow.neondragon.net">reflection.js</a></div><br>reflection.js resimlerinize yada logolarınıza hiçbir işlem yapmadan yansıma özelliği katar. <br>web 2.0 sitelerde bolca görebilirsiniz, farklı bir yöntem.<br>(class="reflect rheight50 ropacity33" width="435") sitenizdeki her resme bu yöntemle yansıma ekleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/4piedonuts.png' alt="pie & donut chart" border="0"><br>4. <a href="http://www.amcharts.com/pie/">pie & donut chart</a></div><br>elinizdeki verileri web sitenizde veya bilgisayarınızda grafiksel olarak sunmanızı çok kolay bir şekilde sağlar.<br>tek yapmanız gereken şablon seçip, başlığı, veri sınıflarını ve değerlerini yazı/xml dosyasına girmek, flash arayüz+animasyon+fare işlevi+güzel tasarıma sahiptir.<br>sitede farklı amaçlar için tasarlanmış örnekleride mevcuttur.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/5plotr.png' alt="plotr" border="0"><br>5. <a href="http://solutoire.com/plotr/">plotr</a></div><br>plotr ise pie & donut chart'ın java versiyonudur. görsel açıdan güzeldir fakat tarayıcıların java destekleri bakımından problem yaratabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/6ajaxim.png' alt="ajax instant messenger" border="0"><br>6. <a href="http://www.ajaxim.com/">ajax instant messenger</a></div><br>tarayıcı üzerinden anında mesajlaşma sistemidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/7starbox.png' alt="starbox" border="0"><br>7. <a href="http://www.nickstakenburg.com/projects/starbox/">starbox</a></div><br>rating sistemidir, basit ve güzel bir görünüme sahiptir. sitenize farklı türlerde oylama özelliği ekleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/8ajaxtabscontent.png' alt="ajax tabs content" border="0"><br>8. <a href="http://www.dynamicdrive.com/">ajax tabs content</a></div><br>farklı amaçlar için kullanabilceğiniz sekmeli içerik gösterimi sağlayan bir java scripttir. <a href="http://www.bildirgec.org/yazi/statik-menu-dinamik-sayfa">burda</a> tavsiye etmiştim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/9shopping.png' alt="drag and drop shopping" border="0"><br>9. <a href="http://demo.script.aculo.us/shop">drag and drop shopping</a></div><br>sürükle bırak tekniğine bir örnek:) sayfalarınızdaki resimlerin veya diğer içeriğin sürüklenip bırakılmasını sağlamak için kullanabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/10progressbar.png' alt="progress bar" border="0"><br>10. <a href="http://www.webappers.com/progressbar/">progress bar</a></div><br>yükleniyor...... olayını görselleştirmek için güzel bir örnektir. 4 farklı tasarımda örnek mevcuttur dilerseniz kendi tasarımınızı geliştirebilirsiniz.<br>sayfadaki icon'lara tıklayarak test edebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/11thickbox-2.png' alt="thick box" border="0"><br>11. <a href="http://jquery.com/demo/thickbox/">thick box</a></div><br>tab content'in biraz daha gelişmiş versiyonudur, sekmelerde resimler veya kaynak kodlar göstermenizide sağlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/12createflickr.png' alt="create flickr like fields" border="0"><br>12. <a href="http://dbachrach.com">create flickr like fields</a></div><br>üyelik sistemi olan web sitelerinde üyelerin profil bilgilerini güncellemelerini daha görsel ve aynı sayfada yapmalarını sağlamak için geliştirilmiş bir kod. burda flickr örnek verilmiş.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/13tooltip.png' alt="jtip – a jquery tool tip" border="0"><br>13. <a href="http://codylindley.com">jtip – a jquery tool tip</a></div><br>jquery için güzel bir ajax örneğidir. <a href="http://www.codylindley.com/blogstuff/js/jtip/">demo</a> sayfasından test edebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/14accordian.png' alt="accordian" border="0"><br>14. <a href="http://demos.mootools.net/accordion">accordian</a></div><br>sayfalarında kod vb. içerik yada detaylı anlatım yayımlayan arkadaşlar için güzel bir okordiyon örneğidir. seri çalışır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/15unajaxstarrating.png' alt="unobtrusive ajax star rating bar" border="0"><br>15. <a href="http://www.masugadesign.com">unobtrusive ajax star rating bar</a></div><br>oylama barı'dır (rating bar) sitenize eklemek için kılavuz mevcuttur. kullandığınız cms sistemi için böyle bir eklenti mevcut değilse yahut cms geliştiriyorsanız kullanabileceğiniz bir scripttir. <p>aşağıdakileride açıklarsam destan olur heralde, bundan sonrasını size bırakıyorum. faydalı olması dileğiyle.<br>devamı:</p> <p>16. <a href="http://www.liquidx.net/plotkit/">javascript chart plotting script</a><br>17. <a href="http://www.amcharts.com/pie/">create ajax pie charts</a><br>18. <a href="http://www.nickstakenburg.com/projects/prototip">prototip</a><br>19. <a href="http://www.ajaxdaddy.com/ajax-inline-text-edit.html">ajax inline text edit</a><br>20. <a href="http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/">tabbed content browser</a><br>21. <a href="http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited">table sorting script</a><br>22. <a href="http://www.nofunc.com/">color sphere</a><br>23. <a href="http://www.netzgesta.de/mapper/">mapper.js</a><br>24. <a href="http://www.livevalidation.com/">live validation</a><br>25. <a href="http://www.dhtmlgoodies.com/index.html?showdownload=true&whichscript=dragable-content">draggable content</a><br>26. <a href="http://billwscott.com/carousel/">carousel</a><br>27. <a href="http://www.phatfusion.net/multibox">multibox</a><br>28. <a href="http://smoothgallery.jondesign.net/">smooth gallery</a><br>29. <a href="http://www.formstylegenerator.com/">form style generator</a><br>30. <a href="http://www.ajaxdaddy.com/mootools-autocomplete.html">auto complete</a><br>31. <a href="http://www.activecollab.com/">active collab</a><br>32. <a href="http://orangoo.com/labs/greybox/">greybox</a><br>33. <a href="http://www.dhtmlgoodies.com/index.html?whichscript=ajax-poller">ajax poller</a><br>34. <a href="http://www.millstream.com.au/view/code/tablekit/">tablekit</a><br>35. <a href="http://www.ajaxdaddy.com/demo-jquery-shoutbox.html">j-query shoutbox</a><br>36. <a href="http://www.dynamicdrive.com/dynamicindex17/rsstickerajax/index.htm">ajax rss ticker</a><br>37. <a href="http://vikjavev.no/highslide/">highside</a><br>38. <a href="http://www.ajaxdaddy.com/demo-slideshow-viewer.html">slideshow viewer</a><br>39. <a href="http://greghoustondesign.com/demos/mocha/">mocha</a><br>40. <a href="http://deheus.net/petrik/blog/comments/25/">loading xml into a page with xmlhttprequest</a><br>41. <a href="http://www.flickrshow.com/">flickrshow</a> yorumlardan alınmıştır<br>42. <a href="http://www.openjs.com/scripts/jx/">js & jsx</a> yorumlardan alınmıştır<br>43. <a href="http://www.malsup.com/jquery/cycle/">jquery cycle plugin</a> yorumlardan alınmıştır</p> <p><a href="http://speckyboy.com/2008/02/10/the-top-40-free-ajax-javascript-code-for-web-designers/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava ">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, 03 Apr 2008 14:49:00 GMT 133472@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava nikopol <p>çoğu zaman ihtiyaç duyduğumuz ve kullandığımız <a href="http://www.bildirgec.org/etiket/ikon">ikon</a>lar vardır. hiçbir zaman bunlara bakmaya doyamayız ve sürekli değiştirme ihtiyacı hissederiz. işinizi kolaylaştırmak için aşağıda 39 adet icon sitesi tanıtmaya <a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-ucretsiz-39">çalıştım</a>, faydalı olması dileğiyle:</p> <p><em>15. numaraya dikkatli bakmanızı tavsiye ederim.</em></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/1famfamfam.png' alt="fam fam fam" border="0"><br>1. <a href="http://www.famfamfam.com/lab/icons/">fam fam fam</a></div><br><a href="http://www.bildirgec.org/etiket/uygulama">uygulama</a>, <a href="http://www.bildirgec.org/etiket/takvim">takvim</a>, tarih, zaman, yorum vb. küçük web iconlarıdır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/2brandspankingnew.png' alt="\"\"" border="0"><br>2. <a href="http://www.brandspankingnew.net/archive/2006/12/hohoho.htm">brand spanking new</a></div><br>web sitelerinizde kullanabileceğiniz gri mini icon paketidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/3pinvokeicons.png' alt="\"\"" border="0"><br>3. <a href="http://www.pinvoke.com/">pinvoke</a></div><br>web sitenizdeki eklentilerde veya temalarınızda kullanabileceğiniz zengin içerikli ve renkli bir icon paketidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/4sweetie.png' alt="\"\"" border="0"><br>4. <a href="http://www.sweetie.sublink.ca/">sweetie</a></div><br>web 2.0 tasarımınıza uygun mini iconlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/5randomjabber.png' alt="\"\"" border="0"><br>5. <a href="http://www.randomjabber.com">random jabber</a></div><br>daha çok mesajlar, uyarılar ve yönlendirmeler üzerine bir <a href="http://www.bildirgec.org/etiket/icon">icon</a> paketi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/6twotoneicons.png' alt="\"\"" border="0"><br>6. <a href="http://www.2pt3.com/news/twotone-icons-for-free/">two tone icons</a></div><br>birçok farklı projelerinizde kullaabileceğiniz kare kalıplar içine sade olarak tasarlanmış zengin bir icon paketidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/7explodingboy.png' alt="\"\"" border="0"><br>7. <a href="http://www.exploding-boy.com">exploding boy</a></div><br>küçük <a href="http://www.bildirgec.org/etiket/proje">proje</a>lerde yada uygulamalarda kullanılabilecek kısıtlı bir icon paketidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/8strawbee.png' alt="\"\"" border="0"><br>8. <a href="http://www.strawbee.com">strawbee</a></div><br>uygulamalarda kullanabileceğiniz bir icon paketidir. eski sıkıcı icon görünümüne sahiptir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/9kurimazava.png' alt="\"\"" border="0"><br>9. <a href="http://kurumizawa.deviantart.com">kurumizawa</a></div><br>gri ve renkli icon paketidir. rss iconları güzel ve kullanışlıdır. deviantart üyesi geliştirmektedir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/10ndesign.png' alt="\"\"" border="0"><br>10. <a href="http://www.ndesign-studio.com">n design</a></div><br><a href="http://www.bildirgec.org/etiket/web">web</a> sitesi için mini <a href="http://www.bildirgec.org/etiket/sayfa">sayfa</a> iconlarıdır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/11greyscale.png' alt="\"\"" border="0"><br>11. <a href="http://www.e-lusion.com/design/greyscale/">greyscale</a></div><br>gri icon paketidir, klasik görünüme sahiptir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/12minimalicons.png' alt="\"\"" border="0"><br>12. <a href="http://sryo.deviantart.com">minimal icons 1.8.6</a></div><br>zengin içeriğe sahip renkli mini icon paketidir. sryo isimli deviantart üyesi geliştirmektedir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/13asp.png' alt="\"\"" border="0"><br>13. <a href="http://www.aspneticons.com/">asp net icons</a></div><br>asp.net icon paketidir. asp.net üzerine uygulama geliştiriyor yada kod yayımlıyorsanız faydalı olabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/14markup.png' alt="\"\"" border="0"><br>14. <a href="http://www.bs-markup.de/iconsets">bs-markup</a></div><br>güzel bir icon paketidir. siyah beyaz, gri ve renkli iconlar mevcuttur.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/15fasticons.png' alt="\"\"" border="0"><br>15. <a href="http://www.fasticon.com/freeware/">fast icons</a></div><br>çok güzel rss iconları mevcuttur. kahve fincanının içinde rss logosu, tuvalette gazete okuyan anime bir karakter ve gazetenin üzerinde rss resmi gibi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/16glyphlabs.png' alt="\"\"" border="0"><br>16. <a href="http://www.glyphlab.com/">glyph lab</a></div><br>bol renkli zengin bir icon paketidir. tasarımı daha çok pc uygulamaları içindir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/17graphicpush.png' alt="\"\"" border="0"><br>17. <a href="http://www.graphicpush.com/icons">graphic push</a></div><br>minik rss ve xml icon paketidir. renk seçenekleri sayesinde farklı site tasarımlarında kullanılabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/18el73-websiteicons-net.png' alt="\"\"" border="0"><br>18. <a href="http://www.websiteicons.net/">pixeley</a></div><br>websiteicons'un yayımladığı bir icon paketidir. gri renklidir. web sitelerinde ve eklentilerde bol bol görmekteyiz zaten.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/rssdevam.png' alt="rss" border="0"><br>19. <a href="http://www.zeusboxstudio.com/blog/feedicons-2">zeusboxstudio</a></div><br>zeusboxstudio tarafından geliştirilen ücretsiz rss icon paketi. özelleştirilmiş rss beslemeleriniz için çeşitli alternatifler mevcut.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/dslricon.png' alt="dslr icon" border="0"><br>20. <a href="http://vikiworks.com/2008/04/05/dslr-lens-icon/">dslr icon</a></div><br>harika bir dslr objektif iconu<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/kirlirss.jpg' alt="kirli rss icon" border="0"><br>21. <a href="http://customize.org/icons/55872/download">kirli rss icon</a></div><br>kirli yada eskitilmiş stildeki <a href="http://www.bildirgec.org/etiket/tasarım">tasarım</a>ınız için kirli <a href="http://www.bildirgec.org/etiket/rss">rss</a> iconlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/rssheart.png' alt="kalp rss" border="0"><br>22. <a href="http://vikiworks.com/2008/03/30/heart-rss-icon/">kalp rss</a></div><br><a href="http://www.bildirgec.org/etiket/kalp">kalp</a> şeklinde tasarlanmış rss iconları. <p>devamı:</p> <ul> <li>23. <a href="http://mouserunner.com/spheres_icons_index.html">spheres icons</a> farklı icon paketleride mevcuttur. </li> <li>24. <a href="http://www.forrestwalter.com/icons/">gorts icons</a> eski konsol oyunlarındaki karakterler.</li> <li>25. <a href="http://somerandomdude.net/srd-projects/bitcons/">bitcons</a> 6. numaradaki icon paketine benzemektedir.</li> <li>26. <a href="http://www.beauticons.com.ar/icons.html">beauticons</a> fredy, aple donanım, ofis araçları, harici disk, püro, çöp kutusu, kasa gibi icon paketleri mevcuttur. mutlaka bakın.</li> <li>27. <a href="http://iconkits.com/signup/">icon kits</a> üyelik şartı var.</li> <li>28. <a href="http://yellowicon.com/downloads/">yellow icons</a> gördüğüm en harika tasarımlı sitelerden biri diyebilirim. güzel icon paketleri mevcuttur.</li> <li>29. <a href="http://www.studiotwentyeight.com/icons.htm">studio twenty eight</a> cs3 vb. icon paketleri mevcuttur. tekli iconlarda vardır.</li> <li>30. <a href="http://www.vistaicons.com/">vista icons</a> vista için değiştirilebilir icon paketleri.</li> <li>31. <a href="http://www.iconbase.com/">icon base</a> 7 adet ücretsiz icon vardır. paralı bir sitedir.</li> <li>32. <a href="http://www.websiteicons.net/index.php?p=icons&id=1">website icons</a> web site iconlarının yayımlandığı bir sitedir. kategorilere göre gezebilirsiniz.</li> <li>33. <a href="http://www.feedicons.com/">feed icons</a> farklı renklerde feed icon seti.</li> <li>34. <a href="http://www.ganato.com/free_icons/free_icons.php">ganato free icons</a> 24 icon paketi yayımlamaktadır. </li> <li>35. <a href="http://www.freeiconsweb.com/gif_icons.htm">free icons web</a> more, new vb. iconları kullanılabilir.</li> <li>36. <a href="http://www.clickfire.com/content/graphics/favicons/">clickfire favicons</a> duke nukem iconları</li> <li>37. <a href="http://www.iconshock.com/">icon shock</a> paralı bir icon sitesi olmasına rağmen çok güzel ücretsiz icon paketleride sunmaktadır. <a href="http://www.bildirgec.org/etiket/anime">anime</a> karakter setleri oldukça güzel.</li> <li>38. <a href="http://damieng.com/creative/icons">damien g icons</a> pixel tasarımlı siteler için pixel icon.</li> <li>39. <a href="http://www.iconbulk.com/">icon bulk</a> büyük iconların bulunduğu bir sitedir. ilginç iconlar mevcuttur, logo niyetine bile kullanılabilir.</li> <li>40. <a href="http://www.phoenity.com/icons/aura">aura</a> bir adet ücretsiz icon paketi mevcuttur.</li> <li>41. <a href="http://www.marvilla.us/">marvilla</a> paralı ve ücretsiz icon paketleri yayımlamaktadır.</li> <li>42. <a href="http://www.topicons.com/">icon shock</a> farklı kategorilerde eski tip iconlar yayımlamaktadır.</li> <li>43. <a href="http://www.icons-online.com/">icons online</a> 8 kategori altında iconlar yayımlamaktadır.</li> </ul> farklı ihtiyaçlarınız için icon arayabileceğiniz <strong>ikon arama <a href="http://www.bildirgec.org/etiket/motor">motor</a>ları</strong>: <ol> <li><a href="http://www.iconfinder.net/">iconfinder</a> </li> <li><a href="http://www.iconlet.com/">iconlet</a> </li> <li><a href="http://www.searchicon.net">searchicon</a> </li> <li><a href="http://www.challenger.se/">icon db</a> </li> <li><a href="http://customize.org/icons">customize/icons</a></li> </ol> <p>kaynaklar:<br><a href="http://speckyboy.com/2008/03/04/top-40-free-icon-resources-for-web-designers-updated-speckyboy/">speckyboy</a> - <a href="http://www.bildirgec.org/etiket/internet">internet</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-ucretsiz-43 ">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, 03 Apr 2008 16:06:00 GMT 133469@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-ucretsiz-43 nikopol <div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentor/forvo.gif' alt="forvo" border="0"><br>forvo</div> <p><a href="http://forvo.com/"><strong>forvo</strong></a>, onlarca dile ait kelimelerin nasıl <a href="http://www.bildirgec.org/etiket/telaffuz">telaffuz</a> edildiğini öğrenebileceğiniz bir site. sitede hazır bulunan telaffuzları dinleyebilir, bilgisayarınıza <a href="/etiket/mp3">mp3</a> olarak indirebilirsiniz. Telaffuzunu öğrenmek istediğiniz bir kelime varsa siteye ekleyip diğer kullanıcıların kayıt yapmalarını bekleyebilirsiniz. mikrofonunuz varsa çok basit bir şekilde ve doğrudan site üzerinden sesinizi kaydedebilir ve siz de dilinizi öğrenmek isteyenlere yardımcı olabilirsiniz. henüz yeni bir site olduğundan kelimeler biraz az ama hızlı büyüyecek gibi görünüyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/nikopol">nikopol</a> tarafından <a href=" http://www.bildirgec.org/yazi/forvo-sesli-telaffuz-rehberi ">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, 04 Apr 2008 07:15:00 GMT 133468@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/forvo-sesli-telaffuz-rehberi