http://www.bildirgec.org/ tr-tr 40 bildirgec.org - jeamall - beğendikleri jeamall <p>Tasarımda <strong>ikon</strong> ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem <a href="http://bildirgec.org/ara/minimalist">Minimalist</a> ikon setleri;</p> <p><a href="http://www.defaulticon.com/">Default Icon</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-10.jpg' alt="\"\"" border="0"><br></div><br>eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi <a href="http://creativecommons.org/licenses/by-nd/3.0/">creative commons</a> sertifikasına sahip.</p> <p><a href="http://paularmstrongdesigns.com/projects/bwpx-icns/">bwpx.icns</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-13.jpg' alt="\"\"" border="0"><br></div><br>250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">creative commons</a> sertifikasına sahip.</p> <p><!-- buradan kes --></p> <p><a href="http://pc.de/icons/#Munich">Munich</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-12.jpg' alt="\"\"" border="0"><br></div><br>1000 yüksek kaliteli 5 farklı temalı (gri tonlamalı, turuncu tonlamalı, renksiz, renkli, mavi ağırlıklı), png formatında 16x16 & 32x32 boyutlarında creative commons sertifikalı ikon.</p> <p><a href="http://chrfb.deviantart.com/art/quot-ecqlipse-2-quot-PNG-59941546">Eclipse 2</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-2.jpg' alt="\"\"" border="0"><br></div><br>png formatında 128x128, 48x48, 32x32 ve 16x16 boyutlarında siyah ve beyaz arka planlı toplam 265 ikon.</p> <p><a href="http://gentleface.com/free_icon_set.html">Wireframe Toolbar Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-1.jpg' alt="\"\"" border="0"><br></div><br>Siyah ve Beyaz arka planlı 16x16, 32x32 ve 48x48 boyutlarında png formatında 244 tane ikon. Ayrıca Creative Commons sertifikasına sahip.</p> <p><a href="http://ipapun.deviantart.com/gallery/#/d29wap8">Devine Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-9.jpg' alt="\"\"" border="0"><br></div><br>Siyah ve beyaz, 256x256 ebatlarında png ve icn formatında toplam 50 tane ikon.</p> <p><a href="http://browse.deviantart.com/customization/icons/dock/?qh=&section=&q=simple+icons#/d2c0w18">Devine Icons 2</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-8.jpg' alt="\"\"" border="0"><br></div><br>Siyah ve Beyaz, 512x512 boyutlarında png formatında 368 ikon.</p> <p><a href="http://browse.deviantart.com/?q=minimal%20icons&order=9&offset=192#/d2or5ua">Only2 Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-7.jpg' alt="\"\"" border="0"><br></div><br>96 tane siyah ve beyaz arka planlı gif formatındaki 10x10 boyutlarında ikonlar.</p> <p><a href="http://www.aiga.org/content.cfm/symbol-signs?searchtext=symbol%20signs">Symbol Signs</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-5.jpg' alt="\"\"" border="0"><br></div><br>Eps ve Gif formatlarında 134 tane siyah ve beyaz arka planlı ikon.</p> <p><a href="http://www.iconfinder.com/search/?q=iconset:uidesignicons">UIDesign Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimalistic-icons-4.jpg' alt="\"\"" border="0"><br></div><br>12x12, 16x16, 24x24, 32x32, 48x48, 64x64, 128x128 ebatlarında siyah, beyaz ve arkaplansız muhteşem ikonlar.</p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-ikon-setleri">Birbirinden Farklı ikon Setleri</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-online-araclar">Web Tasarımcıları için Online Araçlar</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ikon-setleri">Popüler İkon Setleri</a></li> <li><a href="http://www.bildirgec.org/yazi/sifirdan-illustrator-ogrenebileceginiz-dersler">sıfırdan illustrator öğrenebileceğiniz dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-yaratici-jquery-uygulamari">Birbirinden Farklı yaratıcı jquery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/chrome-un-en-populer-eklentileri">Chrome'un En Popüler Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-iyi-fontlari">2009'un En iyi Fontları</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ekran-goruntusu-alma-servisleri">Popüler Ekran Görüntüsü Alma Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-populer-photoshop">2009'un En Popüler Photoshop Dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/ilham-verici-404-sayfasi-tasarimlari">İlham verici 404 Sayfası Tasarımları</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak :</strong> <a href="http://webdesignledger.com/freebies/15-must-have-minimalist-icon-sets">wdl</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/muhtesem-minimalist-ikon-setleri ">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, 30 Jun 2010 06:28:00 GMT 237986@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/muhtesem-minimalist-ikon-setleri jeamall <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/jeamall">jeamall</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 237985@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-profesyonellerine-zaman-kazandiracak-50 jeamall <p><!-- bö!2010 kullanıcı kodu= 60680c4c8046a11d9cc67623ce02371655b048a1 -->Resim veya fotoğraflarınızı <b>3 boyutlu (3D)</b> bir ortamda sunabilmeniz için geliştirilmiş açık kaynak kodlu ve <a href="http://www.bildirgec.org/ara/">Flash</a> ile hazırlanmış bir görsel sunum eklentisi/galerisi olan <b>Piecemaker</b>, kendi alanı için iyi bir alternatif görünümünde.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/1-4.jpg' alt="\"\"" border="0"><br></div></p> <p><b>Ücretsiz</b> olarak indirip kullanabileceğiniz <b>Piecemaker</b> eklentisinin en önemli özelliği ise; herhangi bir Flash bilgisine gerek duymadan, XML dosyası üzerinde yapacağinız değişiklikler ile, gösterim için kullandığı 3 boyunlu animasyonu düzenlebilmeniz ve görsellerinizi ekleyebilmeniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/2-3.jpg' alt="\"\"" border="0"><br></div></p> <p>JPG, GIF ve PNG formatlarını destekleyen <b>Piecemaker</b> ekletisi ile beraber gelen ve kaynak kodların bulunduğu <b>fla</b> dosyasını da inceleyebilir ve düzenleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/3525605d7f7441cfaf82aad.png' alt="\"\"" border="0"><br></div></p> <p><b>Piecemaker</b> için hazırlanmış ve demo gösteriminin bulunduğu tanıtım sayfasına <a href="http://www.modularweb.net/piecemaker/">buradan</a>, kullanımı ve kaynak kodları ile ilgili çeşitli bilgilerin yer aldığı sayfaya <a href="http://active.tutsplus.com/freebies/exclusive/exclusive-freebie-the-piecemaker-xml-gallery/">buradan</a> ve diğer demo sayfasına da <a href="http://activetuts.s3.amazonaws.com/freebies/003_pieceMaker/piecemaker/index.html">buradan</a> ulaşabilirsiniz.</p> <p><b>[Bonus+++] </b><br><b>+</b><a href="http://webdesignledger.com/freebies/10-best-free-minimal-wordpress-themes">10 Best Free Minimal WordPress Themes</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/amazon-dan-773-adet-ucretsiz">amazon'dan 773 adet ücretsiz ve yasal mp3!</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/225-000-000-adet-ucretsiz">225.000.000 adet ücretsiz pdf ekitap!</a><br><b>[Kaynak] </b><a href="http://www.modularweb.net/piecemaker/">Piecemaker</a><br><b>[Paylaş] </b>Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada!</a><br><b>[algoz Takip Noktaları]</b><br><a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FF</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://www.google.com/profiles/algozzzzz">Buzz</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">E-posta</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a> <a href="http://algozz.mofuse.mobi/">Mobil</a> <a href="http://algozz.mofuse.mobi/iphone">iPhone</a><br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/algoz/bo.png' alt="\"\"" border="0"><br>10-30/04/2010</div><br><b>Algoz Destek Bekliyor...</b></p> <p>2010 Blog Ödülleri için beni desteklemek isterseniz; <a href="http://2010.blogodulleri.com/frame/show/algoz-111"><b>buradan</b></a> oy verebilirsiniz.<br>Şimdiden Teşekkürler...</p> <p><a href="http://algoz.bildirgec.org/">algoz.bildirgec.org</a> (<a href="http://www.bildirgec.org/uye/algoz">profil</a>)</p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/algoz/bo.png' alt="\"\"" border="0"><br>10-30/04/2010</div><br><b>Algoz Destek Bekliyor...</b> <p>2010 Blog Ödülleri için beni desteklemek isterseniz; <a href="http://2010.blogodulleri.com/frame/show/algoz-111">buradan</a> oy verebilirsiniz.<br>Şimdiden Teşekkürler...</p> <p><a href="http://algoz.bildirgec.org/">algoz.bildirgec.org</a> (<a href="http://www.bildirgec.org/uye/algoz">profil</a>)</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/gorsellerinizi-3-boyutlu-sunmaniz-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> Sun, 11 Apr 2010 10:18:00 GMT 235448@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/gorsellerinizi-3-boyutlu-sunmaniz-icin jeamall <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/istanbul-tr.jpg' alt="i̇stanbul" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/istanbul_tr.jpg">i̇stanbul</a></div> dünyanın dört bir yanındaki şehirlerin hepsi farklı görünür ve farklı kültürel değerlere dayanır. farklı yazı türlerinden hoşlanır, farklı tasarım beğenilerine sahiplerdir. zaten bu temeller de şehirler arasındaki farkı oluşturur. <p>diğer yandan da bu temeller, o şehirlerin insanlarını ve kendilerini nasıl yansıtmak istediklerini gösterir.</p> <p>metro hattı olan her şehirde de, her tarafa asılı olan ve şehrin yapısını gösteren bir metro haritası vardır. her harita, şehrin sakinleri tarafından bir çok sefer keşfedilir.</p> <p>tasarım ve stil olarak değerlendirildiğinde, metro haritaları bir şekilde şehrin aynasıdır. tek başlarına bir harita değil, şehrin kişiliğidirler.</p> <p>i̇şte mükemmel bir metro haritası toplaması<br><strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/amsteradm-nl.jpg' alt="Amsterdam" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/amsteradm_nl.jpg">Amsterdam</a></div></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/athens-gr.jpg' alt="Atina" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/athens_gr.jpg">Atina</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/atlanta-us.jpg' alt="Atlanta" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/atlanta_us.jpg">Atlanta</a></div></p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/bacelona-es.jpg' alt="Barcelona" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/bacelona_es.jpg">Barcelona</a></div> <p><!-- Buradan Kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/baltimore-us.jpg' alt="Baltimore" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/baltimore_us.jpg">Baltimore</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/bangkok-th.jpg' alt="Bangkok" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/bangkok_th.jpg">Bangkok</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/berlin-de.jpg' alt="Berlin" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/berlin_de.jpg">Berlin</a></div></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/brussels-be.jpg' alt="Brüksel" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/brussels_be.jpg">Brüksel</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/bursa-tr.jpg' alt="Bursa" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/bursa_tr.jpg">Bursa</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/london-uk.jpg' alt="Londra" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/london_uk.jpg">Londra</a></div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/milan-it.jpg' alt="Milan" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/milan_it.jpg">Milan</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/moscow-ru.jpg' alt="Moskova" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/metromaps/moscow_ru.jpg">Moskova</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/newyork-us.jpg' alt="New York" border="0"><br>New York</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/paris-fr.jpg' alt="Paris" border="0"><br>Paris</div> <p>Kaynak: <a href="http://www.webdesignerdepot.com/2010/03/design-around-the-world-metro-maps/">webdesignerdepot</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/dunyanin-her-yerinden-tasarimlar-metro ">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, 29 Mar 2010 09:27:00 GMT 235220@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/dunyanin-her-yerinden-tasarimlar-metro jeamall <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kursatt/11111.jpg' alt="PES 2010" border="0"><br>PES 2010</div><br>eğer sıkı bir <a href="http://www.konami.com/games/pes/pro-evolution-soccer-2010.php">pes</a> oyuncusuysanız <a href="http://www.konami.com/games/pes/pro-evolution-soccer-2010.php">pes 2010</a> çıkmadan yayınlanan <a href="http://www.playstationturk.net/oyunvideolari/pes-2010/turkce-trailer-tanitim-video_2211fe506.html">şu</a> video'yu görmüş olmalısınız. video'da <blockquote>peki pes 2010'da üzerinde durduğumuz noktalar nelerdi, bir göz atalım. takım stratejisi; pes 2010'da yaptığımız en büyük gelişme yapay zeka oldu.</blockquote> <p>diyordu. devamında 8 kaydırma çubuğu ile takım stratejisini 0-100 arasında ayarlayabileceğimiz ve oyunu almamız gerektiği söyleniyordu. peki neydi bu <a href="http://tr.wikipedia.org/wiki/Yapay_Zeka">yapay zeka</a>? konami mühendisleri ne yapmıştı da 8 kaydırma çubuğu ile takımımızı daha "akıllı" oynatabiliyorduk?<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kursatt/neuralnetwork.gif' alt="PES 2010" border="0"><br>Yapay ağlar</div><br>eminim <a href="http://tr.wikipedia.org/wiki/Yapay_Zeka">yapay zekanın</a> ne olduğu konusunda fikriniz vardır ama anlatımımın bütünlüğü açısından birkaç yetkin tanım vermem gerektiğini düşünüyorum.<br>yapay zeka ile ilgili tanım araştırmasına girdiğinizde iki seçenekle karşılaşırsınız. yapay zeka (<a href="http://en.wikipedia.org/wiki/Artificial_intelligence">artificial intelligence</a>) ve yapay sinir ağları (<a href="http://en.wikipedia.org/wiki/Neural_network">neural networks</a>). aslında ikisininde ilgilendiği şey aynıdır ancak "yapay zeka" daha yüzeysel bir kavram iken "yapay sinir ağları" ne olduğu hakkında biraz daha fikir verir. çünkü yapay zeka demek; yapay (doğadaki örneğine benzetilerek insan eliyle yapılmış) sinir (hayvansal organizmalarda duyuları taşıyan beyazımsı teller) ağları (yaygın şebeke) demektir.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/kursatt/5556.jpeg' alt="oyunlarda henüz temel seviyede olan yapay zeka uygulamaları görülebilir" border="0"><br>oyunlarda henüz temel seviyede olan yapay zeka uygulamaları görülebilir</div><br>bir tanıma göre "yapay sinir ağları canlılarda bulunan sinir sisteminin çalışmasını elektronik ortama taşımayı hedefleyen bir programlama yaklaşımıdır. yapay sinir ağlarının da canlılarda olduğu gibi öğrenme, hatırlama ve öğrendiklerini güncelleme gibi yeteneklerinin olması hedeflenmektedir." derken <a href="http://www.wikipeda.com">wikipeda</a>; "i̇nsan beyninin bilgi işleme teknolojisinden esinlenerek geliştirilmiş bir <a href="http://tr.wikipedia.org/wiki/Bilgi_%C4%B0%C5%9Flem">bilgiişlem</a> teknolojisidir." ve "insanın düşünme yöntemlerini analiz ederek bunların benzeri yapay yönergeleri geliştirmeye çalışmaktır." buyurmuş.<br>evrenin en mükemmel bilgisayarını taşıyoruz. <a href="http://tr.wikipedia.org/wiki/Beyin">beynimiz</a>!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/kursatt/www-yeniresim-com-organlarmz-beyin-alma-maketi.jpg' alt="evrenin en mükemmel bilgisayarı!" border="0"><br>evrenin en mükemmel bilgisayarı!</div> her gün yeni şeyler öğrenen, öğrendiklerini öncekilerle benzetme, çağrıştırma ya da birebir eşleme gibi yetenekler ile ilişkilendirebilen, bunları kategorize eden ve gelecekle ilgili tahmin yürütüp farklı senaryolar üretebilen mucizevi bilgisayar.<div class="imajsol"><img src='http://www.bildirgec.org/imaj/kursatt/.images' alt="düşünen makinalar uzak değil!" border="0"><br>düşünen makinalar uzak değil!</div> bir gün yapay zeka mühendisleri beynin düşünme dediğimiz aktivitesini matematiksel olarak %100 modelleyebilirse, <a href="http://tr.wikipedia.org/wiki/Mikroi%C5%9Flemciler">silikon</a> çiplerin bizim gibi düşünmesi de sağlanmış olacak. bunun için önerilen bazı modeller halen mevcut ancak başarısı tartışma konusu: örneğin <a href="http://en.wikipedia.org/wiki/Hebb">hebb</a> modeli; bu model en eski ve ünlü olanıdır. şöyle der: <blockquote>"a nöronunun bir aksonu b hücresini uyandırmaya yaklaşmışsa ve sürekli/kalıcı olarak ateşlenmesinde rol alıyorsa, hücrelerden birisinde veya her iki hücrede öyle bir gelişme veya metabolik bir değişim meydana gelirki, b'nin ateşlenmesinde rol alan a'nın verimliliğinde (efficiency) bir artış olur."</blockquote> <p><a href="http://www.bbc.co.uk/bbcfour/documentaries/index.shtml">bbc'nin</a> hazırladığı "i̇nsan beyni" belgeselinde hebb'in demeye çalıştığı şey çok güzel örneklenmiş:</p> <blockquote>"..bizler için yeni bir şey öğrenmek demek, beyinlerimizin işleyişini yeniden ayarlamak demektir. beyinlerimiz birbirine bağlı 100 milyar nörondan meydana gelmektedir. öğrenmek, bu nöronlar arasında yeni yollar yaratmak ve bunları kalıcı kılmaktır. " </blockquote> <blockquote>"...bizim için (nöronlarımız arasında yeni yollar yaratmak) derin bir vadiden geçmek gibidir. bir taraftan diğer tarafa geçmek bize öğrenme şeklimizle ilgili bir şeyler söyler. sinyal bir beyin hücresinden diğerine ilk kez geçerken büyük bir efor sarfedilir. vadiyi geçerken de aynı deneyimi yaşarız. karşıya yapılan ilk yolculuk en zorudur. <br><div class="imajsag"><img src='http://www.bildirgec.org/imaj/kursatt/-2.images' alt="nöronlar" border="0"><br>nöronlar</div>vadi bir kez geçildikten sonra karşıya her geçiş daha kolay olacaktır. ve bir şey öğrenirken de benzer şeyler olur. başlangıçta öğrenmek çok zordur. ama sinyal beyin hücreleri arasındaki aralıktan ne kadar çok geçerse daha sağlam bir yol elde ederiz. karşıya defalarca kez geçtikten sonra bu işin zahmeti azalıcaktır. sonunda bir şey öğrenmiş oluruz." </blockquote> bu örnekler beynimizin öğrenme, değerlendirme ve sonunda kararını açıklaması hakkında birkaç fikir verebilir. konuyu saptırmadan biraz da yapay zeka temelleri hakkında bilgi vermek istiyorum.<br>sonuç olarak yapay sinir ağları, <a href="http://tr.wikipedia.org/wiki/Sinir_h%C3%BCcresi">nöronları</a> örnek alarak yazılmış öğrenme <a href="http://tr.wikipedia.org/wiki/Algoritma">algoritmaların</a>ı kullanan birbiriyle ilişkili programcıklardır. görevi şudur: <ol> <li>öğrenme</li> <li>i̇lişkilendirme</li> <li>sınıflandırma</li> <li>genelleme</li> <li>tahmin</li> <li>özellik belirleme</li> <li>optimizasyon</li> </ol> <p>yapay sinir ağları bunları başarmak için ne yapar? cevabı basit: gerçek bir sinir hücresi gibi çalışarak! yani; bu programcıklar aralarında bağ kurar, verileri alır, işler ve çıktı üretir.<br>geçen yıl insan beyninin <a href="http://www.molecularbrain.com/content/1/1/6">alpha-camkii</a> adı verilen bir proteinle verileri sevindirici, acı verici ya da komik olarak değerlendirdiği bulunmuştu. kararımızı verirken verileri değerlendirme işlemlerinden geçirmemizde <a href="http://www.ilmiarastirma.net/?Pg=Detail&Number=11712">alpha-camkii</a>'nın yaptığı işi ysa'da yapay nöronun veriyi aldığı yolun ağırlığı yapar.<br>yapay nöronlarımız da değerlendiriken kendine gelen verilerin ağırlığına bakar. <br>örneğin bu yazımı beğenirsiniz ya da beğenmezsiniz ama <a href="http://www.bildirgec.org/uye/kursatt/yazi">önceki yazılarımı</a> okumuş olarak bu yazıma bakarsanız fikriniz değişebilir. <div class="imajsol"><img src='http://www.bildirgec.org/imaj/kursatt/supercomputer-533.jpg' alt="Süper Bilgisayarlar" border="0"><br>Süper Bilgisayarlar</div><br>açıklayayım, ağırlık verinin geldiği bağlantıyla çarpılan bir sayıdır ve pozitif, negatif ya da sıfır olabilir. örneğin siz yazım hakkında düşünürken yediğiniz son yemek kararınız üzerinde 0 etkiye sahiptir ve beyniniz kararını toparlarken bu bilgiyi önemsemez. benzer şekilde eğer önceki bir yazımı çok beğendiyseniz veri ilgili nöronunuza gelirken 5'le çarpılır. yazılarım arasında beğenmediğiniz bir yazı görmüşseniz, bu yazımla ilgili karar aşamasında beyniniz veriyi -2 ile çarpabilir. sonuç pozitifse bu yazımı değerlendirirken hakkımda iyi şeyler düşüneceksiniz. hakkımda düşündüğünüz iyi şeyler belki çıktı (yazının altına yorum) olarak dış dünyaya verilir ya da başka bir işlemde kullanılmak üzere başka bir nöronunuza gider. bu sayede beni kategorize edebilirsiniz, hatta genellemelerinizde kullanılmak üzere bir ağırlık oluşturabilirim. örneğin yazıları iyi olanların ağırlığı yüksekse "<a href="http://www.bildirgec.org/yaz">bildirgec</a>'te genelde iyi yazılar çıkar" diye genelleme yapabilirsiniz. bu <a href="http://www.bildirgec.org/">bildirgec</a>'e de bir ağırlık vermenize yol açar. <br>yani aslında yazının başında verdiğim kaydırma çubukları ile pes 2010 'un içindeki yapay sinir ağları programcıklarının verileri alan bölümündeki (akson) ağırlıkları ile oynamış olursunuz. bu da çıktınıza etki eder. <br>aslında henüz uygulamada yapay zeka temel seviyeden çok yukarıda değilse de akademik çevrelerin çalışmaları sonuçlandıkça günlük hayatta yapay zekayla daha sık karşılacağız. şimdilik bu alan diğer bilgisayar çalışma alanlarına göre (veri depolama kapasitelerinin artırılması, işlem hızının artırılması vb...) daha yavaş ilerliyor gibi gözükebilir. ancak devrimsel gelişmelere de açık bir alan olduğunu da unutmamak gerekir.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/yapay-sinir-aglari ">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, 22 Feb 2010 10:07:00 GMT 234058@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yapay-sinir-aglari jeamall <p>Web sayfalarınızın yerleşim düzenleri (<a href="http://www.bildirgec.org/ara/">Layouts</a>) <a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">+</a> için kullanabileceğiniz <b>EZ-CSS</b>, bu işlemi Table yerine CSS (div) ile yapabilmeniz için geliştirilmiş ve dosya boyutu sadece 1kb olan bir CSS çatısı (CSS framework).<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/78ba8c838a0c4e229f79bad.png' alt="\"\"" border="0"><br><img src='http://www.bildirgec.org/imaj/algoz/bc6bcb3aa0cd407ea6ef2ed.png' alt="\"\"" border="0"><br></div></p> <p>Çoklu sütun ve sıra oluşturabilme, farklı genişlik ve yüksek değerleri kullanabilme ve web sayfalarına kolayca ekleyebilme gibi daha birçok özelliği, avantajlar/özellikler listesinde barındıran EZ-CSS'yi farklı projeleriniz için kullanabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/7fc320e7f2a5437caddca43.png' alt="\"\"" border="0"><br></div></p> <p>EZ-CSS'nin ana sayfasına <a href="http://www.ez-css.org/">buradan</a> ve farklı örneklerin bulunduğu demo sayfasına da <a href="http://www.ez-css.org/layouts">buradan</a> ulaşabilirsiniz.<br><!-- buradan kes --></p> <p><b>Bonus+++++++:</b><br><b>+</b><a href="http://www.tutorial9.net/resources/nixus-icon-pack-60-beautiful-premium-icons-free/">60 Beautiful Premium Icons (Free)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/nixus-preview.jpg' alt="\"\"" border="0"><br></div></p> <p><b>+</b><a href="http://www.texturepalace.com/">TexturePalace</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/11761acaccff4c5d9ef5f8f.png' alt="\"\"" border="0"><br></div></p> <p><b>+</b><a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">Layouts için 6 Adet jQuery eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">jQuery ve CSS ile Page Peel Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/html-formlari-icin-25-harika">html formları için 25 harika jquery eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-hover">jquery ile hoş bir Hover Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">en iyi 10 jquery slider eklentisi</a></p> <p><b>Kaynak: </b><a href="http://www.ez-css.org/">EZ-CSS</a><br><b>Paylaş:</b> Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada!</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a> Takip Noktaları:</b> <br><a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">E-posta</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a> <a href="http://algozz.mofuse.mobi/">Mobil</a> <a href="http://algozz.mofuse.mobi/iphone">iPhone</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-sayfa-yerlesimleri-layouts-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> Mon, 22 Feb 2010 17:07:00 GMT 234057@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-sayfa-yerlesimleri-layouts-icin jeamall <p><a href="http://www.adrianpelletier.com/2009/05/31/create-a-realistic-hover-effect-with-jquery-ui/">Realistic Hover Effect With jQuery</a> | <a href="http://adrianpelletier.com/sandbox/jquery_hover_nav/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2ufytsj.jpg' alt="\"\"" border="0"><br></div><br>Bu uygulama ile web sitenizdeki butonları hareketli hale getirebilirsiniz. <strong>Reflection</strong> ve <strong>Shadow</strong> şeklinde 2 farklı <a href="http://bildirgec.org/ara/demo">demo</a>su bulunmakta.</p> <p><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/create-an-animated-call-to-action-button/">Create an Animated Call to Action Button</a> | <a href="http://sixrevisions.com/demo/call-to-action-button/example_02.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2prxnw2.jpg' alt="\"\"" border="0"><br></div><br>Artık <strong>sing up</strong> butonları faklı olacak. Bu jQuery uygulaması ile butonları kararıp sönen veya farklı renklere şeffaf geçiş yapabilen bir özellik kazandıramanız mümkün.</p> <p><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/jquery-animated-buttons-using-css/">Jquery Animated Buttons using CSS</a> | <a href="http://www.exploremyblog.com/assets/images/uploads/jquery_animated_buttons_using_css/jquery_animated_buttons_using_css.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/1zoxh02.jpg' alt="\"\"" border="0"><br></div><br>Bu <a href="http://bildirgec.org/ara/uygulama">uygulama</a> ile web sitenizde bulunan butonları hareketli hale getirebilirsiniz.<br><!-- buradan kes --></p> <p><a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/fancy-radio-buttons-with-jquery/">Fancy Radio Buttons With jQuery</a> | <a href="http://theodin.co.uk/tools/tutorials/jqueryTutorial/fancyRadio/?">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2ik5no5.jpg' alt="\"\"" border="0"><br></div><br><strong>Fancy Radio Buttons</strong>, alışveriş siteleri için yapılmış bir jQuery <a href="http://bildirgec.org/ara/button">buton</a> uygulamasıdır. Ürünlerinizi paket halinde kullancıların seçmesini sağlar.</p> <p><a href="http://mattberseth.com/blog/2008/06/glowbuttons_writing_my_first_j.html">Glowbuttons Using jQuery</a> | <a href="http://mattberseth2.com/jquery.glowbuttons/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2wmjnfn.jpg' alt="\"\"" border="0"><br></div><br>Klasik butonların aksine bu butonlar <a href="http://bildirgec.org/ara/animasyon">animasyon</a>lu. jQuery ile yapılan bu butonlara farklı efektler vererek ziyaretçilerinizin ilgisini daha fazla çekebilirsiniz.</p> <p><a href="http://jqueryui.pbworks.com/Buttons">jQuery UI Buttons</a> | <a href="http://jquery-ui.googlecode.com/svn/branches/dev/tests/visual/button/default.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/156sfep.jpg' alt="\"\"" border="0"><br></div><br><strong>jQuery UI Buttons</strong>, çok amaçlı bir jQuery button yöneticisidir. Web sitenizdeki butonların tümünü bu uygulama ile değiştirebilir ve birbirinden farklı özelliklerini kullanabilirsiniz.</p> <p><a href="http://labs.engageinteractive.co.uk/itoggle/">iToggle for jQuery</a> | <a href="http://labs.engageinteractive.co.uk/itoggle/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/wpid-itoggle-for-jquery.png' alt="\"\"" border="0"><br></div><br><strong>iToggle</strong> ile web sitenizdeki radio butonları aç-kapa şekline dönüştürebilirsiniz.<a href="http://bildirgec.org/ara/radio button">Radio Button</a>'un görünür olup olmaması veya görsellik tamamen sizin elinizde. Ayrıca sadece on-off şeklinde değil farklı biçimlerde de uygulanabilir.</p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/css3-ve-jquery-uygulamari">css3 ve jQuery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-yapilan-animasyon-uygulamalari">jQuery ile Yapılan Animasyon Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/css-3-ogrenmek-icin-en">CSS 3 öğrenmek için en iyi dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/en-populer-capraz-tarayici-testleri">En popüler çapraz tarayıcı testleri</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-yaratici-jquery-uygulamari">Birbirinden Farklı yaratıcı jquery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-oylama-ve-degerlendirme-uygulamari">jQuery Oylama ve Değerlendirme Uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-5-veritabani-yonetim-1">En iyi 5 Veritabanı Yönetim Aracı</a></li> <li><a href="http://www.bildirgec.org/yazi/web-2-0-icin-tasarim">Web 2.0 için Tasarım Araçları</a></li> <li><a href="http://www.bildirgec.org/yazi/tooltip-uygulamalari-1">Tooltip uygulamaları - 1</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-twitter-istatistik-uygulamari">Popüler Twitter istatistik uygulamarı</a></li> </ul> <p><strong>angelsdemos</strong> : <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak ;</strong> <a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-user-interface-plugins-jquery-plugins/20-impressive-jquery-button-plugins/">jquery.wisdomplug</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-buton-uygulamalari ">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, 23 Feb 2010 07:43:00 GMT 234056@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-buton-uygulamalari jeamall <p><strong>web browserlar</strong> tam anlamıyla <a href="http://www.bildirgec.org/etiket/css3">CSS3</a>'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere <a href="http://www.bildirgec.org/etiket/ilham verici">ilham vereceğini</a> düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.</p> <p><a href="http://css-tricks.com/examples/CSS3Clock/">CSS3 & jquery saat</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/csstricks-clock.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fofronline.com/experiments/clock/#clock">analog saat</a> - <a href="http://www.fofronline.com/2009-03/an-analogue-clock-using-only-css/">tutorial</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/analogue-clock.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fofronline.com/experiments/cube-3d/">3d cube that rotates using arrow keys</a>- <a href="http://www.fofronline.com/2009-07/animated-css3-cube-interface-using-3d-transforms/">tutorial</a><br>(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) - <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/3d-cube.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p><a href="http://www.fofronline.com/experiments/accordion/#two">css3 accordion</a> - <a href="http://www.fofronline.com/2009-06/accordion-using-only-css/">tutorial</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/css3-accordion.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fofronline.com/experiments/parallax/#experiment">auto-scrolling parallax</a> - <a href="http://www.fofronline.com/2009-04/auto-scrolling-parallax-effect-without-javascript/">tutorial</a><br>(otomatik kayan arkaplan)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/auto-scrolling-parallax.jpg' alt="\"\"" border="0"><br></div><br><a href="http://dinolatoga.com/demo/webkit-image-hover-effects/">image hover effects</a> - <a href="http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/">tutorial</a> (resim etrafında efekt) <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/image-hover-effects.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.romancortes.com/blog/pure-css-coke-can/">turning coke can (control with scrollbar)</a> - <a href="http://www.romancortes.com/blog/pure-css-coke-can/">tutorial </a><br>(scrollbar etkisiyle döndürme)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/coke-can.jpg' alt="\"\"" border="0"><br></div></p> <p>space - <a href="http://media.24ways.org/2009/15/assets/css/space.css">tutorial</a><br>(uzay)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/space.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.zurb.com/playground/osx-dock">mac dock</a> - <a href="http://www.zurb.com/playground/osx-dock">tutorial </a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/mac-dock.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.the-art-of-web.com/css/css-animation/">animated rocket </a>- <a href="http://www.the-art-of-web.com/css/css-animation/">tutorial</a> <br>(roket animasyonu)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/animated-rocket.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.3site.eu/examples/gallery/">animated polaroid gallery</a> (animasyonlu fotograf galerisi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/another-polaroid-gallery.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box.html">spotlight cast shadow</a><br>(metine sahne ışığı efekti)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/spotlight-cast-shadow.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://buildinternet.com/live/elasticthumbs/">elastic menu</a> - <a href="http://buildinternet.com/2009/09/sproing-make-an-elastic-thumbnail-menu/">tutorial</a><br>(elastik menü)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/elastic-thumb-menu.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://paulbakaus.com/lab/js/coverflow/">coverflow</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/coverflow.jpg' alt="\"\"" border="0"><br></div></p> <p>daha fazla css3 örneği isterseniz 40'tan fazla örnek için <a href="http://www.webdesignerwall.com/trends/47-amazing-css3-animation-demos/">buraya </a>bakabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/css3-ile-neler-yapilabilir ">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, 20 Feb 2010 14:08:00 GMT 233925@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/css3-ile-neler-yapilabilir jeamall <div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentira/mp3cut.gif' alt="mp3 cut" border="0"><br>mp3 cut</div> Bazen <a href="http://tr.wikipedia.org/wiki/MP3">mp3</a> dosyasının sadece belli bir kısmını kullanmak isteriz. (örneğin cep telefonuna melodi yapmak için) kullanmak istediğimiz yeri kesmek için mp3 kesme programları vardır ama biz program kurmak istemiyorsak <a href="http://mp3cut.net/">mp3cut</a> sitesi sayesinde mp3 kesme işlemini hiçbir programa gerek kalmadan bedava olarak yapabiliyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentira/mp3-upload.JPG' alt="\"\"" border="0"><br></div> <br>ilk önce "upload mp3" düğmesine tıklıyoruz ve kesmek istediğimiz mp3 dosyasını seçiyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentira/mp3-edit.JPG' alt="\"\"" border="0"><br></div> daha sonra resimde gördüğünüz gibi cursorler var bunları mp3 dosyası üzerinde kesmek istediğimiz saniyeler üzerine getiriyoruz. aynı anda play tuşu sayesinde kestiğimiz mp3 kısmını dinleyebiliyoruz. bu panelde her şeyi istediğimiz gibi ayarlıyoruz. kesmek istediğimiz kısmı ayarlayıp play tuşuyla dinleyip istediğimiz şekle getirebiliyoz. <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/mentira/mp3-download.JPG' alt="\"\"" border="0"><br></div> ve en son hazırladığımız mp3 dosyamızı "split and download" düğmesine basıp kesilmiş olan kısmı mp3 olarak bilgisayarımıza indirebiliyoruz. böylece 3 kolay adımda herhangi bir program kullanmadan online ve ücretsiz olarak mp3 kesme işlemi yapmış oluyoruz.<br>sitenin <a href="http://mp3cut.net/">ingilizce</a> ve <a href="http://www.mp3cut.ru/">rusça</a> sayfaları var istediğinizi kullanabilirsiniz.<br>ayrıca bu bildirilerde ilginizi çekebilir.<br><a href="http://www.bildirgec.org/yazi/avidemux-bedava-video-duzenleme-programi">Avidemux: Bedava video düzenleme programı</a><br><a href="http://www.bildirgec.org/yazi/xmplay-hafif-ve-ufak-ses">XMPlay: Hafif ve Ufak ses oynatıcı</a><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/bedava-online-mp3-kesici ">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, 12 Feb 2010 10:26:00 GMT 233632@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bedava-online-mp3-kesici jeamall <p><strong>Web</strong> sayfalarında, görsellik yani web tasarımı önemlidir. Kimse kötü hazırlanan herşeyin birbirine karıştığı bir sitede dolaşmak istemez. <a href="http://www.bildirgec.org/ara/web tasarım">Web tasarımın</a>da ise ikonlar önemlidir. Ne kadar fazla <a href="http://www.bildirgec.org/ara/ikon">ikon</a> bulunursa görsellik o kadar artar. Aşağıdaki ikonları arşivinize ekleyebileceğiniz gibi tasarımlarınızda da kullanmakta özgürsünüz.</p> <p><a href="http://sixrevisions.com/freebies/icons/free-social-media-icons-old-bottle-crowns-icon-set/">Old Bottle Crowns</a><br>(<em>Eski şişe kapağı şeklinde <a href="http://www.bildirgec.org/ara/sosyal medya">sosyal medya</a> ikonları</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-1.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.tutorial9.net/resources/sketchy-web-icons-30-hand-drawn-icon-pack/">Sketchy Web Icons</a><br>(<em>El ile çizilmiş taslak şeklinde ikon seti</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-2.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.tutorial9.net/resources/free-icons-grunge-peeling-stickers-social-media-icons/">Grunge Peeling Stickers Social Media Icons</a><br>(<em><a href="http://www.bildirgec.org/ara/grunge">Grunge</a> Sosyal Medya ikonları</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-3.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.tutorial9.net/resources/watercolor-free-icon-pack/">Watercolor</a><br>(<em>Sulu boya ikon seti</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://raindropmemory.deviantart.com/art/Natsu-Icon-Set-81597962">Natsu Icon Set</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.tutorial9.net/resources/free-social-icon-pack-nurture/">Nurture</a><br>(<em>Besleme ve sosyal medya ikonları</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-5.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.webdesignerdepot.com/2010/01/woven-fabric-social-media-icon-set/">Woven Fabric Social Media Icon Set</a><br>(<em>Kumaş biçiminde sosyal medya ikon seti</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-6.jpg' alt="\"\"" border="0"><br></div><br><a href="http://colaja.deviantart.com/art/Extreme-Grunge-Garments-Icons-137666117">Woven Fabric Social Media Icon Set</a><br>(<em>Grunge, kumaş tarzı sosyal medya ikonları</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-7.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://azuresol.deviantart.com/art/Sketchy-Icons-134668163">Sketchy Icons</a><br>(<em>Taslak şeklindeki ikonlar</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-8.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://7ur.deviantart.com/art/iConPack-now-with-psd-53066224">ICon Pack</a><br>(<em>ikon paketi</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/unique-icons-9.jpg' alt="\"\"" border="0"><br></div></p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-online-araclar">Web Tasarımcıları için Online Araçlar</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ikon-setleri">Popüler İkon Setleri</a></li> <li><a href="http://www.bildirgec.org/yazi/sifirdan-illustrator-ogrenebileceginiz-dersler">sıfırdan illustrator öğrenebileceğiniz dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-yaratici-jquery-uygulamari">Birbirinden Farklı yaratıcı jquery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/chrome-un-en-populer-eklentileri">Chrome'un En Popüler Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-iyi-fontlari">2009'un En iyi Fontları</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ekran-goruntusu-alma-servisleri">Popüler Ekran Görüntüsü Alma Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-populer-photoshop">2009'un En Popüler Photoshop Dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/ilham-verici-404-sayfasi-tasarimlari">İlham verici 404 Sayfası Tasarımları</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak ;</strong> <a href="http://webdesignledger.com/freebies/20-different-and-beautiful-icon-sets">wdl</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/jeamall">jeamall</a> tarafından <a href=" http://www.bildirgec.org/yazi/birbirinden-farkli-ikon-setleri ">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 Feb 2010 15:21:00 GMT 233422@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/birbirinden-farkli-ikon-setleri