http://www.bildirgec.org/ tr-tr 40 bildirgec.org - loo - beğendikleri loo <p><a href="http://www.bildirgec.org/etiket/Photoshop">Photoshop</a> (<a href="http://www.adobe.com/products/photoshop/family/">*</a>), her çeşit tasarımcı için önemli bir araçtır. o, tasarımın birçok çeşidinde ve daha başka bir dolu yerde kullanılıyor. hatta photoshopu <a href="http://www.bildirgec.org/etiket/animasyon">animasyon</a> yapımında da kullanabilirsiniz. <br>eğer normal photoshop derslerinden sıkıldıysanız ya da onlar size artık kolay geliyorsa (aslında bunlar çok daha kolay) bu bildiri tam size göre.</p> <p>daha önce <a href="http://www.bildirgec.org/yazi/28-inanilmaz-photoshop-dersi-poster">şurada da</a> birkaç örneği bulunan gif formatında animasyonlar yapabilmeniz ya da kendi hareketli avatarınızı, imzanızı kolaylıkla yapabilmeniz için bu bildiride 24 adet ücretsiz photoshop dersine yer vereceğiz.</p> <p>1 - <a href="http://tu-torial.com/view_tut.php?id=180"><strong>hareket eden böcek animasyonu</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/animation-signature.gif' alt="\"\"" border="0"><br></div><br>2 - <a href="http://www.teachtutorials.com/photoshop/2442-Easy-create-falling-snow-to-add-to-an-image.html"><strong>kar temalı çalışmalar için animasyon dersi</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/snow-animation.gif' alt="\"\"" border="0"><br></div><br><!-- buradan kes --><br>3 - <a href="http://hv-designs.co.uk/2008/01/06/pump-up-the-bass/"><strong>titreşim efekti</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/pump-up.gif' alt="\"\"" border="0"><br></div>4 - <a href="Digital Clock Photoshop Tutorial"><strong>photoshop ile dijital saat animasyonu</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/digital-clock-2.gif' alt="\"\"" border="0"><br></div>5 - <a href="http://ooglewindowblinds.com/photoshop-tutorials/khurram-feb-tutorial-photoshop-animation-burn-fire"><strong>animation burn fire in Photoshop</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/photoshop-animation-burn-fi.gif' alt="\"\"" border="0"><br></div>6 - <a href="http://photoshopcontest.com/tutorials/29/how-to-create-gif-animations.html"><strong>How to Create GIF Animations</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/gif-animation.gif' alt="\"\"" border="0"><br></div>7 - <a href="http://ooglewindowblinds.com/photoshop-tutorials/khurram-feb-tutorial-download-meter-photoshop-animation-tutorial"><strong>Download meter photoshop animation tutorial</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/download-meter-photoshop-an.gif' alt="\"\"" border="0"><br></div>8 - <a href="http://tu-torial.com/view_tut.php?id=228"><strong>Ripple Effect</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/ripple-effect.gif' alt="\"\"" border="0"><br></div>9 - <a href="http://psdlearning.com/2008/08/animated-interface/"><strong>Animated Interface</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/interface-animation.gif' alt="\"\"" border="0"><br></div>10 - <a href="http://www.photoshopatoms.com/tutorials/creating-an-ajax-style-loading-gif/"><strong>ajax tarzı dolan gif animasyonu</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/ajax-loader.gif' alt="\"\"" border="0"><br></div>11 - <a href="http://www.photoshopatoms.com/tutorials/animating-in-photoshop-cs3/"><strong>Animating in PhotoShop CS3</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/text-animation.gif' alt="\"\"" border="0"><br></div>12 - <a href="http://www.flash-game-design.com/tutorials/glitter-menu-photoshop-tutorial.html"><strong>Glitter Menu in photoshop</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/glitter-menu.gif' alt="\"\"" border="0"><br></div>13 - <a href="http://www.tutorialpark.com/drawing-animated-heart/"><strong>Animated Heart</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/heart.gif' alt="\"\"" border="0"><br></div>14 - <a href="http://tutorialpear.com/2008/10/25/blur-text-transition/"><strong>Animated Blur Text Transition</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/tutorialpear-animation.gif' alt="\"\"" border="0"><br></div>15 - <a href="http://ooglewindowblinds.com/photoshop-tutorials/khurram-feb-tutorial-website-graphics-search-icon-animation"><strong>arama iconu animasyonu</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/search-icon-animation.gif' alt="\"\"" border="0"><br></div>16 - <a href="http://www.cgonlinetutorials.com/tutorials/photoshop/disco-text-effect.html"><strong>disco efektli yazı animasyonu oluşturma</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/text-effect-anim.gif' alt="\"\"" border="0"><br></div><br>17 - <a href="http://tinyurl.com/y9w6dob"><strong>Earthquake Animation</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/earthquake-animation.gif' alt="\"\"" border="0"><br></div>18 - <a href="http://www.tricksofgraphics.com/tutorials/37-adobe-photoshop/59-girl-morphing-into-a-devil.html"><strong>Girl morphing into a devil animation</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/devil-girl.gif' alt="\"\"" border="0"><br></div>19 - <a href="http://www.snazzyspace.com/tutorials/different-pace-falling-objects.php"><strong>düşen objeler animasyon dersi</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/falling-objects.gif' alt="\"\"" border="0"><br></div>20 - <a href="http://tutorialqueen.com/photoshop-tutorials/photoshop-animated-melt-text"><strong>Photoshop Animated Melt Text</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/photoshop-animated-melt-tex.gif' alt="\"\"" border="0"><br></div>21 - <a href="http://tutorialtown.com/photoshop-tutorials/bomb-blast-technique-tutorials"><strong>Bomb Blast Technique Tutorials</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/photoshop-bomb-blast.gif' alt="\"\"" border="0"><br></div>22 - <a href="http://designlonoy.blogspot.com/2008/07/make-mona-lisa-blink-or-wink.html"><strong>Mona lisa animation</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/monalisa-blink-animation.gif' alt="\"\"" border="0"><br></div>23 - <a href="http://ooglewindowblinds.com/photoshop-tutorials/khurram-feb-tutorial-sales-marketing-graph-photoshop-animation"><strong>garafik photoshop animasyon</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/sales-marketing-graph.gif' alt="\"\"" border="0"><br></div>24 - <a href="http://tutorialtown.com/photoshop-tutorials/photoshop-photo-retouch-animation"><strong>Photoshop Photo Retouch Animation</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/photo-retouch-animation.gif' alt="\"\"" border="0"><br></div><br><strong></strong><br><strong></strong><br><a href="http://www.bildirgec.org/yazi/yeniden-canlanan-kipir-kipir-fotograflar"><strong>şuradaki gibi</strong></a> oldukça hareketli bir bildiri oldu sanırım. bu derslerden birkaç tanesinin yardımıyla bile artık kendi hareketli giflerinizi yapabilir, onları avatar ya da (mail veya forumda) imza olarak kullanabilirsiniz.</p> <p><em>tüm bunların sonunda photoshop ile ilgili şu dersler de ilginizi çekecektir:</em></p> <ul> <li><a href="http://www.bildirgec.org/yazi/40-mukemmel-photoshop-dersi-dijital">40 mükemmel photoshop dersi (dijital boyama, çarpıcı efektler ve dahası)</a></li> <li><a href="http://www.bildirgec.org/yazi/14-adet-video-anlatimli-photoshop">14 adet video anlatımlı photoshop dersi (yeni)</a></li> <li><a href="http://www.bildirgec.org/yazi/yepyeni-19-adet-fantastik-photoshop">yepyeni 19 adet fantastik photoshop metin efekti dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/kendi-photoshop-fircanizi-yapmaniz-icin">kendi photoshop fırçanızı yapmanız için 17 muhteşem ders</a></li> <li><a href="http://www.bildirgec.org/yazi/20-adet-fantastik-photoshop-montaj">20 adet fantastik photoshop montaj dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/10-adet-ucretsiz-photoshop-3d">10 adet ücretsiz Photoshop 3d metin efekti dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d">yaratıcılığınızı arttıracak 12 ücretsiz 3d metin efekti dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop">12 adet video anlatımlı photoshop dersi</a></li> </ul> <p><strong></strong><br><strong>|</strong><a href="http://xerre.bildirgec.org/"><strong>diğer yazılarım</strong></a><strong>|</strong></p> <p><strong>|</strong><a href="http://www.bildirgec.org/rss/uye/xerre/yazi.xml"><strong>dilerseniz yazılarımı rss üzerinden de takip edebilirsiniz</strong></a><strong>|</strong><br><strong></strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/animasyon-yapimi-icin-24-adet ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 28 Sep 2009 06:43:00 GMT 223739@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/animasyon-yapimi-icin-24-adet loo <p>Benim gibi tek başına yaşayanlar bilirler, biz çay vazgeçilmez içecektir, iki çay demlemektense halk arasında sallama çay olarak bilinen poşet çay yapmak daha kolaydır, üç ise fincandaki çay poşetinin insanı zıvanadan çıkarmasıdır.</p> <p>Tasarımcı <a href="http://www.yankodesign.com/2008/11/21/requiem-for-a-tea-bag/">Jonas Trampedach</a> buna bir çare bulmuş ve fincanın altındaki tabağa poşet çay koymak için tabutumsu bir bölme tasarlamış.</p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/taha3045/tea-coffin.jpg' alt="\"\"" border="0"><br></div> <p>Bu çay tabutunu tasarlayan Danimarkalı tasarımcı Jonas Trampedach Royal College of Art lisansüstü öğrencilerinden biri.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/cay-tabutu ">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, 22 Feb 2009 18:46:00 GMT 198682@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/cay-tabutu loo <p>Eğer daha önce çeşitli kaynaklar üzerinde yer alan <strong>(X)HTML/CSS şablonları</strong>na bakmadıysanız, bu yazıda bulacağınız şablonların kalitesi sizi şaşırtabilir. Günümüzde WordPress temaları büyük ilgi ve alaka görüyor gibi olsa da halen ücretsiz bir şekilde yayımlanan pek çok (X)HTML/CSS şablonları bulunuyor.</p> <p>Bu yazıda <strong>100 ücretsiz yüksek kaliteli şablon</strong>u inceleyeceğiz. Umarız bunlardan bazıları tasarım ve geliştirme için harcayacağınız sürenin kısalmasına yardımcı olacaktır. Her ne kadar pek çoğu hem bireysel hem de kurumsal kullanımlar için ücretsiz olsa da, siz yine de ilgili şablonları kullanmadan önce lisans bilgilerine bir göz atmayı ihmal etmeyin.</p> <p><strong>Ücretsiz ve Yüksek Kaliteli 100 XHTML/CSS Şablonu</strong></p> <p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Package">Package</a> | <a href="http://www.templatekingdom.com/">Kayıt gerekli</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-01.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Consultant</a> | <a href="http://www.templateworld.com/zero/click.php?id=19">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-02.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><a href="http://www.opensourcetemplates.org/browse/">Environmental Brand</a> | <a href="http://www.opensourcetemplates.org/templates/download/1361070670/">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-03.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6371/">Internet Jobs</a> | <a href="http://www.oswd.org/design/download/id/2603">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-04.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6371/">Internet Music</a> | <a href="http://www.oswd.org/design/download/id/3115">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-05.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.webpagedesign.com.au/2008/05/18/free-web-template-greefies/">Greefies</a> | <a href="http://www.webpagedesign.com.au/wp-content/uploads/2008/05/greefies.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-06.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.webpagedesign.com.au/2008/07/17/free-web-template-squick-design/">Squick Design</a> | <a href="http://www.webpagedesign.com.au/wp-content/uploads/2008/07/squick.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-07.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=748">Harvest</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=748">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-08.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=745">Blackberry</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=745">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-09.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/flower_shop/">Flower Shop</a> | <a href="http://csscreme.com/tpsaveas.php?tp=flower_shop.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-10.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/lingerie_store/">Lingerie Store</a> | <a href="http://csscreme.com/tpsaveas.php?tp=lingerie_store.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-11.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.solucija.com/free-templates">Web Application</a> | <a href="http://www.solucija.com/templates/download/Web_Application.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-12.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.solucija.com/free-templates">Internet Studio</a> | <a href="http://www.solucija.com/templates/download/Internet_Studio.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-13.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/3">Puzzled</a> | <a href="http://www.freecsstemplates.org/download/zip/puzzled">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-14.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templatekingdom.com/Website-Templates/Web-Design/journey-of-love">Journey of Love</a> | <a href="http://www.templatekingdom.com/">Kayıt gerekli</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-15.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/Strockes">Strockes</a> | <a href="http://www.templatekingdom.com/">Kayıt gerekli</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-16.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templatekingdom.com/CSS-Templates/Web-Design/ec-mania">EC Mania</a> | <a href="http://www.templatekingdom.com/">Kayıt gerekli</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-17.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templatekingdom.com/Website-Templates/Flowers/Cluster">Cluster</a> | <a href="http://www.templatekingdom.com/">Kayıt gerekli</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-18.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Temper</a> | <a href="http://www.templateworld.com/zero/click.php?id=87">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-19.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Jet 30</a> | <a href="http://www.templateworld.com/zero/click.php?id=81">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-20.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Green Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=73">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-21.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Flash Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=69">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-22.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">AppleWeb</a> | <a href="http://www.templateworld.com/zero/click.php?id=59">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-23.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Trial Impact</a> | <a href="http://www.templateworld.com/zero/click.php?id=65">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-24.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Aquatic</a> | <a href="http://www.templateworld.com/zero/click.php?id=51">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-25.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Business Events</a> | <a href="http://www.templateworld.com/zero/click.php?id=49">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-26.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Cool Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=41">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-27.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Genious Web</a> | <a href="http://www.templateworld.com/zero/click.php?id=37">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-28.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Expert Vision</a> | <a href="http://www.templateworld.com/zero/click.php?id=29">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-29.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templateworld.com/free_templates.html">Intercraft</a> | <a href="http://www.templateworld.com/zero/click.php?id=27">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-30.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opensourcetemplates.org/browse/?rows=5&type=all&show=5&sort=date&asc_desc=desc">Clean Design</a> | <a href="http://www.opensourcetemplates.org/templates/download/1247149577/">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-31.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6036/">Business Design</a> | <a href="http://www.oswd.org/design/download/id/3639">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-32.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/10642/">Delicious Fruit</a> | <a href="http://www.oswd.org/design/download/id/3691">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-33.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/10227/">Multiflex 3</a> | <a href="http://www.oswd.org/design/download/id/3626">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-34.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6319/">Simple Life</a> | <a href="http://www.oswd.org/design/download/id/3319">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-35.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/12240/sortby/date/page/2/">Street Style</a> | <a href="http://www.oswd.org/design/download/id/3019">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-36.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6721/">Miss Understood</a> | <a href="http://www.oswd.org/design/download/id/3006">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-37.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/9197/">Street Life</a> | <a href="http://www.oswd.org/design/download/id/2687">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-38.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.oswd.org/designs/search/designer/id/6321/">skuteczni</a> | <a href="http://www.oswd.org/design/download/id/1957">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-39.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.sixshootermedia.com/free-templates/">Clarity</a> | <a href="http://www.sixshootermedia.com/ostemplates/clarity/clarity.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-40.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.sixshootermedia.com/free-templates/">The Old Forest</a> | <a href="http://www.sixshootermedia.com/ostemplates/the_old_forest/the_old_forest.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-41.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.sixshootermedia.com/free-templates/">Typography Paramount</a> | <a href="http://www.sixshootermedia.com/ssm2/files/typography_paramount.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-42.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=731">Subordinate</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=731">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-43.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=715">Nature's Charm</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=715">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-44.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=714">Zenlike</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=714">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-45.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=706">Clicker</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=706">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-46.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=688">Biz Company</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=688">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-47.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=360">Atractive Business Temp</a> | <a href="http://www.ex-designz.net/template/tempdetail.asp?temp_id=360">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-48.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.solucija.com/free-templates">Happy Template</a> | <a href="http://www.solucija.com/templates/download/happy_template.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-49.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.solucija.com/free-templates">Internet Encyclopedia</a> | <a href="http://www.solucija.com/images/internet_encyclopedia.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-50.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.solucija.com/free-templates">Concept Nova</a> | <a href="http://www.solucija.com/templates/download/conceptnova.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-51.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.templatemonster.com/free-templates.php">Free Full CSS Template</a> | <a href="http://www.templatemonster.com/Download">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-52.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/">Black Eyed Susan</a> | <a href="http://www.freecsstemplates.org/download/zip/blackeyedsusan">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-53.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/2">Interlude</a> | <a href="http://www.freecsstemplates.org/download/zip/interlude">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-54.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/4">Printing</a> | <a href="http://www.freecsstemplates.org/download/zip/printing">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-55.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/6">Numerology</a> | <a href="http://www.freecsstemplates.org/download/zip/numerology">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-56.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/6">Greeny Grass</a> | <a href="http://www.freecsstemplates.org/download/zip/greenygrass">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-57.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/7">Collaboration</a> | <a href="http://www.freecsstemplates.org/download/zip/collaboration">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-58.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/8">Breakfast</a> | <a href="http://www.freecsstemplates.org/download/zip/breakfast">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-59.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/8">News Flash</a> | <a href="http://www.freecsstemplates.org/download/zip/newsflash">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-60.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/11">Discovery</a> | <a href="http://www.freecsstemplates.org/download/zip/discovery">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-61.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/11">Adios</a> | <a href="http://www.freecsstemplates.org/download/zip/adios">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-62.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.freecsstemplates.org/css-templates/13">Old Architecture</a> | <a href="http://www.freecsstemplates.org/download/zip/oldarchitecture">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-63.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/beauty_co/">Beauty Co.</a> | <a href="http://csscreme.com/tpsaveas.php?tp=beauty_co.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-64.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/jewelry_shop/">Jewelry Shop</a> | <a href="http://csscreme.com/tpsaveas.php?tp=jewelry_shop.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-65.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/book_store/">Book Store</a> | <a href="http://csscreme.com/tpsaveas.php?tp=book_store.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-66.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/real_estate/">Real Estate</a> | <a href="http://csscreme.com/tpsaveas.php?tp=real_estate.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-67.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/business_company_darkblue/">Business Company Dark Blue</a> | <a href="http://csscreme.com/tpsaveas.php?tp=business_company_darkblue.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-68.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/electronix/">Electronix</a> | <a href="http://csscreme.com/tpsaveas.php?tp=electronix.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-69.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/photo_gallery_green/">Photo Gallery Green</a> | <a href="http://csscreme.com/tpsaveas.php?tp=photo_gallery_green.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-70.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/quartz_istorage/">Quartz Storage</a> | <a href="http://csscreme.com/tpsaveas.php?tp=quartz_istorage.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-71.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://csscreme.com/freecsstemplate/aero_solutions/">Aero Solutions</a> | <a href="http://csscreme.com/tpsaveas.php?tp=aero_solutions.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-72.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://ramblingsoul.com/downloads/">Unnamed</a> | <a href="http://ramblingsoul.com/dl/unnamed.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-73.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://ramblingsoul.com/downloads/">Imagination</a> | <a href="http://ramblingsoul.com/dl/imagination.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-74.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://templatefusion.org/?cat=3">Corporate</a> | <a href="http://templatefusion.org/download/xhtml/corporate.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-75.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.styleshout.com/free-templates.php">Urban Artist</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&id=25&url=templates/downloads/UrbanArtist1-0.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-76.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.styleshout.com/free-templates.php">Vector Lover</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&id=26&url=templates/downloads/VectorLover1-0.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-77.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.styleshout.com/free-templates.php">Keep It Simple</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&id=27&url=templates/downloads/KeepItSimple1-0.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-78.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.styleshout.com/free-templates.php?page=2">FreshMedia</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&id=21&url=templates/downloads/FreshMedia1-0.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-79.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.styleshout.com/free-templates.php?page=4">EliteCircle</a> | <a href="http://www.styleshout.com/hits.php?type=tmp&id=12&url=templates/downloads/EliteCircle1-1.zip">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-80.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=kohout">Nature Theme</a> | <a href="http://www.opendesigns.org/designs/?id=1897">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-81.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=kohout">Mint Idea</a> | <a href="http://www.opendesigns.org/designs/?id=1705">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-82.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=pixelfuze">Metplate</a> | <a href="http://www.opendesigns.org/designs/?id=1811">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-83.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=mantisa">Decent Photo Gallery</a> | <a href="http://www.opendesigns.org/designs/?id=1745">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-84.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=lostwarrior">Consulting Services</a> | <a href="http://www.opendesigns.org/designs/?id=1694">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-85.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=Outsider">Flare</a> | <a href="http://www.opendesigns.org/designs/?id=1611">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-86.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=Outsider">Water Spill</a> | <a href="http://www.opendesigns.org/designs/?id=1721">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-87.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=bradm81">Inverted Headline</a> | <a href="http://www.opendesigns.org/designs/?id=1447">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-88.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=bradm81">Choice</a> | <a href="http://www.opendesigns.org/profile/?user=bradm81">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-89.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=SeanPollock">Purple</a> | <a href="http://www.opendesigns.org/designs/?id=1415">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-90.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=anselmo">Business Elegance</a> | <a href="http://www.opendesigns.org/designs/?id=1410">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-91.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=Symisun">Symisun</a> | <a href="http://www.opendesigns.org/designs/?id=1266">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-92.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=coll23">Ad Agency</a> | <a href="http://www.opendesigns.org/designs/?id=1047">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-93.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=arnaudvalle">GUITARhero</a> | <a href="http://www.opendesigns.org/designs/?id=1000">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-94.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=ealigam">Pixel Green</a> | <a href="http://www.opendesigns.org/designs/?id=781">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-95.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=freecsstemplates">Subdued</a> | <a href="http://www.opendesigns.org/designs/?id=770">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-96.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=Dieter">The Big Leaf</a> | <a href="http://www.opendesigns.org/designs/?id=649">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-97.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=David">GreenWay</a> | <a href="http://www.opendesigns.org/designs/?id=578">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-98.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.opendesigns.org/profile/?user=David">BWDEC2007</a> | <a href="http://www.opendesigns.org/designs/?id=1182">İndir</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/46-99.jpg' alt="\"\"" border="0"><br></div> <ul> <li><strong>Kaynak:</strong> <a href="http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/">Smashing Magazine</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/ucretsiz-ve-yuksek-kaliteli-100 ">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, 17 Feb 2009 14:34:00 GMT 197647@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ucretsiz-ve-yuksek-kaliteli-100 loo <div class="imajsol"><img src='http://www.bildirgec.org/imaj/pinkfloyd/02-davinci.jpg' alt="\"\"" border="0"><br></div><a href="http://www.bildirgec.org/etiket/matematik/">Matematik</a> güzeldir. Kulağa garip mi geliyor? Ben de tasarım yapmaya ilk başladığımda aynısını düşünmüştüm. Matematik esnek değildir ve genellikle sıkıcıdır, en azından ben öyle düşünürdüm. Pek çok sanat eserinin, estetik olarak göze hoş gelen tasarımların, nesnelerin hatta bazı insanların ortak matematiksel değerleri paylaştığını duyunca şaşıracaksınız. Yunanca Φ (<a href="http://en.wikipedia.org/wiki/Phi_(letter)">phi</a>) harfinden esinlenen ve ilahi oran olarak da bilinen <a href="http://tr.wikipedia.org/wiki/Alt%C4%B1n_oran">altın oran</a> özellikle bunların başında geliyor. Bu rehber bir websitesinin anatomisini ve çatısını kapsıyor ve Alton Oran'ın buna olan etkisini inceliyor. <p><strong>Web Sayfasının Anatomisi</strong><br>Web sayfananın öğeleri organlar gibidir, estetik olarak göze hoş gelen ve düzgün işleyen bir web sayfası için hayati önem taşımaktadır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/page-anatomy.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/03-page-anatomy.jpg' alt="\"\"" border="0"></a><br></div> <p>Bunlar bir web sayfasının ana elementleridir. Bunları organize etmek için pek çok yöntem bulunmakla birlikte en sık kullanılan şablon budur.</p> <p><!-- buradan kes --></p> <p><strong>Container (Kapsayıcı)</strong></p> <p>Tüm web sayfaları kapsayıcılar kullanır ve aynı amaca, sayfa elementlerini kapsama amacına hizmet etmek için de olsa kullanım şekli değişkendir. Örneğin body etiketi ya da div en sık kullanılan şeklidir. Geçmişte tablolar bile bu amaçla kullanılmıştır (siz tabloyu sayfanızda kapsayıcı olarak kullanmayın, bu yöntemin değeri kayboldu). Kapsayıcıları, yatak odanızın, mutfağınızn, salonunuzun ve oturmanızın içine döşendiği, evinizi kapsayan fazladan bir duvar olarak düşünün.</p> <p>Kapsayıcı tipleri:</p> <ol> <li>Likit (Liquid): Tarayıcı penceresini dolduracak şekilde genişler.</li> <li>Sabit (Fixed): Seçtiğiniz genişliğe sahiptir ve tarayıcı pencere boyutuna göre değişkenlik göstermez.</li> </ol> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/header.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-header.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Header (Başlık)</strong><br>Başlıklar aslında bir elementi tanımlamalazlar ancak bazıları onu bu şekilde kullanabilir. Genellikle web sayfasınızın logosunu, navigasyonunu, sloganını vs. kapsayan bölüm için kullanılır. Pek çok kişi bu elementleri daha kolay sayfa stillemek, element bölümlemek ve/veya sınırlamak için bir div içerisinde taşırlar. Başlıklar da birer taşıyıcı olarak algılanabilecekleri için yukarıda anlatıldığı gibi Likit ya da Sabit formda kullanılabilir.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/logo_nav.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/05-logonav.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Logo</strong><br>Logonuz kimliğiniz ve markanızdır. Logonuz için en uygun yer başlık içerisinde sol kısımdır. Soldan sağa ve yukarıdan aşağı doğru okuruz, bu sebeple logonuzun ziyaretçilerinizin bakacağı ilk nesne olması muhtemeldir.</p> <p><strong>Navigasyon</strong><br>Sayfa navigasyonu en önemli elementlerden birisidir, ziyaretçilerinizin websitenizi kullanabilmesi için gereklidir. Kullanması ve bulunması kolay olmalıdır, ki bu sebeple genellikle başlık bölümünde ya da sayfanın üst kısmına yakın bir yerde konumlandırılır. Bazen yoğun içeriğe sahip websitelerinde her iki tip navigasyonun kullanıldığı görülür.</p> <p>Navigasyon tipleri:</p> <ol> <li>Yatay: Birbiri ardına dizilmiş ve genelde "navigasyon" diye tabir edilen bir dizi link.</li> <li>Dikey: Alt alta dizilmiş ve genelde "menü" diye tabir edilen bir dizi link.</li> </ol> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/content.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/06-content.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Main Content (Ana İçerik)</strong><br>Herkesin bildiği (ya da bilmesi gerektiği) gibi içerik kraldır! İnsanlar sitenizi ziyaret ettiklerinde genel olarak bakacakları element budur. Web sayfasının ana odak noktası olmalı ki ziyaretçiler aradıklarını kolayca bulabilsinler.</p> <p><strong>Sidebar (Yan Bar)</strong><br>Yan bar; reklam, site araması, abonelik bağlantıları (RSS, Twitter, Elektronik posta vs.), iletişim yöntemleri gibi öğeleri içerebilecek bir elementtir. Bu elementi kullanmak her ne kadar gerekli olmasa da pek çok websitesi bunu kullanır. Genellikle sağa dayalı olarak kullanılsa da bazen sola dayalı, ya da ana içeriğin her iki yanında da kullanıldığı görülür. Burada unutulmaması gereken ana içerikten daha baskın hale gelmemesi gerekliliğidir. Dikey VE yatay navigasyon kullanan websitelerinde yan bar genellikle dikey navigasyon elementi ile birlikte kullanılır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/footer.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/07-footer.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Footer (Altlık)</strong><br>Web sayfasının altı genellikle altlık elementini kullanır ve bu element ziyaretçilerinizin sayfanın tamamlandığını anlamasını sağlar. Tıpkı başlık elementinde olduğu gibi altlık elementi de kullanması zorunlu bir element olmamakla birlikte daha çok bir kapsayıcı elementtir. Altlık içerisinde telif bilgileri, yasal uyarılar ve iletişim bilgilerinin kullanıldığı sık görülür. Web sitenizin ana sayfası, iletişim bilgilerinin yer aldığı sayfa gibi önemli sayfalara birkaç bağlantı içermesi de tercih edilid. Bazı websiteleri bu alanı sayfanın içeriği ile ilişkili başka içeriklerden ya da diğer önemli içeriklerden bahsetmek amacı ile kullanırlar.</p> <p><strong>"Whitespace" (Boşluk)</strong><br>Web sayfasının bu alanı tipografi ya da diğer içerikle doldurulmayan tüm alanlara verilen genel addır. Bazen her boşluğu doldurmak zorunda hissedebilirsiniz kendiniz ama bunun olmasına izin vermeyin. Boş alanlar iyi web tasarımının tıpkı içerik gibi önemli bir alanıdır. Bildirgeç websitesinde beyaz alanların kullanıcıların içerik arasında yolunu bulabilmeleri için zekice kullanıldığını, sayfa balansı oluşturduğunu ve içerik bölümlemesini sağladığını göreceksinizdir.</p> <p><strong>Altın Oran ve Izgara Kullanımı</strong><br>Daha önce matematiğin güzel olduğunu söylediğimi hatırlıyor musunuz? Görsel zevki altın oran temelinde algılıyoruz. Binlerce yıldır sanatçılar, tasarımcılar, mimarlar vb. bilerek ya da bilmeyerek göze hoş gelen eserlerin ortak bir oran kullanarak oluşturdular. Peki bu sihirli numara nedir? 1.62 (aslında 1.618...) Bu numaranın kökenine değinmeyeceğim ancak nasıl kullanabileceğinizi göstereceğim.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/golden-ratio.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/08-golden-ratio.jpg' alt="\"\"" border="0"></a><br></div> <p>Altın oranı kullanmak çok kolaydır. Diyelim ana içerik ve yan bar sütunlarınızın genişliğini buldunuz. İçerik alanınzın toplam genişliğini aldınız (örneğimizde 900px kullanacağız) ve onu 1.62'ye böldünüz. Yukarıdaki örnekte görüldüğü gibi 900px'i 1.62'ye bölerseniz 555.55px elde edersiniz. Sayının tam olmasına gerek yok, o yüzden biz 555px diyelim. Şimdi ana içerik elementinin 555px olacağın, yan barın da 345px olacağını biliyorsunuz. Ne kolay değil mi?</p> <p>Ama durun! Eğlence burada sona ermiyor. Altın oranı elementin yükseliği ile oranlayarak da kullanabilirsiniz. Bu, Altın Oran orantıları ile estetik olarak göze hoş gelen elementlerin oluşması ile sonuçlanacaktır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/golden-ratio-box.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-box.jpg' alt="\"\"" border="0"></a><br></div> <p><strong>Izgara (Grid) Kullanmak</strong></p> <p>Eğer siz de diğer pek çok insan gibiyseniz, bu oranı kullanmak istediğiniz her zaman hesap makinesine koşturmayacaksınız. Bu işlemi basitleştirmek için ızgara kullanabiliriz. Tek yapmanız gereken genişliğinizi ve/veya yüksekliğinizi üçerli bölümler halinde ayrıştırmaktır.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/grid.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/10-grid.jpg' alt="\"\"" border="0"></a><br></div> <p>Her bölüm kendi içerisinde de üçerli gruplara ayrılarak daha detaylı ızgaralar oluşturulabilir. Eğer daha önce yayımladığım <a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a> yazımı okuduysanız, BluePrint CSS iskeletinin detaylı bir ızgara sistemini kullandığını göreceksinizdir. Izgara sistemleri tasarımı kolaylaştırmak ve çabuklaştırmakla kalmaz, onları estetik olarak göze hoş gelen bir çatıya yerleştirir. Eğer halihazırda tasarımlarınızı yaparken ızgara sistemlerini kullanmıyorsanız, şimdi başlangıç için doğru zaman olabilir. Fireworks, Photshop ve daha fazlası için http://960.gs üzerinden ızgara modellerini indirebilersiniz. 960.gs, CSS ızgara modelini kullanan bir başka iskelet sistemidir.</p> <div class="imajorta"><a href="http://nettuts.s3.amazonaws.com/163_goldenratio/images/nettuts-grid.jpg"><img src='http://www.bildirgec.org/imaj/pinkfloyd/11-nettuts-grid.jpg' alt="\"\"" border="0"><br></a></div> <p>Yukarıdaki resimden de görebileceğiniz üzere NetTuts Altın Oran'a iyi uyum sağlamış görünüyor. Sayfanın üst üçte birlik kısmı kendi arasında yine üçe ayrılmış durumda ve hatta buradan başlık alanının kendi içerisinde de gruplara ayrıldığını görebiliyorsunuz. Altın Oran'a oldukça yakın. NetTuts tasarımının göze neden hoş geldiğine şaşmamak gerek.</p> <p>Eğer tasarım işinde yeniyseniz, sizi bazı popüler siteler bulmanızı, onların element yayılımını ve Altın Oran ile ızgara sistemleri ile olan ilişkisini incelemenizi şiddetle öneririm. Ardından biraz zaman ayırarak kendi elementleriniz üzerinde Altın Oran'ı uygulamaya ve sonucu ızgara üzerine yerleştirmeye çalışın.</p> <p><strong>Kaynak:</strong> <a href="http://nettuts.com/tutorials/other/the-golden-ratio-in-web-design/">NetTuts</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasariminda-altin-oran ">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, 03 Jan 2009 16:44:00 GMT 192524@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasariminda-altin-oran loo <p>Bu yazı giriş ve orta seviyedeki CSS öğrencilerine hitab etmektedir. Eğer CSS'yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaşmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. Aşağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaşmaya çalıştım. Umarım beğenirsiniz.</p> <strong>1- CSS Anahatları Oluşturmak</strong> <ul> <li><a href="http://acomment.net/creating-css-layouts-the-best-tutorials-on-converting-psd-to-xhtml/76">CSS Anahatları Oluşturmak: PSD'yi XHTML'ye dönüştürmek için en iyi dersler</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-01-01.gif' alt="\"\"" border="0"><br></div></li> </ul> <ul> <li><a href="http://www.noupe.com/css/css-layouts-40-tutorials-tips-demos-and-best-practices.html">CSS Anahatları: 40+ Ders, İpucu, Demo ve en iyi yöntemler</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-01-02.gif' alt="\"\"" border="0"><br></div></li> </ul> <p><strong>2- Stilleme ve Listeler Kullanma</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-02.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://css.maxdesign.com.au/listutorial/">MaxDesign'dan CSS Liste Dersleri</a></li> <li><a href="http://www.alistapart.com/articles/taminglists">CSS Design: Listeleri evcilleştirmek</a></li> <li><a href="http://www.webdesignerwall.com/tutorials/style-your-ordered-list/">Sıralı Listenizi Stilleyin</a></li> <li><a href="http://www.guistuff.com/css/css_lists1.html">Üç Bölümlük CSS liste dersleri</a> [<a href="http://www.guistuff.com/css/css_lists1.html">1</a>][<a href="http://www.guistuff.com/css/css_lists2.html">2</a>][<a href="http://www.guistuff.com/css/css_lists3.html">3</a>]</li> <li><a href="http://konstruktors.com/blog/design-suggetions/125-how-to-create-beautiful-and-elegant-html-lists-using-css/">CSS Kullanılarak Nasıl Güzel ve Kullanışlı HTML Listeleri Oluşturulur?</a></li> <li><a href="http://odyniec.net/articles/turning-lists-into-trees/">Listeleri Ağaçlara Döndürmek</a></li> <li><a href="http://www.macworld.com/2005/12/secrets/januarycreate/index.php">Özelleştirilmiş Madde İmleri İçin CSS İpuçları</a></li> </ul> <p><strong>3- Kutu Modeli ve Pozisyonlamayı Anlamak</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-03.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">10 adımda CSS ile pozisyonlamayı öğrenin</a></li> <li><a href="http://www.brainjar.com/css/positioning/">Kutu modeli ve CSS ile pozisyonlama</a></li> <li><a href="http://www.sitepoint.com/article/properties-glance-guide">CSS ile pozisyonlama değerleri ve bir bakışta rehberi</a></li> <li><a href="http://redmelon.net/tstme/box_model/">Temel CSS kutu modeli demosu</a></li> </ul> <p><strong>4- Daha iyi CSS Tipografisi</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-04.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.3point7designs.com/blog/2006/09/20/advanced-typography-techniques-using-css/">CSS kullanarak gelilmiş tipografi</a></li> <li><a href="http://www.3point7designs.com/blog/2008/06/02/10-examples-of-beautiful-css-typography-and-how-they-did-it/">10 adet güzel görünümlü CSS tipografi örneği ve bunu nasıl yaptıkları</a></li> <li><a href="http://websitetips.com/css/typography/">CSS yazıtipleri, CSS tipografisi</a></li> </ul> <p><strong>5- Formları Stillemek</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-05.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.alistapart.com/articles/prettyaccessibleforms">Daha güzel ve erişilebilir formlar</a></li> <li><a href="http://www.sitepoint.com/article/style-web-forms-css">CSS ile web formlarını stillemek</a></li> <li><a href="http://www.sitepoint.com/article/fancy-form-design-css">CSS kullanarak şık görünümlü form tasarımı</a></li> <li><a href="http://www.noupe.com/css/form-elements-40-cssjs-styling-and-functionality-techniques.html">Form Elementleri: 40'ın üzerinde CSS ve JS stilleme ve özellik teknikleri</a></li> </ul> <p><strong>6- CSS Çatılarını (Frameworklerini) Kullanmak</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-06.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://speckyboy.com/2008/03/28/top-12-css-frameworks-and-how-to-understand-them/">En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız</a>.</li> <li><a href="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?</a></li> <li><a href="http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/"></a>CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.</li> </ul> <p><strong>7- Optimize Etme ve En İyi deneyimler</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-07.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://woork.blogspot.com/2008/01/optimize-your-css-files-to-improve-code.html">Kod okunurluğunu arttırmak için CSS dosyalarını optimize etmek</a></li> <li><a href="http://woork.blogspot.com/2008/03/write-well-structured-css-file-without.html">Kafayı yemeden iyi yapılanmış CSS dosyaları yazmak</a></li> <li><a href="http://www.smashingmagazine.com/2008/08/18/7-principles-of-clean-and-optimized-css-code/">Temiz ve Optimize Edilmiş CSS Kodu Yazabilmenin 7 İlkesi</a></li> <li><a href="http://www.smashingmagazine.com/2008/05/02/improving-code-readability-with-css-styleguides/">CSS Stil rehberleri ile kod okunurluğunu arttırmak</a></li> <li><a href="http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/">CSS Özgüllüğü: Bilmeniz Gerekenler</a></li> <li><a href="http://www.smashingmagazine.com/2007/05/10/70-expert-ideas-for-better-css-coding/">Daha İyi CSS Kodlayabilmek için 70 Uzman Fikri</a></li> <li><a href="http://www.communitymx.com/content/article.cfm?cid=FAF76&print=true">CSS: İyi Kodlama Alışkanlıklarını Edinmek</a></li> <li><a href="http://www.evotech.net/blog/2007/04/css-best-practices/">CSS En İyi Deneyimleri</a></li> </ul> <p><strong>8- CSS Hileleri ve İpuçları</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-08.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.noupe.com/better-design/7-css-hacks-you-cannt-live-without.html">Kullanmamız Gereken 7 CSS Hilesi</a></li> <li><a href="http://stylizedweb.com/2008/02/14/10-best-css-hacks/">10 En İyi CSS hilesi</a></li> <li><a href="http://nettuts.com/html-css-techniques/solving-5-common-css-headaches/">5 Bilinen CSS Baş ağrısını gidermek</a></li> <li><a href="http://www.noupe.com/css/using-css-to-fix-anything-20-common-bugs-and-fixes.html">CSS Kullanarak her şeyi tamir etmek: 20'nin üzerinde bilinen sorun ve çözümleri</a></li> <li><a href="http://stylizedweb.com/2008/03/12/most-used-css-tricks/">En çok kullanılan CSS ipuçları</a></li> <li><a href="http://www.askthecssguy.com/2008/03/one_pixel_notched_corners_as_u.html">Google Analytics tarafından kullanılan 1px kertmeli köşeler</a></li> </ul> <p><strong>9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/04-09.png' alt="\"\"" border="0"><br></div></p> <ul> <li><a href="http://www.sitepoint.com/article/css-round-corners-boxes-curves">CSS ve yuvarlatılmış köşeler: Yuvarlak köşeli kutular oluşturun</a></li> <li><a href="http://www.cssjuice.com/25-rounded-corners-techniques-with-css/">CSS ile 25 Yuvarlatılmış Köşe Tekniği</a></li> <li><a href="http://www.deswign.com/2008/07/01/list-with-rounded-corners/">Yuvarlak köşeli, otomatik genişliğe sahip ve fare imleci üzerine gelindiğinde efekt beliren listeler nasıl oluşturulur?</a></li> <li><a href="http://particletree.com/features/rediscovering-the-button-element/">Düğme elementini yeniden keşfetmek</a></li> <li><a href="http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html">CSS ile seksi düğmeler nasıl yapılır?</a></li> <li><a href="http://woork.blogspot.com/2008/03/css-message-box-collection.html">CSS mesaj kutusu kolleksiyonu</a></li> <li><a href="http://monc.se/kitchen/59/scalable-css-buttons-using-png-and-background-colors">PNG ve Arkaplan Rengi kullanılarak ölçeklendirilebilir CSS düğmeleri</a></li> <li><a href="http://www.nublue.co.uk/blog/css-hover-button/">Seksi CSS Hover düğmesi</a></li> <li><a href="http://woork.blogspot.com/2008/06/beautiful-css-buttons-with-icon-set.html">Simge seti ile CSS düğmeleri</a>.</li> </ul> <p><strong>Kaynak: <a href="http://acomment.net/9-top-css-essential-skills-that-every-web-designer-should-learn/299">acomment</a></strong>.</p> <strong>CSS İle İlgili Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran">CSS'de Altın Oran</a></li> <li><a href="http://www.bildirgec.org/yazi/sadece-css-ile-olusturulmus-animasyonlu">Sadece CSS ile oluşturulmuş animasyonlu ilerleme çabuğu</a></li> <li><a href="http://www.bildirgec.org/yazi/pixelleri-emlere-kolayca-donusturun">pixelleri emlere kolayca dönüştürün</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">web tasarımcıları için 10 kullanılırlık ipucu</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">web tasarımında altın oran</a></li> <li><a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-siz-mootools-suz-basit">jQuery'siz, mootools'suz basit sekmeli içerik oluşturalım</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">sencss: layout dışındaki herşey için css framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken ">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, 18 Jul 2009 08:49:00 GMT 192523@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken loo <div class="imajorta"><img src='http://www.bildirgec.org/imaj/takip/chrome21.jpg' alt="\"\"" border="0"><br></div> <p><a href="http://www.google.com/chrome">Google chrome</a> henüz istenen düzeyde kullanım oranına yetişemese de en azından tarayıcı dünyasına yeni bir soluk getirdi. Hızlı Javascript motoru ve diğer yenilikleri ile takdire değer işler yaptı.</p> <p>Ama mesele sadece bunlardan ibaret değil: "Google Chrome amerikan siyasetçileriyle dalga geçiyor"</p> <p>Nasıl mı?</p> <p>Google Chrome kullananlar eğer denedilerse adres çubuğuna <strong><a href="about:internets">about:internets</a></strong> yazdıklarında ne çıktığını hatırlayacaklardır. denemeyenler için bilgilendirmek gerekirse, adres satırına <strong>about:internets</strong> yazarsanız windows'un <strong>3D Pipes</strong> isimli, boruların ekrana döşendiği meşhur ekran koruyucusu çıkıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/takip/2000-full.jpg' alt="\"\"" border="0"><br></div> <p>Peki, ama neden?</p> <p>"Hem bu 'internets' de neyin nesi? Internet'in tekili / çoğulu mu olurmuş?" diye sorabilirsiniz.</p> <p>Aslında burada bir <a href="http://www.bildirgec.org/yazi/memetik-2-mim-ve-memetik/">internet mimi</a> söz konusu. O da şu: <a href="http://tr.wikipedia.org/wiki/George_W._Bush">George W. Bush</a>, 2004 yılında, başkanlık için televizyonda demokrat partili rakibi ile tartışırken internet'i çoğul bir şeymiş gibi kullanıp "<a href="http://en.wikipedia.org/wiki/Internets">I hear there's rumors on the, uh, Internets</a>" dedikten sonra bu artık bir mim haline geldi. Çeşitli internet sitelerinde bu sözle alay etmek ve kendilerini internet hakkında espirili bir şekilde bilgisiz gibi göstermek için insanlar "internets" sözcüğünü kullanarak "bu internetlerden de hiç anlamıyorum" gibi cümleler kurmaya başladılar. Halen de, <a href="http://www.digg.com">digg</a> gibi sitelerdeki yorumlarda "internets" sözcüğünü bol bol görebilirsiniz.</p> <p>Şimdi sıra puzzle'ın ikinci kısmında. "Neden 3 boyutlu borular?"</p> <p><a href="http://en.wikipedia.org/wiki/Alaska">Alaska</a> senatörü <a href="http://en.wikipedia.org/wiki/Ted_Stevens">Ted Stevens</a> "<a href="http://en.wikipedia.org/wiki/Series_of_tubes">İnternet bir dizi borudur. Bu boruar doldurulabilir.</a>" gibi muhteşem bir cümle kurmuştu. Bu da hemen bir mime dönüştü ve "İnternet bir dizi borudur" cümlesi her yerde alay konusu olmaya başladı.</p> <p>Google da bu iki mimi alarak aynı mecrada kullanmış. yani chrome'un adres çubuğuna <strong>about:internets</strong> yazınca karşınıza bu yüzden <strong>bir dizi boru</strong> çıkıyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/google-chrome-ve-about-internets ">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, 19 Nov 2008 06:12:00 GMT 191811@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/google-chrome-ve-about-internets loo <p><a href="http://www.neave.com/">bu siteyi</a> ilk olarak, 3 boyutlu yazılar yazabilmeyi sağlayan <a href="http://www.neave.com/anaglyph/">şu bölümü</a>yle keşfettim. fakat anlamış olacaskınız ki, site 3d yazılar yazmanın dışında birçok eğlenceli ve güzel bölümler barındırmakta.<br><a href="http://www.neave.com/about/">Paul Neave</a> tarafından geliştirilen site, flash tabanlı bir site ve en güzel yanı da sitede bulunan uygulamaların kaynak kodlarını kopyalamanıza / indirmenize izin veriyor.<br>şu bölümlerden oluşuyor:</p> <p>*<a href="http://www.neave.com/television/">televizyon</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/neave-tv.jpg' alt="\"\"" border="0"><br></div>bu kısımda, <a href="http://www.youtube.com/">youtube</a> vb. video paylaşım sitelerinden seçilen görüntüler yayınlanıyor. videolar arası geçişlerde yükleme sırasında parazit efektini kullanıyor.</p> <p>*<a href="http://www.neave.com/anaglyph/">anaglyph</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/bildirgec-3d.JPG' alt="bildirgeç 3d" border="0"><br>bildirgeç 3d</div>yazının başında da bahsettiğimiz 3d yazılar yazabileceğiniz bir bölüm. ayrıca bu bölümde bulunan yön ve uzaklık tuşları ile çeşitli düzenlemeler yapmanız mümkün.</p> <p><!-- buradan kes --></p> <p>*<a href="http://www.neave.com/planetarium/">planetarium</a></p> <p>sitenin bu kısmında uzayda gezebilir, yıldızların isimlerini ve yıldız kümelerini görebilirsiniz.</p> <p>*<a href="http://www.neave.com/dandelion/">dandelion</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/neave-dandelion.JPG' alt="\"\"" border="0"><br></div>sitenin en sevdiğim bölümlerinden biri. ekranda bir karahindiba çiçeği var ve salladıkça tohumlar havada uçuşuyor. stresli anlar için birebir.</p> <p>*<a href="http://www.flashearth.com/">flash earth</a></p> <p><a href="http://earth.google.com/intl/tr/">google earth</a>'ın flash versiyonu gibi görünen bu bölümde <a href="http://www.nasa.gov/">nasa</a>, <a href="http://www.microsoft.com/tr/tr/default.aspx">microsoft</a>, <a href="http://maps.yahoo.com/">yahoo maps</a>, <a href="http://www.openaerialmap.org/">open aerial map</a> ve <a href="http://openlayers.org/">open layers</a> gibi servisler tek bir çatı altında toplanmış.</p> <p>*<a href="http://www.neave.com/games/">games</a></p> <p>bu bölümde 6 adet flash oyun bulunmakta. başta da belirttiğimiz gibi istediğiniz oyun kodunu alarak ücretsiz bir şekilde sitenize ekleyebiliyorsunuz.</p> <p>*<a href="http://www.neave.com/bounce/">bounce</a>, <a href="http://www.neave.com/imagination/">imagination</a> ve <a href="http://www.neave.com/light/">light</a></p> <p>bu bölümlerde de strese birebir, yine flash tabanlı uygulamalar bulunmakta.</p> <p>geri kalan diğer uygulamaları <a href="http://www.neave.com/">siteden</a> görebilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/neave-com-flash-tabanli-uygulamalar ">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, 27 Dec 2008 10:11:00 GMT 189106@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/neave-com-flash-tabanli-uygulamalar loo <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ddelikan/obama-time.jpg' alt="Time Dergisi Bu Yıl Yeni ABD Başkanını Yılın İnsanı Seçti..." border="0"><br><a href="http://www.time.com">Time</a> Dergisi Bu Yıl Yeni ABD Başkanını Yılın İnsanı Seçti...</div> Dünyanın en saygın <a href="http://www.bildirgec.org/etiket/politika">politika</a> ve haber dergilerinden olan <a href="http://www.time.com">Time</a> <a href="http://www.time.com/time/specials/2008/personoftheyear/article/0,31682,1861543_1865068,00.html">2008 yılının insanı</a> olarak Amerika'nın yeni başkanı <a href="http://www.bildirgec.org/etiket/barack-obama">Barack Obama</a>'yı seçti. Time dergisi yılın insanını seçerken, iyi veya kötü en büyük etkiyi bırakan kişiyi belirleyerek seçiyor. Dergi, Obama'yı tercih etmesindeki sebebi ise hiç seçilme şansı yokken seçimi kazanmasıyla en sıkıntılı anda bile gelecek çizmedeki güvenini tutkulu bir şekilde göstermesi şeklinde açıklamış.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ddelikan/time.jpg' alt="Time Dergisi Bu Yıl Yeni ABD Başkanını Yılın İnsanı Seçti..." border="0"><br>Time Dergisi Bu Yıl Yeni ABD Başkanını Yılın İnsanı Seçti...</div><br>2007'de yılın insanı olarak Vladimir Putin ismini seçen dergi, 2000 ve 2004 yıllarında ise şimdilerde <a href="http://www.bildirgec.org/yazi/bush-a-ayakkabi-atma-videosunu">ayakkabı fırlatılan Bush</a>'u seçmişti. Önceki yıllarda ise, Ulu Önder <a href="http://www.bildirgec.org/etiket/atatürk">Atatürk</a>, <a href="http://www.bildirgec.org/etiket/bill gates">Bill Gates</a>, Adolf Hitler, Mahatma Ghandi gibi tarihe damgasını vuran ünlüler yer alıyor. <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ddelikan/time-ataturk.JPG' alt="Ulu önder Atatürk'de önceki yıllarda Time dergisi tarafından yılın adamı seçilmişti." border="0"><br>Ulu önder Atatürk'de önceki yıllarda Time dergisi tarafından yılın adamı seçilmişti.</div><br>Time'ın <a href="http://www.time.com/time/specials/2008/personoftheyear/article/0,31682,1861543_1865068,00.html">2008 yılının insanı Barach Obama</a> haberine, <a href="http://www.time.com/time/photogallery/0,29307,1866257_1814250,00.html">Ulusun Umudu Obama</a> ve <a href="http://www.time.com/time/photogallery/0,29307,1866765_1815160,00.html">Kolej Yıllarında obama</a> resim galerisine dilerseniz göz atabilirsiniz.<p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/yilin-insani-time-dergisi-tarafindan ">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, 18 Dec 2008 10:42:00 GMT 189092@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yilin-insani-time-dergisi-tarafindan loo <p>ABD seçimleri sonuçlanıp, <a href="http://my.barackobama.com">Obama</a> <a href="http://www.ntvmsnbc.com/news/466395.asp">beyaz saray'a taşınırken</a> <a href="http://www.derinev.com/detay.asp?ContentID=101">web 2.0 dünyası</a> hala bu heyecan verici yarışa olan etkilerini konuşmaya devam ediyor. <br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/loo/superobama.jpg' alt="Superobama" border="0"><br>Superobama</div><br>Obama gibi tüm diğer adaylar da interneti kampanyaları için ciddi bir iletişim kanalı olarak kullandılar. <a href="http://www.johnmccain.com/">Mc Cain</a> <a href="http://news.zdnet.com/2100-9595_22-104705.html">1999 yılındaki kampanyasında</a> Bush'a karşı, hedeflendirilmiş online reklam bannner'ı uygulamasını kullanarak internet potansiyelini ilk değerlendiren politikacılardan biri olmasına rağmen bu sefer Obama kadar şanslı değildi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/loo/6211a.jpg' alt="obama-mccain sosyal ağlar ve arama motoru kampanyası karşılaştırma tablosu" border="0"><br>obama-mccain sosyal ağlar ve arama motoru kampanyası karşılaştırma tablosu</div>Kuşkusuz Obama'nın sosyal ağları en iyi değerlendiren aday oluşunda, danışmanları arasındaki web 2.0 <a href="http://kingodisco.com/">krallarından</a> <a href="http://www.facebook.com">facebook</a>'un kurucusu <a href="http://en.wikipedia.org/wiki/Chris_Hughes_(Facebook)">Chris Hughes</a>'ın <a href="http://www.nytimes.com/2008/07/07/technology/07hughes.html">payı büyük</a>. Ancak sadece sosyal ağlarda görünmekle iş bitmedi. <br>Obama'yı diğerlerinden ayıran gerçek taktikler nelerdi? Onu başkanlığa taşıyan internet stratejisi, bir çok kaynaktan derlenen <a href="http://www.derinev.com/detay.asp?ContentID=100">bu yazı ile mercek altında</a>. <strong>İnternet adamı böyle başkan yapar!</strong></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/internet-obama-yi-nasil-baskan ">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, 01 Dec 2008 22:11:00 GMT 186154@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/internet-obama-yi-nasil-baskan loo <p>Vektörel tasarım programı Adobe Illustrator'ün popüleritesi her geçen gün artıyor ve illustrator, Photoshop'tan sonra en çok kullanılan program olma yolunda hızla ilerliyor.</p> <p>öğrenmek istiyorsanız <a href="http://sixrevisions.com/graphics-design/20-exceptional-websites-for-learning-adobe-illustrator/">şurada</a> sixrevisions tarafından derlenmiş. 20 Illustrator ders sitesi size yardımcı olacaktır. birkaç örnek vermek gerekirse:</p> <ol> <li><strong><a href="http://vectips.com/">Vectips</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Hakan Nural/19-01-vectips.jpg' alt="\"\"" border="0"><br></div></li> <li><strong><a href="http://www.blog.spoongraphics.co.uk/">Blog.SpoonGraphics</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Hakan Nural/19-02-blogspoon-graphics.jpg' alt="\"\"" border="0"><br></div><!-- buradan kes --></li> <li><strong><a href="http://vectortuts.com/">Vectortuts</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Hakan Nural/19-03-vectortuts.png' alt="\"\"" border="0"><br></div></li> <li><strong><a href="http://veerle.duoh.com/blog/archive-summary/category/Tutorials">Veerle’s blog</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Hakan Nural/19-04-veerles-blog.jpg' alt="\"\"" border="0"><br></div></li> <li><strong><a href="http://www.gomediazine.com/">GoMediaZine</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Hakan Nural/19-05-gomediazine.jpg' alt="\"\"" border="0"><br></div></strong></li> </ol> <p>Devamına <a href="http://sixrevisions.com/graphics-design/20-exceptional-websites-for-learning-adobe-illustrator/">şuradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/loo">loo</a> tarafından <a href=" http://www.bildirgec.org/yazi/adobe-illustrator-ogrenmenize-yardimci-olacak ">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, 09 Nov 2008 18:05:00 GMT 182699@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/adobe-illustrator-ogrenmenize-yardimci-olacak