http://www.bildirgec.org/ tr-tr 40 bildirgec.org - Rawkon - beğendikleri Rawkon <p>Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..</p> <p><strong>1. <a href="http://www.bounceapp.com/">Bounce</a></strong><br>En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-tool-220.jpg' alt="Bounce App" border="0"><br>Bounce App</div></p> <p><strong>2. <a href="http://mnutt.github.com/hummingbird/">HammingBird</a></strong><br>Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-tool-227.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong>3. <a href="http://titanpad.com/">TitanPad</a></strong><br><a href="http://docs.google.com">Google Docs</a> benzeri bir sisteme sahip olan TitanPad dökümanları birden fazla kullanıcıya eş zamanlı düzenleme imkanı sunuyor. Ayrıca farklı kullanıcıların yaptıkları değişiklikler farklı renkler de gösteriliyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/titanpad2.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>4. <a href="http://0to255.com/">0to255</a></strong><br>Renklerle ilgili harika bir araç olan 0to255 kodunu girdiğimiz ya da siteden seçtiğimiz bir rengin açılan versiyonlarını ve renk kodlarını bize sunuyor. Renk seçimlerimizde oldukça yardımcı olacağına kuşku yok.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-135.jpg' alt="\"\"" border="0"><br></div></p> <p>5. <strong><a href="http://dummyimage.com/">Online Dummy Image Generator</a></strong><br>Boş bırakmak istediğimiz grafik öğeleri yerine koyabileceğimiz "<a href="http://sozluk.sourtimes.org/show.asp?t=dummy"><em>dummy</em></a>" grafikler üreten bir araç. Boyut, arkaplan rengi, grafik formatı gibi değişkenleri bulunan sistem gerçekten çok kullanışlı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-156.jpg' alt="\"\"" border="0"><br></div></p> <p>6. <a href="http://tableizer.journalistopia.com/"><strong>Tableizer</strong></a><br>Tablo kodlamak yine en sevmediğimiz detaylardan bir tanesi. Özellikle <a href="http://www.bildirgec.org/etiket/excel">excel </a>vb. dökümanlardan gelen yoğun tabloları çevirmek oldukça zaman alıcı olabiliyor. Tableizer, bizim için bu tabloları <a href="http://tr.wikipedia.org/wiki/HTML">HTML </a>formatına çeviriyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tableizer.gif' alt="\"\"" border="0"><br></div></p> <p><strong>7. <a href="http://www.divine-project.com/">Divine - PSD to HTML</a></strong><br>Tamamen ücretsiz olan <a href="http://www.bildirgec.org/etiket/photoshop">PhotoShop</a> eklentisi PSD formatında tasarladığımız yapıları <a href="http://www.wordpress.org">Wordpress</a>'e kolaylıkla çevirebilmemizi sağlıyor. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-200.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>8. <a href="http://mugtug.com/sketchpad/">SketchPad</a></strong><br>Oldukça geniş özellikli bir online grafik editörü. PhotoShop benzeri görsel bir yapıda olan bu araç zor zamanlarımızda çok işimize yarayabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/sketchpad.png' alt="\"\"" border="0"><br></div></p> <p>9. <a href="http://www.producteev.com/"><strong>Producteev</strong></a><br>Önemli e-postalarınızı task@producteev.com'a yönlendirin. O sizin için işleri bir <em>yapılacaklar listesi</em> haline getirsin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-127.jpg' alt="\"\"" border="0"><br></div></p> <p>Bu yazı <a href="http://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/">şu kaynak</a>tan çevirilmiştir. Diğer araçlar için yazının kaynağını inceleyebilirsiniz.</p> <p>Takip Et: <a href="http://ekuplu.bildirgec.org">ekuplu bildirgeç profili</a> - <a href="http://friendfeed.com/ekuplu">FriendFeed</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-profesyonellerine-zaman-kazandiracak-50 ">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, 29 Jun 2010 09:33:00 GMT 237825@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-profesyonellerine-zaman-kazandiracak-50 Rawkon <div class="imajorta"><img src='http://www.bildirgec.org/imaj/megalotti/odesk01.jpg' alt="oDesk ile iş yap - yaptır" border="0"><br>oDesk ile iş yap - yaptır</div><br>İnternet üzerinde freelance yani telifli iş bulmanızı sağlayan alt yapılara el atan site sayısı gittikçe artıyor ama içlerinde biri var ki, açık ara önde. <a href="http://www.odesk.com/">oDesk</a>. Daha önce geçen sene Bildirgeç'te bu konu ile ilgili bir <a href="http://www.bildirgec.org/yazi/freelance-calisanlar-icin-is-bulma"><strong>tanıtım yazısı</strong></a> yayınlanmış. Aradan geçen 15 aylık sürede oDesk resmen <a href="http://www.techcrunch.com/2009/10/26/odesks-oeconomy-hits-100-million/">evrim geçirmiş</a>. Şu anda sitede yaklaşık 350.000 sanal işçi yaklaşık 13.000 iş için işverenlerin posta kutularını aşındırıyor, görüşmelere katılıyor ve kabul ederlerse işi kapıyorlar. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/megalotti/odesk02.jpg' alt="oDesk ile iş yap - yaptır" border="0"><br>acil işler anında işçi buluyor</div><br>Ama ortalık resmen bit pazarı gibi. İngilizce yetenek konusunda ana dili İngilizce olanlardan bile daha yetenkli oldukları var sayılan Hintlilerin burada ciddi bir bolluğu var. Üstelik işçilik ücretleri de çok komik değerlerde. Örneğin 10.000 girişli bir word dosyasını istediğiniz bir formatta başka bir şekilde yeniden düzenlenmesi işini 50 Dolar'a yaptırabilirsiniz. Ya da bir ekip oluşturup, işleri eşit şekilde herkese dağıtabilirsiniz. Ya da saati 2 Dolar'dan web siteniz için saat başına 3-5 haber girişi yapacak birini bulabilirsiniz. Tabii en ucuz işçiliğin İngilizce'de olduğunu belirtmeme gerek yok sanırım. Grafiklere bakalım. Toplam 1000 adetlik bir dizi dekupe yapılacak fotoğrafları yine 50-100 Dolar'a (hatta daha da ucuza) işi bilen birine havale edebilirsiniz. Türkiye'de bu iş size teklif edilse kaça yaparsınız bir düşünün. <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/megalotti/odesk03.jpg' alt="oDesk ile iş yap - yaptır" border="0"><br>oDesk testleri cv yerine geçiyor</div> <p><strong>İşverenlere ucuz iş gücü</strong><br>Odesk'te iş verenler yeni bir iş ilanı açtıklarında kredi kartlarıyla odeske o işin parasını bloke ettiriyor. Saatlik işlerde geri dönüş yok. Ama fiks ücrete tabi işlerde işveren, yapılan işi beğenmezse ödeme yapmıyor ve parasını sistemden geri alıyor. Anlaşmazlık durumunda fiks ücretlere oDesk karışmıyor. Ama saatli işlerde Odesk yönetimi işverenin itirazı konusunda ikna olmak zorunda. O desk böyle bi durumda <a href="http://www.odesk.com/w/faqs">mahkeme</a> gibi davranıp, örneğin 20 saatlik bir işin sadece 10 saatinin ödenmesine karar verebiliyor.</p> <p>İşverenler bir iş talebi başlatıp gelen başvurulardan işçilerin geçmiş kayıtlarına bakıp ilgilendiklerini görüşmeye çağırıyor. E-posta ya da msn, yahoo, skype gibi uygulamalarla da görüşmeler yapılabilir. Bunlar iş şartlarında önceden belirtiliyor. İşveren beğendiği bir işçiyi o işe atıyor ve iş başlıyor. İş sonunda da bloke olan para işçilere ödeniyor (Tabii herhangi bir sorun yoksa).</p> <p><strong>Ne tür işler var?</strong><br>Odesk'te işverenin yanında çalışmayı gerektirmeyecek şekilde aklınıza gelebilecek her türlü iş var. Müşteri temsilciliği, call center gibi hizmetler de dahil. Tabii ki araya uyanık öğrencilerin ev ödevleri de karışıyor ve cep harçlıklarıyla örneğin Kansas'tan Bombay'a nice edebiyat ödevleri havale ediliyor. Kendisine bir blog açmak isteyen birisi, sitesine “özgün içerikli” onlarca yazıyı sadece 50-100 Dolar'a hazırlatabiliyor. Sonra gelsin Google Adsense ve gelsin ziyaretçiler. Web sitesi tasarımından teknik çizimlere, kitap editasyonundan tez hazırlatmaya, muhasebeciden, yazılım geliştirmeye uzanan çok geniş bir yelpazeden bahsediyorum.</p> <p><strong>Yeni bir akım doğmuş bile</strong><br>Sitenin kurulduğu günden bu yana çalışanlara kazandırdığı gelir ise bu ay itibariyle tam <a href="http://www.odesk.com/community/oconomy">100.000.000 Dolar</a> (yüz milyon) bariyerini aşmış. oDesk'in gelir modeli tamamen yapılan ödemeler üzerinden net yüzde 10'luk bir kesintiye dayalı. Yani merak edenler için ekleyeyim; bu freelance iş portalı sadece geniş bir platform oluşturarak oturduğu yerden 10 milyon Dolar kazanmış. Tabii buralara gelmek için ne kadar harcanmış onu bilmemize imkan yok. Ama yakında borsaya açılırlarsa, bu rakamları da ilk elden öğrenebiliriz.</p> <p><strong>Bir de işin işçi kısmına bakalım</strong><br>Odesk'i ayrıcalıklı kılan en önemli özellik işçilere sunulan testlerle yeteneklerini önceden ispat edebilmeleri. Örneğin İngilizce dil bilgisi, gramer, kelime ya da teknik İngilizci üzerine çeşitli testlere girip bir skor elde edip bunu profilinizde yayınlayabiliyorsunuz. Böylece iş veren iş görüşmesine İngilizce notu yüksek olanları çağırabiliyor. Testler belirli aralıklarla alınabiliyor. İlk testten düşük not aldıysanız ikincisi için ortalama 2 hafta beklemeniz gerek. Ne kadar çok iş alıp hakkıyla yaparsanız, repütasyonunuz da o kadar artıyor. Ama bu artış neye yarar bilemem. Zira az önce de dediğim gibi, İngilizce'nin hakim olduğu uzak doğu'dan nice yetenekli işçilerle rekabet etmek zorundasınız. Ama arada çok acil basit dosya upload işlemleri, bir iki poster tasarımı-dönüştürmesi, ya da excel'den bir web sitesindeki veritabanına bilgi girilmesi gibi anlık kapılabilen işler de yok değil.</p> <p><strong>Ödemeler nasıl oluyor?</strong><br>Ödemeler ise iki türlü temele dayalı. İşler ya saatlik, ya da belirli bir ücretle fikslenmiş oluyor. Saatlik ücretlerde bir işe kabul edildiyseniz ödemenizi almamanız gibi bir sorun yok. Odesk bu konuda garantör oluyor. İşverenle aranızda sorun çıkarsa müdahale ediyor. Eğer fiks bir ücreti olan bir işe kabul edildiyseniz, orada tamamen işverenin insiyatifine kalıyorsunuz. Bu konuda işverenin daha önceki işlerine dikkat etmeniz öneriliyor. Zaten bol iş ilanı yayınlamış ve çoğundan olumlu geri dönüş almış (işçilerin parasını ödemiş) işverenlerin ilanlarına resmen akın oluyor.<br>Ödemelerinizi ise Odesk yapıyor, ki işin parasını zaten işverenden önceden tahsil etmeden iş ilanını yayınlatmıyor. İşverenler bloke paralarını iş sonunda serbest kalması için onaylıyor ya da geri çekiyor. Sistem bu.</p> <p><strong>Saatli çalışma nasıl oluyor?</strong><br>Odesk'te saatlik ücrete tabi işlerin takibi Odesk'in Team, Share, Minicam ve ScreenSnap isimli programcıklarının bulunduğu <a href="http://www.odesk.com/community/node/5570">Odesk Launcher</a> programıyla oluyor. Bu programı kuruyorsunuz ve saatlik iş almanız durumunda, işvereninize çalışacağınız saatlerde programı çalıştırıp işe koyuluyorsunuz. Arada ekranınızın görüntüsünü almanız, minik notlar tutmanız, eğer bir ekibe üyeyseniz onlarla iletişim kurmanız, sohbet etmeniz, hatta kameranız (varsa tabi ki) ile görüntülü iletişime bile geçmeniz mümkün. Odesk Launcher çalıştırmadan saatlik işlerinizi yapamazsınız. Bu uygulama ile böylece işveren de kimin hangi saatlerde nasıl bir çalışma yaptığını görebiliyor. Bu nedenle eğer olur da Odesk'ten saatlik bir iş almak isterseniz, bilgisayarınızda temiz bir masaüstüne, hatta tercihen yeni bir kullanıcı profiline sahip olmanızı öneririm. Odesk ödemelerinizi herhangi bir minimum limite takılmadan en kolay paypal ile alabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/odesk-ile-agir-isleri-ucuza ">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, 28 Oct 2009 17:27:00 GMT 226214@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/odesk-ile-agir-isleri-ucuza Rawkon <p><a href="http://www.bildirgec.org/ara/blog">Blog</a>cular tarafından çok sık kullanılan <a href="http://www.bildirgec.org/ara/wordpress">wordpress</a>'in aksine bu yazıda ücretsiz <a href="http://www.bildirgec.org/ara/blogger">blogger</a> <a href="http://www.bildirgec.org/ara/tema">tema</a>larının kaynaklarına ulaşabilirsiniz.</p> <p>1. <a href="http://www.allblogtools.com/category/blogger-templates/">all blog tools</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/allblogtools.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://blogger-templates.blogspot.com/">blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blog-templates.jpg' alt="\"\"" border="0"><br></div> <p>3. <a href="http://btemplates.com/">btemplates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/btemplates.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --><br>4. <a href="http://blogger-templates.deceblog.net/">free blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blogger-templates.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.bloggertemplates.org/">bloggertemplates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blogger-templates-free.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.geckoandfly.com/category/blogger-templates/">gecko & fly blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/gecko.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.blogspottemplate.com/">gecko & fly blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blogspot-template.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.carlgalloway.com/categories/22-Blogger-Templates">carl galloway’s blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blogger-templates-all-free.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://www.finalsense.com/services/blog_templates/">final sense templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/final-sense.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.eblogtemplates.com/templates/blogger-templates/">eblog templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/eblog-templates.jpg' alt="\"\"" border="0"><br></div> <p>11. <a href="http://www.bloggertricks.com/2008/06/blogger-templates-galore.html">bloggertricks templates galore</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blogger-tricks.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://freeblogger-templates.blogspot.com/">freeblogger-templates.blogspot.com</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/free-blogger-templates.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://gosublogger.com/category/blogger-templates/">go sub blogger</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/gosubblogger.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://www.isnaini.com/Blogger-templates">isnaini templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/isnaini-templates.jpg' alt="\"\"" border="0"><br></div> <p>15. <a href="http://themelib.com/category/free-blogger-templates/">themelib blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/themelib.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.blogcrowds.com/resources/blogger_template.php">blog crowds</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/blog-crowds.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.giselejaquenod.com.ar/blog/blogger-templates/">gisele jaquenod blogger templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/free-blog-templates.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://www.pannasmontata-templates.net/">pannasmontana templates</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/pannasomantata.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://www.template-godown.com/">template go down</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/xml-blogger-templates.jpg' alt="\"\"" border="0"><br></div> <p><strong>kaynak:</strong> <a href="http://pelfusion.com/freebies/19-best-resources-for-free-blogger-templates/">pelfusion.com</a></p> <strong>yazılarımı takip edebilirsiniz.</strong> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://delicious.com/lebron5">delicious</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-blogger-temalari-icin-19 ">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, 10 Jul 2009 06:47:00 GMT 218995@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-blogger-temalari-icin-19 Rawkon <p><a href="http://www.google.com/intl/en/about.html">Google</a>'ın başarısının temel nedenlerinden biri olan sayfaların yüklenme süresi, arama sonuçlarının çok kısa sürlerde verilmesi gibi kriterlerde kullandıkları araç olan <a href="http://code.google.com/speed/page-speed/">page speed</a> geliştiricilerin kullanımına açıldı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/gadget3/page-speed.png' alt="\"\"" border="0"><br></div> <p>firefox eklentisi olan <a href="http://www.getfirebug.com/">Firebug </a>ile birlikte çalışabilen araçla sitenizin nerelerde yavaşladığı görüp sayfalarınızın daha hızlı çalışmasına yönelik geliştirmelerde bulunabileceksiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/gadget3/activity2.png' alt="\"\"" border="0"><br></div> <p>kaynaklar<a href="http://google-code-updates.blogspot.com/2009/06/introducing-page-speed.html"> google code blo</a> , <a href="http://www.techcrunch.com/2009/06/04/google-opens-up-internal-speed-tool-to-the-public/">tech crunch</a></p> <p>gadget3:: <a href="http://friendfeed.com/gadget3">ff </a><a href="http://twitter.com/gadget3">twitter </a><a href="http://gadget3.bildirgec.org/">rss </a><a href="http://alperyz.blogspot.com/">blog</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/google-page-speed-gelistiricilere-acildi ">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, 05 Jun 2009 14:08:00 GMT 212293@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/google-page-speed-gelistiricilere-acildi Rawkon <p>Bir web sayfasında bulunan giriş (<a href="http://www.bildirgec.org/ara/login">login</a>) bölümü tasarımı ziyaretçiler için önemlidir. Eğer farklı <a href="http://www.bildirgec.org/ara/tasar%C4%B1m">tasarım</a>lar yapmak istiyorsanız bu yazıda size <a href="http://www.bildirgec.org/ara/ilham%20kayna%C4%9F%C4%B1">ilham kaynağı</a> olabilecek <a href="http://www.bildirgec.org/ara/giri%C5%9F%20sayfas%C4%B1">giriş sayfası</a> tasarımlarına ulaşabilirsiniz.</p> <p>1 - <a href="http://www.myvirtualpaper.com/admin/login">myvirtualpaper.com</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/36-beautiful-login-page-de-5b19-5d.png' alt="\"\"" border="0"><br></div> <p>2 - <a href="http://niponwar.deviantart.com/art/login-page-76468137">login page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/4bda327e5653ee19-5b8-5d.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3 - <a href="https://auth.apple.com/authenticate?service=DockStatus&realm=primary-me&returnURL=aHR0cDovL3d3dy5tZS5jb20vd28vV2ViT2JqZWN0cy9Eb2NrU3RhdHVzLndvYS93YS90cmFtcG9saW5l&destinationUrl=">Mobile ME</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/footersd3-5b13-5d.jpg' alt="\"\"" border="0"><br></div> <p>4 - <a href="http://www.unblab.com/login">unblbab</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/17-5b15-5d.jpg' alt="\"\"" border="0"><br></div> <p>5 - <a href="https://www.acrobat.com/#/cpdf/HaveAdobeID">Acrobot</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/7-5b13-5d.jpg' alt="\"\"" border="0"><br></div> <p>6 - <a href="http://www.nasibriyanilounge.com/">Nasi Briyani</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/28-5b13-5d.jpg' alt="\"\"" border="0"><br></div> <p>7 - <a href="http://www.joost.com/">Joost</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/26-5b6-5d.jpg' alt="\"\"" border="0"><br></div> <p>8 - <a href="http://surfer-hun.deviantart.com/art/Login-page-design-98451272">Login page design</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/login-page-design-by-surfer-hun-5b9-5d.jpg' alt="\"\"" border="0"><br></div> <p>9 - <a href="https://secure.wufoo.com/login/">Wufoo </a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/36-5b13-5d.jpg' alt="\"\"" border="0"><br></div> <p>10 - <a href="http://smokeyhotpot.deviantart.com/art/PSI-Login-Page-69218458">PSI: Login Page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/psi-login-page-by-smokeyhotpot-5b9-5d.png' alt="\"\"" border="0"><br></div> <p>11 - <a href="http://mazia10.deviantart.com/art/Login-window-93260376">Login window</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/login-window-by-mazia10-5b8-5d.jpg' alt="\"\"" border="0"><br></div> <p>12 - <a href="http://lh4.ggpht.com/_zffIzal5cfI/SfxaOwGsMWI/AAAAAAAADtE/xsiHcH2U8dU/login_page_by_meandmydesigns%5B14%5D.png?imgmax=800">Login Page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/login-page-by-meandmydesigns-5b14-5d.png' alt="\"\"" border="0"><br></div> <p>13 - <a href="http://dipti-13.deviantart.com/art/smart-client-layout-Login-page-98458195">smart client layout Login page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/e123fee8a6fd0020c3a0d944476bdf4f-thumb-5b4-5d.jpg' alt="\"\"" border="0"><br></div> <p>14 - <a href="http://sandhuharjeetsingh.deviantart.com/art/Login-page-Login-Screen-64217811">window vista login page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/login-page-login-screen-by-sandhuharjeetsingh-5b8-5d.jpg' alt="\"\"" border="0"><br></div> <p>15 - <a href="http://tpaxic.deviantart.com/art/Login-Page-88152800">Login Page</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/login-page-by-tpaxic-5b7-5d.jpg' alt="\"\"" border="0"><br></div> <p>16 - <a href="http://maple-story.deviantart.com/art/Updated-Maple-Login-93600856">Maple Login</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/d5c9a4fb92d8365bc341ee9b8ba68f25-5b8-5d.jpg' alt="\"\"" border="0"><br></div> <p>17 - <a href="http://phyraxdesigns.deviantart.com/art/Project-Red-Mantis-84343445">Project Red Mantis</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/project-20red-20mantis-5b7-5d.jpg' alt="\"\"" border="0"><br></div> <p>18 - <a href="http://goplan.org/account/login">Go Plan</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/go-20plan-5b14-5d.jpg' alt="\"\"" border="0"><br></div> <p>19 - <a href="http://accounts.mmosite.com/port/login.php?url=http%3A%2F%2Faccounts.mmosite.com%2F">MMO Site</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/mmo-20site-5b14-5d.jpg' alt="\"\"" border="0"><br></div> <p>20 - <a href="http://www.collegehumor.com/video:1771556">College Humor</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/college-20humor-20login-20page-5b15-5d.jpg' alt="\"\"" border="0"><br></div> <p>21 - <a href="http://strawpollnow.com/login/">Strawpoll</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/straw-20poll-5b13-5d.jpg' alt="\"\"" border="0"><br></div> <p><strong>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</strong></p> <p><a href="http://www.bildirgec.org/yazi/ilham-kaynagi-olabilecek-30-guzel">ilham kaynağı olabilecek 30 güzel müzik web sitesi</a></p> <p><a href="http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50">Harika Web Tasarımı Yaratıcılığı: 50+ Örnek ve İlham Kaynağı</a></p> <p><a href="http://www.bildirgec.org/yazi/30-yaratici-illustration-website-basligi">30 Yaratıcı İllustration Website Başlığı</a></p> <p><a href="http://www.bildirgec.org/yazi/ilham-kaynagi-50-sik-navigasyon">İlham Kaynağı 50 Şık Navigasyon Menü Tasarımı</a></p> <p><a href="http://www.bildirgec.org/yazi/ilham-kaynagi-olabilecek-buton-tasarimlari">İlham Kaynağı Olabilecek Buton Tasarımları</a></p> <p><a href="http://www.bildirgec.org/yazi/web-tasariminda-beyaz-renk-kullanan">Web Tasarımında Beyaz Renk Kullanan Web Siteleri</a></p> <p><a href="http://www.bildirgec.org/yazi/web-tasariminda-etkili-basliklar">Web Tasarımında Etkili Başlıklar</a></p> <p><a href="http://www.bildirgec.org/yazi/ilham-kaynagi-101-harika-portfoy">İlham Kaynağı 101 Harika Portföy Sitesi</a></p> <p><a href="http://www.bildirgec.org/yazi/40-guzel-mavi-renk-kullanan">40 Güzel Mavi Renk Kullanan Web Sitesi</a></p> <p><a href="http://www.bildirgec.org/yazi/30-guzel-illustration-website-alti">30 Güzel İllustration Website Altı (Footer)</a></p> <ul> <li><strong>kaynak:</strong> <a href="http://www.dreamcss.com/2009/05/21-beautiful-login-pageform-designs.html">dreamcss.com</a></li> <li><a href="http://lebron.bildirgec.org/">diğer yazılarım</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/ilham-kaynagi-21-guzel-giris ">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, 12 May 2009 12:21:00 GMT 209174@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ilham-kaynagi-21-guzel-giris Rawkon <p><a href="http://www.bildirgec.org/ara/plugin">Photoshop eklentileri</a> sayesinde filtre efektleri, fotoğraf düzenleme gibi işlemleri çok rahat bir şekilde yapabiliyoruz.</p> <p>Photoshop eklentileri <strong>.8bf</strong> uzantısındadır. İndirmiş olduğunuz eklentiyi <a href="http://www.bildirgec.org/ara/photoshop">photoshop</a> programınıza eklemek için <strong>Edit > Preset Manager > Load</strong> adımlarını izlemeniz yeterlidir.</p> <p><a href="http://www.bildirgec.org/ara/plugin">Photoshop Eklentileri</a></p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/Local-Contrast-Enhancement-2.html">Local Contrast Enhancement</a> (Yerel Kontrast İyileştirme)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/local-contrast-enchancement.jpg' alt="Local Contrast Enhancement" border="0"><br>Local Contrast Enhancement</div> <p>Bu eklentide ana amaç detayı ön plana çıkarmaktır. Kontrast artış miktarını kontrol edebilirsiniz.</p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/Soft-Focus.html">Soft Focus</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/soft-focus.jpg' alt="Soft Focus" border="0"><br>Soft Focus</div> <p>Bu eklenti genellikle portre ve moda fotoğrafçılığı için uygundur.</p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/Lens-Correction.html">Lens Corrector</a> (Lens Düzeltici)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/lens-corrector.jpg' alt="Lens Corrector" border="0"><br>Lens Corrector</div> <p><!-- buradan kes --></p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/Contrast-Mask.html">Contrast Mask</a> (Kontrast Maskesi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/contrast-mask.jpg' alt="Contrast Mask" border="0"><br>Contrast Mask</div> <p>Bu eklenti resmin genel kontrastını azaltmak için, aynı anda iki önemli gölgeyi daha ayrıntılı dışarı getirmek için kontrasy maskesi kullanır.</p> <p>Yerleşim ve donukluk "Strenght" ayar düğmesi ile kontrol edilir.</p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/Gradient-Blur.html">Gradient Blur</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/gradient-blur.jpg' alt="Gradient Blur" border="0"><br>Gradient Blur</div> <p>Bu eklenti bulanıklaştırmak için kullanılır.</p> <p><a href="http://www.photo-plugins.com/Plugins/Plugins/B-W-Conversion.html">B/W Conversion<br></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/bw-conversion.jpg' alt="B/W Conversion" border="0"><br>B/W Conversion</div></p> <p><a href="http://www.philipp-spoeth.de/photoshop/sinedots2.php">Sinedots 2</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/sinedots.jpg' alt="Sinedots II" border="0"><br>Sinedots II</div> <p><a href="http://www.philipp-spoeth.de/photoshop/shear.php">Shear</a> (Kırpmak)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/shear-phillip-plugin.jpg' alt="Shear" border="0"><br>Shear</div> <p><a href="http://www.auralabs.com/products.html">Smart Refinment Filter plug-in</a> (Akıllı Düzeltme Filtresi)</p> <p><a href="http://www.cybia.co.uk/alphaworks.htm">AlphaWorks - Transparency Effects</a> (Şeffaflık Efekti)</p> <p><a href="http://www.cybia.co.uk/colourworks.htm">ColourWorks - Colour Modification</a> (Renk Değiştirme)</p> <p><a href="http://www.cybia.co.uk/edgeworks.htm">EdgeWorks - Cool Artistic Styles</a> (Harika Sanatsal Stiller)</p> <p><a href="http://www.cybia.co.uk/screenworks.htm">Screenworks - Simple Pattern Generation</a> (Basit kalıp üretimi)</p> <p><a href="http://www.cybia.co.uk/embossworks.htm">EmbossWorks - Classic Variations</a> (klasik değişimler)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/embossworks.jpg' alt="EmbossWorks - Classic Variations" border="0"><br>EmbossWorks - Classic Variations</div> <p><a href="http://www.cybia.co.uk/swapshop.htm">SwapShop - Colour Exchange</a> (Renk Değişimi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/swapshot.jpg' alt="SwapShop - Colour Exchange" border="0"><br>SwapShop - Colour Exchange</div> <p><a href="http://www.cybia.co.uk/masterblaster.htm">MasterBlaster - Maximum Colour Toning</a> (Maksimum Renk Tonlama)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/masterblastercolor.jpg' alt="MasterBlaster - Maximum Colour Toning" border="0"><br>MasterBlaster - Maximum Colour Toning</div> <p><a href="http://www.cybia.co.uk/mezzy.htm">Mezzy - Artistic Grain</a> (Sanatsal Doku)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/mezzy.jpg' alt="Mezzy - Artistic Grain" border="0"><br>Mezzy - Artistic Grain</div> <p><a href="http://hidden-3d.com/stereogram_photoshop_filter.php">Stereogram Lab Filter</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/stereogram-lab-filter.jpg' alt="Stereogram Lab Filter" border="0"><br>Stereogram Lab Filter</div> <p><a href="http://www.littleinkpot.co.uk/FreePlugins.htm">LittleInkPot Free Plugins</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/little-ink-pot.jpg' alt="LittleInkPot Free Plugins" border="0"><br>LittleInkPot Free Plugins</div> <p><a href="http://fantasticmachines.com/presets.htm">Impression MX Paint Engine</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/impressionfx-paint-engine.jpg' alt="Impression MX Paint Engine" border="0"><br>Impression MX Paint Engine</div> <p><a href="http://amicoperry.altervista.org/luce/index.html">Luce Photoshop Plugin</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/luce-plugin-photoshop.jpg' alt="Luce Photoshop Plugin" border="0"><br>Luce Photoshop Plugin</div> <p><a href="http://www.flamingpear.com/download.html">Flaming Pear</a> (süslü armut)</p> <p><a href="http://www.imagenomic.com/download.aspx">Imagenomic (4 Plugins)</a></p> <p><a href="http://www.artistic-effects.com/3dshadow/">3D Shadow</a> (3D Gölge)</p> <p><a href="http://www.btinternet.com/~cateran/simple/">Blinternat Filter Plugins</a> (filtreleme eklentileri)</p> <p><a href="http://powerretouche.com/index.htm">Power Retouch photo-retouching plugins</a> (Güçlü fotoğraf düzenleme eklentileri)</p> <p>yazının devamı için <a href="http://www.1stwebdesigner.com/development/huge-list-of-highly-extensible-photoshop-plugins/">buraya</a> tıklayabilirsiniz.</p> <p><a href="http://www.1stwebdesigner.com/development/huge-list-of-highly-extensible-photoshop-plugins/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/35-faydali-photoshop-eklentisi ">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, 09 Apr 2009 16:11:00 GMT 205175@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/35-faydali-photoshop-eklentisi Rawkon <p>Web sitenizin <a href="http://www.bildirgec.org/yazi/size-sifirdan-photoshop-ogretecek-35" title="Size Sıfırdan Photoshop Öğretecek 35 Kaynak">tasarımı hazır</a>, <a href="http://www.bildirgec.org/yazi/sosyal-ag-komunite-olusturma-yazilimlari" title="Sosyal Ağ Komünite Oluşturma Yazılımları">içerik yönetim sistemi</a> muhteşem çalışıyor, <a href="http://www.bildirgec.org/yazi/web-sitenizi-olusturabileceginiz-8-ucretsiz" title="web sitenizi oluşturabileceğiniz 8 ücretsiz tasarım platformu">içerik siteye eklendi</a> ve müşteriniz son derece memnun. Artık sitenizi yayımlamanın vakti geldi. Yoksa gelmedi mi? Bir web sitesini yayımlarken genellikle onu yayımlamak için duyduğunuz sabırsızlık nedeniyle birkaç önemli noktayı atlarsınız. Bu yüzden sitenizi dünyaya duyurmadan önce yapılması gerekenleri içeren bir kontrol listesi bulundurmanız ve onu her yeni web sitesini yayımlamadan önce kontrol etmeniz, sitenizin geleceği ve kalitesi açısından önemlidir.</p> <p>Bu makalede, <strong>bir websitesi resmiyete kavuşmadan önce kontrol edilmesi gerekenlerin bir listesi</strong>ni bulacaksınız. Makale içerisinde genellikle unutulan küçük ayrıntılar yer alıyor ve bunlar zamanında yapıldığı taktirde hem sizin daha az zamanınızı alacaktır, hem de genel olarak kullanıcı deneyimine olumlu katkıları olacaktır.</p> <p><strong>1. Favicon</strong></p> <p><a href="http://www.bildirgec.org/etiket/favicon/">Favicon</a> bir web sitesini sekme ya da pencre üzerinde tanıtmaya yardımcı olur. Faviconlar genellikle bir web sitesinin yer imlerine eklenmesi durumunda da adres ile birlikte istemci üzerine kaydedilir. Ancak bundan emin olmak için aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına yerleştirmeniz gerekir.</p> <code>&lt;link rel="icon" type="image/x-icon" href="/favicon.ico" /&gt;</code> <p>Eğer iPhone için bir favicon kaydetmek istiyorsanız, o zaman aşağıdaki kodu da eklemelisiniz.</p> <code>&lt;link rel="apple-touch-icon" type="image/x-icon" href="/favicon.ico" /&gt;</code> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-01.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong>2. Başlıklar ve Meta Verisi</strong></p> <p>Sayfanızın başlığı SEO (Arama Motoru Optimizasyonu) için en önemli elementtir. Bunun yanısıra kullanıcılarınızın ziyaret ettikleri sayfada ne olduğunu anlamaları açısından da önem taşır. Sayfa başlığının her bir sayfada değişmesine ve sayfa içeriği ile alakalı olmasına özen gösterin.</p> <code>&lt;title&gt;Web Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol | bildirgec&lt;/title&gt;</code> <p>Meta <em>description</em> (açıklama, tanımlama) ve <em>keyword</em> (anahtar kelime) etiketleri SEO için artık çok önemli olmasa da (en azından en çok kullanılan arama motorları için), siz yine de onları sayfanıza eklemeye özen gösterin. Her bir sayfada açıklamanın değiştiğine ve sayfanın içeriği ile alakalı bir açıklama olması gerektiğine dikkat edin zira genellikle bu açıklama, Google'nin arama sonuçları sayfasında göstereceği şey olacaktır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/basliklarinizi-daha-kullanici-dostu-kilacak">Başlıklarınızı Daha Kullanıcı Dostu Kılacak 5 İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/seo-uzmanlari-icin-populer-firefox">SEO Uzmanları İçin Popüler Firefox Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/seo-araclari-listesi">SEO Araçları Listesi</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-02.jpg' alt="\"\"" border="0"><br></div> <p><strong>3. Çapraz Tarayıcı Kontrolleri</strong></p> <p>Tasarımınızın mükemmel göründüğünü düşündüğünüz anda onu Internet Explorer üzerinde kontrol ettiğinizde öyle olmadığını anlayacaksınızdır. Web sitenizin farklı tarayıcılarda aynı şekilde görünmesi oldukça önemlidir. Her şey %100 aynı olmasa bile en azından ana işlevselliği korunmalıdır ve kullanıcı herhangi bir problemin varlığını sezmemelidir. Kontrol etmeniz popüler tarayıcılar Internet Explorer 6, 7 ve 8, Firefox 3, Safari 3, Chrome, Opera ve iPhone olmalıdır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin">Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları</a></li> <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> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-03.jpg' alt="\"\"" border="0"><br></div> <p><strong>4. Yazım Denetimi</strong></p> <p>Her şeyi okuyun. Eğer daha önce okumuş olsanız bile tekrar okuyun. Bir başkasına da okutun. Genellikle bu kontroller sırasında hatalı olan şeyleri fark edecek ve onları değiştirmek isteyeceksinizdir. Sitenizdeki metni içerik konusuna hedefleyerek onu az tutmayı deneyin. Uzun metin bloklarını daha kısa paragraflara bölün. Yazı genelinde başlıklar kullanın ve listeler kullanarak okurlarınızın kolay bir şekilde içeriğinizi tarayabilmesini sağlayın. Uyarı kutuları gibi dinamik metinleri de unutmayın.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/onlarsiz-yapamayacaginiz-20-tipografi-uygulamasi">Onlarsız Yapamayacağınız 20 Tipografi Uygulaması</a></li> </ul> <p><strong>5. Bağlantılar</strong></p> <p>Tüm bağlantılarınızın çalışacağını sanmayın. Onlara tıklayın. Harici web sitelerine bağlantı verirken bağlantıların başına "http://" eklemeyi unutmuş olabilirsiniz. Bağlantılar sayfadaki metnin geri kalanından daha ön planda olmalıdır. Bağlantı olmayan bir metnin altını çizmeyin zira bu kullanıcının kafasını karıştıracaktır. Ziyaret edilmiş bağlantılarınız için de ayrı bir stil uygulamayı ihmal etmeyin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/buraya-tiklamayin-baglantilari-dogru-kullanmak">Buraya Tıklamayın! Bağlantıları Doğru Kullanmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-04.jpg' alt="\"\"" border="0"><br></div> <p><strong>6. İşlevsellik Kontrolü</strong></p> <p>Sitenizdeki her şeyi derinlemesine kontrol edin. Eğer bir iletişim formunuz var ise, kendinize bir mesaj göndermeyi deneyin ve kullanıcıların ne ile karşılaşacaklarını kendiniz görün. Sitenizi başkalarınızın test etmesini sağlayın. Sadece arkadaşlarınızın ya da diğer aile üyelerinizin değil, web sitenizin hedeflediği pazar alanındaki kişiler tarafından test edilmesini sağlayın. Arkanıza yaslanın ve bir kullanıcının sitenizi nasıl kullandığını izleyin. Bir başkasının sitenizi kullanma şeklini gördükten sonra sizin sandığınızdan ne kadar farklı olduğunu anladığınızda çok şaşıracaksınız. Kontrol edilmesi gereken şeyler arasında iletişim formları, arama özellikleri, alışveriş sepetleri ya da giriş alanları yer almalıdır.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-13">Web Tasarımcılarının Hayatını Kolaylaştıracak 13 Ücretsiz Web Uygulaması</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac">Web Tasarımcıları İçin 12 Araç ve Site</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/web-tasariminda-bosluklari-verimli-olarak">Web Tasarımında Boşlukları Verimli Olarak Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/10-kullanisli-web-uygulamasi-arayuzu">10 Kullanışlı Web Uygulaması Arayüzü</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> </ul> <p><strong>7. Sorunsuz İndirgeme</strong></p> <p>Web siteniz JavaScript'in etkin olmadığı tarayıcılar üzerinde de çalışmalıdır. Kullanıcılar genellikle güvenlik için JavaScript'i kapatırlar, bu yüzden buna hazırlıklı olmalısınız. JavaScript'i Firefox üzerinde kolayca etkisizleştirebilirsiniz. Formlarınızı kontrol ederek JavaScript'in etkin olmadığı durumlarda bile sunucu tarafflı kontrollerden sorunsuzca geçtiğini ve güzel görünümlü AJAX parçalarını kontrol edin ve JavaScript etkin olmadığında bile bunun sitenizin genel kullanılırlığını engelleyip engellemediğini inceleyin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-ziyaretcilerinizin-ilk-izlenimini-etkileyen">Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-05.jpg' alt="\"\"" border="0"><br></div> <p><strong>8. Doğrulama</strong></p> <p>100% doğrulanmış bir web sitesini hedeflemelisiniz. Her ne kadar <a href="http://www.bildirgec.org/yazi/dogrulanmis-x-html-onemli-mi">doğrulanmamış bir web sitesi dünyanın sonu olmasa da</a> sitenizin doğrulanmamasına sebep olan hataları bilmek ve o can sıkıcı hataları giderebilmek, kodunuzun ve sitenizin kalitesi açısından da önemlidir. Sitenizin doğrulanmamasına sebep olacak hatalar arasında <em>alt</em> etiketi içermeyen görseller, kapanış etiketleri kullanılmaması ve <em>&amp;</em> yerine <em>&amp;amp;</em> kullanılmamış olması.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-erisilebilirligine-dikkat-etmek">Website Erişilebilirliğine Dikkat Etmek</a></li> <li><a href="http://www.bildirgec.org/yazi/html5-te-semantikler">HTML5'te Semantikler</a></li> <li><a href="http://www.bildirgec.org/yazi/dogrulanmis-x-html-onemli-mi">Doğrulanmış (X)HTML - Önemli mi?</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-06.jpg' alt="\"\"" border="0"><br></div> <p><strong>9. RSS Bağlantıları</strong></p> <p>Eğer web siteniz bir bloga ya da haber akışına sahipse, kullanıcılarınızın abone olabilecekleri bir RSS bağlantısı olmasına özen gösterin. Kullanıcılarınız RSS beslemelerini kolayca bulabilmelidir. Aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına eklerseniz, destekleyen tarayıcılarda adres satırının hemen yanında standart RSS simgesi görünecektir ve kullanıcılarınız o simgenin üzerine tıklayarak sitenize abone olabilirler.</p> <code>&lt;link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" /&gt;</code> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-07.jpg' alt="\"\"" border="0"><br></div> <p><strong>10. Analiz</strong></p> <p>Sitenizin ziyaretçi istatistiklerini takip edebileceğiniz bir tür site analiz aracı kullanmak, sitenizin ne kadar başarılı olduğunu ve hedeflerinizin ne kadarının gerçekleştiğini anlamanız açısından önemlidir. Günlük tekil ziyaretçişleri, aylık sayfa gösterim sayılarını ve tarayıcı istatistiklerini takip edin. Tüm bu veriler sitenizin yayında olduğu ilk günden itibaren takip edilmelidir. <a href="http://www.google.com/analytics/">Google Analytics</a> pek çok web sitesi sahibi arasında popülerdir. Kullanabileceğiniz diğerleri ise <a href="http://getclicky.com/">Clicky</a>, <a href="http://kissmetrics.com/">Kissmetrics</a> (halen kapalı beta formunda), <a href="http://haveamint.com/">Mint</a> ve <a href="http://statcounter.com/">StatCounter</a> gösterilebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/website-trafiginizi-takip-etmenin-50">Website Trafiğinizi Takip Etmenin 50 Yolu Daha</a></li> <li><a href="http://www.bildirgec.org/yazi/site-trafigini-populerligini-ve-istatistiklerini">Site Trafiğini, Popülerliğini ve İstatistiklerini İzleyebilmenin 10 Yolu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-08.gif' alt="\"\"" border="0"><br></div> <p><strong>11. Sitemap</strong></p> <p>Sitenizi barındırdığınız sunucunun ana dizini üzerine (sitenizin ana sayfasının bulunduğu dizin) sitemap.xml dosyası eklemeniz durumunda arama motorları sitenizi daha kolay bir şekilde arşivleyebilecektir. Bu dosyanın içeriği, sitenizdeki tüm sayfaların adreslerinden oluşmaktadır. <a href="http://www.xml-sitemaps.com/">XML-Sitemaps</a> web sitesi, sizin için kolayca sitemap.xml dosyasını oluşturacaktır. Bu dosyayı oluşturduktan sonra ilgili dosyayı sitenizin ana dizinine yüklemelisiniz, bu sayede dosyanın adresi http://www.sitenizinadresi.com/sitemap.xml olmalıdır.</p> <p>Eğer <a href="http://www.bildirgec.org/yazi/wordpress-blogculari-icin-15-kullanisli" title="WordPress Kullanıcıları İçin 15 Kullanışlı Araç">WordPress kullanıyorsanız</a>, <a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google XML Sitemap Eklentisi</a> sayesinde siz ne zaman blogunuza yeni bir yazı yazarsanız, ilgili eklenti sitemap dosyanızı otomatik olarak güncelleyecektir. Ayrıca sitenizi ve sitemap adresinizi <a href="https://www.google.com/webmasters/tools">Google Webmaster Araçları</a>na eklemeyi unutmayın. Bu araç Google'ye bir sitemap sahibi olduğunuzu söyler ve ardından ilgili araç aracılığı ile sitenizin en son ne zaman Google tarafından arşivlendiği ve sitenizdeki hangi sayfaların Google tarafından erişilemediği gibi bilgilere ulaşabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-09.gif' alt="\"\"" border="0"><br></div> <p><strong>12. Koruyucu Tasarım</strong></p> <p>Genellikle pek üzerinde durulmayan koruyucu tasarım elementi 404 sayfasıdır. Eğer bir kullanıcı siteniz üzerinde bulunmayan bir sayfayı ziyaret ederse, <strong>404 sayfası</strong> görüntülenir. Bu, pek çok farklı sebep yüzünden olabilir. Bu sebepler arasında bir başka web sitesinin sitenizde yer almayan bir sayfaya bağlantı vermesi sonucu olabilir. Kullanıcılarınızı ana sayfaya yönlendiren bir 404 sayfası oluşturarak kullanıcılarınızı sitenizde tutabilirsiniz. Ayrıca ziyaretçilerinizi alakalı sayfalara da yönlendirmeyi tercih edebilirsiniz.</p> <p>Bir diğer koruyucu tasarım tekniği ise <strong>formunuzun doğrulanıp doğrulanmadığını kontrol etmektir</strong>. Form alanlarınıza alışılmışın dışında veriler girerek (örneğin çok fazla sayıda karakter, numara alanlarına harf girmek vs) formuzun çalışıp çalışmadığını ve bir hata vermesi durumunda ise kullanıcılarınızın bu sorunu giderebilmeleri için neler yapması gerektiği konusunda bilgilendiren bir mesajın belirip belirmediğini kontrol edin.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-kullanici-arayuz-tasarimi">İyi Bir Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik</a></li> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-web-sitesinin-sahibi">İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geribildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-10.jpg' alt="\"\"" border="0"><br></div> <p><strong>13. İyileştirin</strong></p> <p>Web sitenizin en yüksek performansta çalışmasını istersiniz. Bunu siteniz yayımlandıktan sonra düzenli olarak kontrol ederek gerçekleştirebilirsiniz ancak siteniz yayımlanmadan önce de kontrol etmeniz gereken bazı şeyler vardır. HTTP isteklerini azaltmak, CSS sprites (hareketleri) kullanmak, görsellerinizi web için optimize etmek, JavaScript ve CSS dosyalarınızı sıkıştırmak gibi önceden alabileceğiniz tedbirler, sitenizin daha hızlı açılması ile sonuçlanacak ve ayrıca sunucunuza daha az yük getirecektir.</p> <p>Ayrıca, kullandığınız yayımlama motoru ile değişmekle birlikte, daha ciddi tedbirler almayı da deneyebilirsiniz. Örneğin, eğer WordPress kullanıyorsanız, caching adı verilen ve dinamik sayfaları önceden işleyerek onları HTML biçimine dönüştüren ve bu sayede sunucunun işlemcisini çok daha az yoran eklentileri kullanmayı deneyebilirsiniz. <strong>WP-Cache</strong> eklentisi bu alanda işinizi görecektir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/websitenizi-hizlandiracak-ve-kodunuzu-iyilestirecek">Websitenizi Hızlandıracak ve Kodunuzu İyileştirecek 15 İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-10-web-sitesi">En İyi 10 Web Sitesi İçin Görsel Performans Optimizasyonu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-11.gif' alt="\"\"" border="0"><br></div> <p><strong>14. Yedekleyin</strong></p> <p>Eğer web siteniz bir veritabanı üzerinden çalışıyorsa, o zaman bir yedekleme stratejisine ihtiyacınız olacaktır. Yoksa verilerinizi kaybettiğiniz gün geldiğinde, neden verilerimi yedeklemedim diye kendi kendinizi yer bitirirsiniz. Olmaz demeyin, oluyor. Eğer WordPress kullanıyorsanız, <a href="http://wordpress.org/extend/plugins/wp-db-backup/">WordPress Veritabanı Yedekleme Eklentisi</a>ni kullanın. Eklenti sayesinde sitenizin düzenli olarak yedeğinin alınmasını sağlayabilir, ve bu yedeklerin elektronik posta adresine gönderilecek şekilde ayarlayabilirsiniz.</p> <p><strong>15. Yazdırma Stil Şablonu</strong></p> <p>Eğer bir kullanıcı web siteniz üzerindeki bir sayfayı yazdırmak istiyorsa, o kullanıcının sitenizdeki gezinti elementleri ya da harici tasarım elementlerinin kağıt üzerinde görünmesini istememe, sadece içeriğin görünmesini isteme ihtimali oldukça yüksektir. İşte bu yüzden yazıcılar için bir stil şablonu oluşturmak önemlidir. Ayrıca yüzen elementler gibi bazı CSS elementleri, yazıcı çıktısı üzerinde güzel görünmezler.</p> <p>Bilgisayarların yazıcı çıktısı alınması sırasında otomatik olarak algılayacakları bir stil şablonu oluşturmak için aşağıdaki kodu sitenizin <em>head</em> etiketleri arasına yerleştirmeniz yeterlidir.</p> <code>&lt;link rel="stylesheet" type="text/css" href="print.css" media="print" /&gt;</code> <p>Koddan da anlayacağınız üzere yazdırma stil şablonunuzu <em>print.css</em> üzerinde oluşturmalısınız.</p> <p><strong>Kontrol Listesini İndirin</strong></p> <p>Kısa bir süre önce <em>Dan Zambonini</em>, bir web sitesi hem yayımlanmadan önce hem de yayımlandıktan sonra yapılması gereken kontrolleri içeren oldukça detaylı bir kontrol listesi hazırladı. Diğer şeylerin yanısıra <a href="http://www.boxuk.com/blog/the-ultimate-website-launch-checklist">Ultimate Website Launch Checklist</a>, içerik ve stil ile alakalı kontrolleri, standartlar ve doğrulamayı, arama motoru görünürlüğünü, işlevsellik testini, güvenlik ve risk oluşumlarını, performansı ve pazarlamayı da içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-12.gif' alt="\"\"" border="0"><br></div> <p>İlgili kontrol listesinin <a href="http://www.boxuk.com/upload/website_launch_checklist_v1.pdf">pdf sürümü</a> de bulunuyor. Bu kontrol listesi özellikle gündelik projeleriniz üzerinde oldukça faydalı olmasının yanısıra siteniz yayımlandıktan sonra hatalarla karşılaşma olasılığınızı da en az seviyeye indirecektir.</p> <p>Ayrıca <em>David Leggett</em>'in hazırladığı <a href="http://www.uxbooth.com/blog/quick-usability-checklist/">Hızlı Kullanılabilirlik Kontrol Listesi</a>'ne de bir göz atmak isteyebilirsiniz. Bu liste, özellikle tasarımcıların projelerini tasarlarken, <a href="http://www.bildirgec.org/etiket/usability/">kullanılabilirlik</a> ve <a href="http://www.bildirgec.org/etiket/accessibility/">erişilebilirlik</a> kontrolleri için yapmaları gerekenleri içeriyor. Her ne kadar bu listedekilerin hepsi her web sitesi için geçerli olmasa da, sitenizi tasarlama aşamasında bir göz atmanızda fayda var.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/113-13.jpg' alt="\"\"" border="0"><br></div> <p><strong>Sizin Listeye Eklemek İstediğiniz Diğer Kontroller Neler?</strong></p> <p>Kendinize bir yapılacaklar listesi oluşturun ve herhangi bir web sitesini hazırlamadan önce ona bir göz atın. Yukarıdaki listede yer almayan ve sizin de listeye eklemek istediğiniz herhangi bir kontrol öğesi var mı? Yorumlarınızla paylaşın.</p> <ul> <li><div class="imajsag"><a href="http://pinkfloyd.bildirgec.org/rss.xml"><img src='http://www.bildirgec.org/imaj/pinkfloyd/pinkfloyd-rss.jpg' alt="\"\"" border="0"><br></a></div><strong>Kaynak</strong>: <a href="http://www.smashingmagazine.com/2009/04/07/15-essential-checks-before-launching-your-website/">Smashing Magazine</a></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/rss.xml">Yazılarımı RSS Üzerinden Takip Edin</a></strong></li> <li><strong><a href="http://twitter.com/pinkfloyd">@pinkfloyd twitter</a> | <a href="http://friendfeed.com/brightonem">friendfeed</a></strong> </li> <li><strong><a href="http://pinkfloyd.bildirgec.org/">pinkfloyd köşesi</a></strong></li> <li><strong><a href="http://www.oyyla.com/user/view/profile/pinkfloyd">pinkfloyd@oyyla</a></strong> <a href="http://www.oyyla.com/gonder?url=http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz/"><img src="http://www.oyyla.com/ld/byo.png" alt="Bu yazıyı Oyyla!" title="Bu yazıyı Oyyla!" border="0"></a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz ">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, 10 Apr 2009 06:45:00 GMT 205174@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-sitenizi-yayimlamadan-once-yapmaniz Rawkon <p><a href="http://www.bildirgec.org/etiket/sunum">sunum</a>lar, eğitim hayatımız olsun iş hayatımız olsun birçok alanda karşımıza çıkar. sunumların en önemli kısımlarından birisi de sunumda bahsi geçen ölçülerin, değerlerin ne kadar yer tuttuğunu grafik olarak gösteren <a href="http://en.wikipedia.org/wiki/Diagram">diyagram</a>lar, tablolardır.<br>bu bildiride, sunumlarınızda, sitenizde veya diğer projelerinizde kullanmak üzere birbirinden mükemmel grafikler oluşturmanızı sağlayacak 25 adet ücretsiz kaynağa yer vereceğiz. ayrıca yazının sonunda 3 adet ders bulunmakta (Adobe Illustrator ve css için).</p> <p><strong><a href="http://www.jscharts.com/home">JS Charts (<em>java tabanlı grafik üretici</em>)</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/js-charts-2.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.visifire.com/"><strong>Visifire</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart6.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://vis.stanford.edu/protovis/"><strong>Protovis</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart4.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.maani.us/xml_charts/index.php"><strong>XML/SWF grafikler</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/charts.JPG' alt="\"\"" border="0"><br></div><br><a href="http://pchart.sourceforge.net/index.php"><strong>pChart (<em>PHP</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/pchart.jpg' alt="\"\"" border="0"><br></div><br><a href="http://teethgrinder.co.uk/open-flash-chart-2/"><strong>Open Flash Chart 2</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart7.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.jfree.org/jfreechart/"><strong>JFreeChart (<em>flash</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/jfr.jpg' alt="\"\"" border="0"><br></div><br><a href="http://timepedia.org/chronoscope/"><strong>Chronoscope</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/timeline.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.ejschart.com/index.php"><strong>Ejschart (<em>Javascript</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chartx.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.fusioncharts.com/Free/Default.asp?gMenuItemId=1"><strong>FusionCharts Free</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/top5.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.clabberhead.com/googlechartgenerator.html"><strong>Google Chart Generator</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart-01.jpg' alt="\"\"" border="0"><br></div><br><a href="http://flare.prefuse.org/"><strong>Flare (<em>ActionScript library</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/flare.jpg' alt="\"\"" border="0"><br></div><br><a href="http://code.google.com/intl/tr-TR/apis/chart/"><strong>Google Chart API</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/google.jpg' alt="\"\"" border="0"><br></div><br><a href="http://developer.yahoo.com/yui/charts/"><strong>YUI Library</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart9.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.deensoft.com/lab/protochart/piechart.php"><strong>Protochart</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/points.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.simile-widgets.org/timeplot/"><strong>Timeplot (<em>DHTML-based AJAXy widget</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/timeplot.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.artviper.net/css-chart-generator/create-css-chart.php"><strong>CSS Chart Generator</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/viper.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.liquidx.net/plotkit/"><strong>PlotKit (<em>Javascript</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart10.jpg' alt="\"\"" border="0"><br></div><br><a href="http://solutoire.com/flotr/"><strong>Flotr (<em>javascript</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/flotr.jpg' alt="\"\"" border="0"><br></div><br><a href="http://bluff.jcoglan.com/"><strong>Bluff (<em>JavaScript</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/bluff.jpg' alt="\"\"" border="0"><br></div><br><a href="http://raphaeljs.com/"><strong>Raphaël (<em>JavaScript</em>)</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart11.jpg' alt="\"\"" border="0"><br></div><br><a href="http://cssglobe.com/post/4175/pure-css-line-graph"><strong>Pure Css Line Graph</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/chart12.jpg' alt="\"\"" border="0"><br></div><br><a href="http://cssglobe.com/post/1272/pure-css-data-chart"><strong>Pure Css Data Chart</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/css3.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.thewojogroup.com/2008/12/css-stacked-bar-graphs/"><strong>CSS Stacked Bar Graphs</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/stacked.jpg' alt="\"\"" border="0"><br></div><br><a href="http://bartelme.at/journal/archive/creating_graphs/journal/281/"><strong>Illustrator tutorial</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/illustrator.jpg' alt="\"\"" border="0"><br></div>[<a href="http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/">kaynak</a>]</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/etkili-grafikler-olusturmak-icin-25 ">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, 15 Apr 2009 15:57:00 GMT 205173@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/etkili-grafikler-olusturmak-icin-25 Rawkon <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/Rawkon">Rawkon</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 204288@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava Rawkon <p>Web tasarımcılarının işlerini kolaylaştıracak pattern(desen) sitelerine devam:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/appendix.jpg' alt="\"\"" border="0"><br></div><a href="http://www.appendixsquared.com/downloads/patterns.php"><strong>AppendixSquared</strong></a>: Paris Dolores ve Christina Pham adlı iki grafik tasarımcı hanımefendinin hazırladığı sitede yok yok! Desenler, fırça ve fotoğraf setleri,fontlar,avatarlar, dokular, duvar kağıtları ve dersler sizleri bekliyor.<br><a href="http://www.motzgraphics.com/backgrounds/index.html"><strong>Barracuda Backgrounds</strong></a>:Karmaşadan uzak tasarımıyla size istediğinizi sunan sitede kağıt, taş, ahşap, fotoğraf, metin, kabartma konu başlıkları altında arka planlar ve desenler bulunuyor.<br><a href="http://www.hybrid-genesis.com/freebies/free_patterns/index.html"><strong>Hybrid Genesis</strong></a>:Henüz az sayıda fakat oldukça güzel desenlere web sahipliği yapan sitede fırça setleri ve dokular da mevcut.<br><a href="http://www.dinpattern.com/"><strong>DinPattern</strong></a>:Bildirgeçte daha önce de bildirdiğim bu site, farklı desen kaynaklarıyla kendinden bir kez daha söz ettiriyor.<br><a href="http://www.hugemagazine.com/patterns/"><strong>Huge Magazine</strong></a>:Az sayıda, sıra dışı desenlerin adresi!</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/pixeldecor.jpe' alt="\"\"" border="0"><br></div><a href="http://www.pixeldecor.com/patterns.shtml"><strong>PixelDecor</strong></a>:Renkli desen kaynakları sitesi.<br><a href="http://veredgf.fredfarm.com/pattern-bomb/"><strong>pattern-BOMB</strong></a>:Sitede geometrik ve retro desenler yanında,desen derlemelerine de yer verilmiş.<br><a href="http://www.portfelia.com/patterns.asp"><strong>Portfelia Patterns</strong></a>:64 adet kaliteli desen ve az sayıda fırça seti..<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/fracturedsanity.jpg' alt="fractured-sanity.org" border="0"><br>fractured-sanity.org</div><a href="http://fractured-sanity.org/index.php?navi=resources&site=pattern"><strong>Fractured Sanity[Dot]Org</strong></a>:Sitedeki desenler siyah, kırmızı, sarı, pembe, gri, mavi, kahverengi, beyaz, yeşil başlıkları altında gruplandırılmış.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/patternsofchange.jpe' alt="\"\"" border="0"><br></div><a href="http://www.lizaphoenix.com/tiles/"><strong>Patterns of Change</strong></a>:renk ve şekil olarak gruplandırılmış sade desen tasarımları.<br><strong>not</strong>:<a href="http://speckyboy.com/2009/01/05/36-must-have-backgrounds-and-patterns-resources-for-all-designers/">kaynak</a> listede yer alan bazı siteleri çıkartmamın sebebi, daha önce <a href="http://www.bildirgec.org/yazi/doku-ve-desen-kaynaklari">bu</a> ve <a href="http://www.bildirgec.org/yazi/desen-pattern-siteleri">şu</a> bildirilerimde bahsetmiş olmamdır.<p>Bu yazı <a href="http://www.bildirgec.org/uye/Rawkon">Rawkon</a> tarafından <a href=" http://www.bildirgec.org/yazi/desen-pattern-siteleri-2 ">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, 10 Jan 2009 13:17:00 GMT 204287@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/desen-pattern-siteleri-2