http://www.bildirgec.org/ tr-tr 40 bildirgec.org - merl - beğendikleri merl <p>yüksel kalite 3d yazı efektleri derslerinin, yeni başlayanlar için veya proje geliştirmek için güzel bir kaynak olabileceğini düşünüyorum. bu derslerin bazıları <a href="http://www.bildirgec.org/ara/xara">xara</a>, <a href="http://www.bildirgec.org/ara/cinema 4d">cinema 4d</a> ve <a href="http://www.bildirgec.org/ara/3d studio max">3d studio max</a> gibi profesyonel programlar gerektiriyor fakat bazıları ise <a href="http://www.bildirgec.org/ara/photoshop">Photoshop</a> ve <a href="http://www.bildirgec.org/ara/illustrator">Illustrator</a> gibi bilinen programlar ile yapılan dersler de bulunmaktadır.</p> <p><a href="http://abduzeedo.com/reader-tutorial-extinction-chanito"><strong>renkli 3d yazı patlama efekti</strong></a><br>Kullanılan programlar: Photoshop, Illustrator, cinema 4D<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/exploding-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gomediazine.com/tutorials/photoshop/create-glossy-3d-text-using-xara-3d-photoshop/"><strong>parlak 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop, Xara 3D6<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/elegant-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://wegraphics.net/tutorials/photoshop/create-a-cosmic-sci-fi-poster-design-in-photoshop/"><strong>bilim-kurgu 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop, Illustrator, Cinema 4D<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/cosmic-retro-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://abduzeedo.com/3d-water-text-effect-repouss%C3%A9-photoshop-cs5"><strong>gerçekçi 3d su yazı efekti</strong></a><br>Kullanılan programlar: Photoshop CS5<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/water-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.texteffects.me/polished-metal/"><strong>Cilalı 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/subtle-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-a-steam-powered-typographic-treatment-part-i/"><strong>Buhar 3D yazı efekti</strong></a><br>Kullanılan programlar: Photoshop, Illustrator, cinema 4D<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/steam-punk-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.adobetutorialz.com/articles/30970191/1/how-to-create-an-impressive-looking-text-effect"><strong>Basit 3D yazı efekti</strong></a><br>Kullanılan programlar: Photoshop<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/simple-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://mediamilitia.com/3d-text-shatter-effect-with-cinema-4d-and-photoshop/"><strong>3D sarsıntı yazı efekti</strong></a><br>Kullanılan programlar: Photoshop, cinema 4D<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/shattered-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-create-an-incredible-typographic-illustration-part-1/"><strong>Tipografik 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop CS +, cinema 4D<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/typographic-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gomediazine.com/tutorials/photoshop/retro-modernist-poster-design-3d-typography/"><strong>Modern 3D tipografi poster</strong></a><br>Kullanılan programlar: Photoshop, Illustrator, 3DS Max<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/modern-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://transfuchsian.blogspot.com/2009/04/illustrator-vector-3d-lighting-text.html"><strong>3D ışık yazı efekti</strong></a><br>Kullanılan programlar: Illustrator<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/light-streak-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.tutorial9.net/illustrator/retro-3d-arcade-text-effect-in-illustrator/"><strong>3D Arcade yazı efekti</strong></a><br>Kullanılan programlar: Illustrator<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/arcade-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.psawesome.com/tutorials/3d-blinds-text-effect"><strong>katmanlı 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/3d-layered-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/add-fantastic-color-to-3d-text-part-i/"><strong>Renkli 3D yazı oluşturma</strong></a><br>Kullanılan programlar: Photoshop, Xara 3D6<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/colourful-3d-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureid=3220782"><strong>Çarpık 3d yazı efekti</strong></a><br>Kullanılan programlar: Photoshop CS5<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/rhymes/3d-type-text-effect.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.designshard.com/video-tutorials/15-awesome-3d-text-effect-tutorials">kaynak</a></p> <p><strong>son yazılarım:</strong><br><ul><br><li><a href="http://www.bildirgec.org/yazi/google-servisleri-icin-kullanim-kilavuzlari">google servisleri için kullanım kılavuzları</a></li><br><li><a href="http://www.bildirgec.org/yazi/windows-7-isletim-sisteminizi-hizlandirmak">windows 7 işletim sisteminizi hızlandırmak için ipuçları</a></li><br><li><a href="http://www.bildirgec.org/yazi/microsoft-translator-bing-ceviri-hizmeti">microsoft translator: bing çeviri hizmeti</a></li><br><li><a href="http://www.bildirgec.org/yazi/dunya-kupasi-icin-iphone-uygulamalari">dünya kupası için iphone uygulamaları</a></li><br><li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-12-adet">web tasarımcılar için 12 adet taşınabilir uygulama</a></li><br><li><a href="http://www.bildirgec.org/yazi/55-adet-ipad-duvar-kagidi">55 adet ipad duvar kağıdı</a></li><br><li><a href="http://www.bildirgec.org/yazi/yuksek-kalite-vektorler-bulabileceginiz-32">Yüksek kalite vektörler bulabileceğiniz 32 site</a></li><br><li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-adet-1">web tasarımcıları için 10 adet iPhone uygulaması</a></li><br><li><a href="http://www.bildirgec.org/yazi/adobe-air-uygulamalari">adobe air uygulamaları</a></li><br><li><a href="http://www.bildirgec.org/yazi/php-guvenlik-araclari">Php güvenlik araçları</a></li><br></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/15-adet-3d-yazi-efekti ">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, 23 Jun 2010 10:47:00 GMT 237712@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/15-adet-3d-yazi-efekti merl <p>İnternet üzerinde bulunan onlarca <a href="http://www.bildirgec.org/etiket/vector/">vektör</a> paketi, <a href="http://www.bildirgec.org/etiket/firca/">fırça</a>sı ve <a href="http://www.bildirgec.org/etiket/pattern/">şablon</a>ları sayesinde <a href="http://www.bildirgec.org/etiket/adobe-illustrator/">Adobe Illustrator</a>, günden güne web tasarımcıları arasındaki popülerliğini artırıyor. Bu tip eklentiler sayesinde çalışmalarınıza dilediğiniz görünümü kazandırabilir ve daha profesyonel görünümlü çalışmalara imza atabilirsiniz.</p> <p>Bugünki yazıda İnternet üzerindeki <strong>en iyi 80 Adobe Illustrator dersini, fırçasını, .eps dosyasını ve kaynaklarını</strong> bulacaksınız. Makalenin anlaşılabilirliğini daha da kolaylaştırmak için kaynakları gruplara göre ayırdık:</p> <ol> <li>Adobe Illustrator Dersleri</li> <li>Adobe Illustrator Motifleri</li> <li>Adobe Illustrator İpuçları ve Hileleri</li> <li>Adobe Illustrator Fırçaları</li> <li>Vektör Paketleri</li> <li>Vektör Kaynakları</li> </ol> <p>İşte başlıyoruz...</p> <p><strong>Adobe Illustrator Dersleri</strong></p> <p><strong><a href="http://www.blog.spoongraphics.co.uk/tutorials/illustrator-tutorial-create-a-gang-of-vector-ninjas">Vektör Ninja Çetesi Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-01.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehberde basit şekilleri ve araçları kullanarak nasıl güzel görünümlü bir grup ninja karakterini oluşturabileceğinizi öğreneceksiniz. Özellikle Illustrator'a yeni başlayanlar için ideal.</p> <p><strong><a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-project-step-by-step-walkthrough">Logo Tasarım Projesi - Adım Adım Yönergeler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-02.jpg' alt="\"\"" border="0"><br></div> <p>Konseptten tasarıma kadar tüm aşamaları ile bir logo tasarım projesinin nasıl işletilebileceğini öğrenmek için bu rehberi takip edin.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.gomediazine.com/tutorials/a-pseudo-sugar-skull-from-start-to-finish/">Bir Diğer Logo Tasarım Projesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-03.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.gomediazine.com/tutorials/illustrator/how-to-draw-vector-wings/">Vektör Kanat Çizimi Nasıl Yapılır?</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-04.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehberde ayrıntılı vektör kanat çiziminin nasıl yapılabileceğini adım adım öğreneceksiniz.</p> <p><strong><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1794">Illustrator'da Boyama Uzmanı Olun</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-05.jpg' alt="\"\"" border="0"><br></div> <p>Taslak çizimlerinizi büyüleyici sanat çalışmalarına dönüştürün.</p> <p><strong><a href="http://zzanthia.deviantart.com/art/Woman-and-Cats-How-To-Advanced-67624997">Kadın ve Kedi (İleri Seviye)</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-06.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1759">Deneysel Metin Efektleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-07.jpg' alt="\"\"" border="0"><br></div> <p>Buradaki mükemmel ipuçlarını kullanarak kelimelerinizi okunamayacak şekilde modifiye ederek güzel görünümlü ve alışılmışın dışında illüstrasyonlar oluşturun.</p> <p><strong><a href="http://vectips.com/tutorials/create-a-wood-grain-texture/">Damarlı Ağaç Dokusu Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-08.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.fudgegraphics.com/2008/12/tutorial-how-to-make-retro-futuristic-curves-in-10-steps/">10 Adımda Retro / Fütürist Kavisler Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-09.jpg' alt="\"\"" border="0"><br></div> <p>Illustrator ve Photoshop kullanarak oluşturabileceğiniz parlak çizgiler sayesinde uzay görünümünü koruyun. Dokular ve farklı harmanlama modları kullanarak güzel efektler hazırlayın.</p> <p><strong><a href="http://www.rob-barrett.com/post/tutorial-twitterlove-bird-from-sketch-to-vector-in-photoshop-and-illustrator">Twitter Kuşu, Photoshop ve Illustrator kullanarak taslaktan vektöre</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-10.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.aivault.com/?p=154#more-154">Satin Hissi Uyandıran Zarf Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-11.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehberde Illustrator üzerindeki bazı temel araçları kullanarak nasıl sade bir zarf oluşturabileceğinizi öğreneceksiniz.</p> <p><strong><a href="http://dezignus.com/3dexttutorial/">3B Metin Dersi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-12.jpg' alt="\"\"" border="0"><br></div> <p>Herhangi bir 3B yazılım kullanmadan 3B tipografi oluşturumunu 5 adımda anlatan bir rehber. Tek ihtiyacınız olan şey Adobe Illustrator ve Photoshop.</p> <p><strong><a href="http://vectortuts.com/tutorials/designing/create-the-first-page-of-a-fairy-tale-story-book-with-a-hint-of-kitsch/">Bir Masal Kitabının İlk Sayfasını Oluşturun</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-13.jpg' alt="\"\"" border="0"><br></div> <p>Adobe Illustrator üzerinde masal kitabı görünümlü şablonları nasıl oluşturabileceğinizi anlatan bir rehber.</p> <p><strong><a href="http://vectortuts.com/tutorials/illustration/how-to-create-a-cute-bunny-vector-character/">Tavşan Vektör Karakteri Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-14.jpg' alt="\"\"" border="0"><br></div> <p>Bu Illustrator rehberinde, bir tavşan karakterini nasıl oluşturabileceğinizi öğreneceksiniz. Bu rehber, diğer karakter illüstrasyonlarına uygulamak için bazı temel şekilleri ve geçişleri kullanıyor. Bu rehberin en güzel tarafı ise ilgili vektör görselini oluşturmak için bir uzman sanatçı olmanızın gerekmiyor oluşu.</p> <p><strong><a href="http://arbent.net/blog/30-tutorials-that-will-teach-you-illustrator">Size Illustrator Öğretecek 30 Rehber</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-15.jpg' alt="\"\"" border="0"><br></div> <p>Size Illustrator'un inceliklerini ve ayrıntılarını öğretecek 30 Illustrator dersi.</p> <p><strong><a href="http://vectortuts.com/tutorials/web-design/use-adobe-illustrator-to-create-a-clean-website-layout/">Adobe Illustrator Kullanarak Temiz ve Sade Website Anahattı Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-16.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehber, özellikle giriş ve orta seviyedeki Illustrator sanatçıları için mükemmel. Rehberdeki yönergeleri izleyerek Illustrator üzerinde nasıl bir web site anahattı oluşturabileceğinizi ve onu nasıl web üzerinde kullanılabilir hale getirebileceğinizi öğrenin.</p> <p><strong><a href="http://vectortuts.com/tutorials/illustration/easily-make-shiny-realistic-vector-hair/">Parlak ve Gerçekçi Vektör Saç Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-17.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehber orta seviyedeki Adobe Illustrator sanatçılarına nasıl kolayca gerçekçi görünümlü parlak vektör saç oluşturabileceklerini gösteriyor. Rehber size S şekillerini saç benzeri nesneleri oluştururken nasıl kullanabileceğinizi öğretiyor.</p> <p><strong><a href="http://chewedkandi.deviantart.com/art/Vectoring-Hair-74380278">Saçı Vektörlemek</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-18.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://abduzeedo.com/new-year-creating-a-new-typeface-illustrator">Illustrator'da Yeni Yazı Biçimleri Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-19.jpg' alt="\"\"" border="0"><br></div> <p>Bu rehberde Illustrator CS4'ün yeni özelliklerini kullanarak nasıl farklı yazıbiçimlerini oluşturabileceğinizi öğreneceksiniz.</p> <p><strong><a href="http://abduzeedo.com/super-cool-abstract-vectors-illustrator-and-photoshop">Illustrator ve Photoshop'ta Abstrakt Vektörler Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-20.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://abduzeedo.com/crazy-cool-vectors-illustrator-and-photoshop">Photoshop ve Illustrator'da Vektörler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-21.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/creating_vector_characters_in_illustrator">Illustrator'da Vektör Karakterler Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-22.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.illustrationclass.com/?p=114">Karakter İllüstrasyonu</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-23.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://sixrevisions.com/graphics-design/20-exceptional-websites-for-learning-adobe-illustrator/">Adobe Illustrator Öğrenebileceğiniz 20 Web Sitesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-24.jpg' alt="\"\"" border="0"><br></div> <p>Bu kolleksiyonda Adobe Illustrator üzerinde vektör illüstrasyonuna yönelik yüksek kalitede içerik sunan 20 web sitesini ve blogunu bulacaksınız.</p> <p><strong><a href="http://www.smashingmagazine.com/2009/01/04/50-excellent-adobe-illustrator-video-tutorials/">50 Mükemmel Adobe Illustrator Video Rehberi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-25.jpg' alt="\"\"" border="0"><br></div> <p><strong>Adobe Illustrator Motifleri Oluşturmak</strong></p> <p><strong><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-themed-repeating-pattern-in-illustrator">Adobe Illustrator'da Tekrarlayan Temalı Motifler Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-26.jpg' alt="\"\"" border="0"><br></div> <p>Bu Adobe Illustrator rehberini takip ederek bir dizi sade vektör nesnesini bir temaya bağlı kalarak oluşturabilecek ve ardından onları güzel bir motif oluşturmak için döşeyebileceksiniz.</p> <p><strong><a href="http://artbackwash.blogspot.com/2008/12/memory-lock.html">Memory Lock</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-27.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1764">Kendi Motif Parçalarınızı Oluşturun</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-28.jpg' alt="\"\"" border="0"><br></div> <p>Illustrator ve Photoshop kullanarak farklı vektör elementlerinin kombinasyonundan oluşmuş tekrarlayan motifler hazırlayın.</p> <p><strong><a href="http://veerle.duoh.com/blog/comments/3_ways_to_apply_a_line_pattern_effect_on_text_in_illustrator/">Illustrator'da Bir Metin Üzerine Satır Motif Efekti Uygulamanın Üç Yolu</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-29.jpg' alt="\"\"" border="0"><br></div> <p>Illustrator'da bir metin üzerine satır motif efekti uygulayabileceğiniz 3 farklı tekniği örnekleyen bir yazı.</p> <p><strong><a href="http://leographics.deviantart.com/art/Creating-Pattern-73234969">Motif Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-30.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://veerle.duoh.com/blog/comments/creating_geometric_patterns_in_illustrator/">Illustrator'da Geometrik Motifler Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-31.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://colorburned.com/2008/11/create-a-burberry-style-plaid.html">Illustrator'da 4 Adımda Ekose Deseni Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-32.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://veerle.duoh.com/artveerle/comments/patter_maniac/">Pattern Maniac</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-33.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.aivault.com/?p=221">10 Adımda Motif Oluşturmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-34.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.layersmagazine.com/patterns-and-shapes-in-adobe-illustrator.html">Adobe Illustrator'da Şablonlar ve Şekiller Oluşturun</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-35.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://designm.ag/resources/illustrator-patterns/">450+ Adobe Illustrator Motifi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-36.jpg' alt="\"\"" border="0"><br></div> <p><strong>Adobe Illustrator Fırçaları</strong></p> <p><strong><a href="http://www.bittbox.com/freebies/30-illustrator-pattern-brushes-for-making-flowers-and-circular-designs/">Çiçekler ve Dairesel Tasarımlar Oluşturabileceğiniz 30 Illustrator Motif Fırçası</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-37.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://colorburned.com/2008/09/105-more-delicious-water-color.html">105 Sulu Boya Illustrator Fırçası</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-38.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://xentric.deviantart.com/art/Floral-n-Veins-Brushes-66902791">Floral ve Damar Fırçaları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-39.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://colorburned.com/2008/11/81-amazing-argyle-illustrator.html">81 Illustrator Baklava Fırçası</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-40.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://colorburned.com/2008/09/50-killer-retro-starbursts.html">50 Yıldız Patlaması Illustrator Fırçası</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-41.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://chewedkandi.deviantart.com/art/Hair-and-line-art-brush-for-AI-28951714">AI için Saç ve Çizgi Sanatı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-42.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://namespace.deviantart.com/art/Swirly-Curls-Sick-Brush-Kit-68762526">Dönerli Daireseller</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-43.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://shurakai-zero.deviantart.com/art/Thorny-vine-brushes-49516697">Dikenli Asma Fırçaları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-44.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.creativemac.com/2003/08_aug/features/download42030820.htm">Vektör Tabanlı 10 Fırça</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-45.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://designblurb.com/16-sketchy-illustrator-brushes/">10 Illustrator Taslak Fırçası</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-46.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.bittbox.com/freebies/free-illustrator-brushes-inkwatercolor/">Mürekkep / Suluboya</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-47.jpg' alt="\"\"" border="0"><br></div> <p><strong>Adobe Illustrator İpuçları ve Hileleri</strong></p> <p><strong><a href="http://vectortuts.com/tutorials/tools-tips/illustrators-blend-tool-a-comprehensive-guide/">Illustrator'un Harman Aracı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-48.jpg' alt="\"\"" border="0"><br></div> <p>Bu derinlemesine inceleme sayesinde yaratıcı potansiyelinizi günışığına çıkarabilir ve Harmanlama Aracı'nın özelliklerini, kısayollarını ve tekniklerini öğrenebilirsiniz.</p> <p><strong><a href="http://vectortuts.com/tutorials/tools-tips/quick-tip-how-to-use-effects-to-create-a-cool-design/">Çekici Tasarımlar İçin Efekt Kullanımı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-49.jpg' alt="\"\"" border="0"><br></div> <p>Efektler filtrelere benzerler ancak aralarındaki en büyük fark, görselin özünü etkilemezler, bu sayede dilerseniz daha sonra ilgili efektleri görünüm paneli üzerinden kaldırabilirsiniz.</p> <p><strong><a href="http://rwillustrator.blogspot.com/2008/12/10-illustrator-resolutions-for-2009.html">2009 İçin 10 Illustrator Hedefi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-50.jpg' alt="\"\"" border="0"><br></div> <p>Pek çok insanın kullanmadığı ancak kullanması gerektiği 10 Illustrator özelliği.</p> <p><strong><a href="http://veerle.duoh.com/blog/comments/transform_again_in_illustrator/">Illustrator'da Transform Again aracı</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-51.jpg' alt="\"\"" border="0"><br></div> <p>Çok basit bir şekli bile modifiye ederek farklı ve ilgi çekici görünümlere ulaşmak için Transform Again aracını kullanmanız yeterlidir.</p> <p><strong><a href="http://veerle.duoh.com/blog/comments/illustrator_pen_tool_exercises/">Illustrator Kalem Aracı Çalışmaları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-52.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://veerle.duoh.com/blog/comments/using_the_blend_tool_and_distort_zig_zag_effect_in_illustrator/">Harman Aracı ve Distort Zig Zag Efekti'ni Kullanmak</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-53.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://veerle.duoh.com/blog/comments/recolor_artwork_using_illustrators_livecolor/">Illustrator'un LiveColor aracı ile çalışmalarınızı Yeniden Şekillendirin</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-54.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.vectordiary.com/tips-and-tricks/illustrator-trick-9-colorful-waves/">Renkli Dalgalar</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-55.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.vectordiary.com/illustrator/illustrator-tutorial-realistic-curtain/">Gerçekçi Perde</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-56.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vectips.com/tips/simultaneously-expand-when-creating-compund-shapes/">Bileşik Şekiller Oluşturarak Ayrı Ayrı Genişletme</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-57.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vectortuts.com/tools-tips/illustrators-pen-tool-the-comprehensive-guide/">Illustrator'un Kalem Aracı: Tam Rehber</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-58.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.webdesignerwall.com/tutorials/adobe-illustrator-shortcuts/">Adobe Illustrator Kısayolları</a></strong></p> <p><strong><a href="http://www.allgraphicdesign.com/graphicsblog/2007/11/19/huge-list-of-adobe-illustrator-plugins-filters-tools/">Adobe Illustrator Eklentileri, Filtreleri ve Araçları</a></strong></p> <p><strong>Ücretsiz Vektör Paketleri ve Kaynakları</strong></p> <p><strong><a href="http://www.blog.spoongraphics.co.uk/freebies/free-vector-pack-safari-and-zoo-animals">Safari ve Hayvanat Bahçesi Hayvanları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-59.jpg' alt="\"\"" border="0"><br></div> <p>Vektör hayvan gölgelerinden oluşan ücretsiz bir paket.</p> <p><strong><a href="http://www.monofactor.com/free-vector-icon-set-1-25-icons/">Ücretsiz Vektör Simge Seti 1: 25 Simge</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-60.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://darkmotion.com/blog/2008/11/18/free-character-pack-for-all/">Ücretsiz Karakter Paketi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-61.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.smashingmagazine.com/2009/01/16/the-ultimate-collection-of-free-vector-packs/">Ücretsiz Vektör Paketlerinin Tam Listesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-62.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://digital-artist-toolbox.com/?p=26">Taşıma Araçları Gölgeleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-63.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://qvectors.com/vector-icons/vector-elements-2/">Vektör Elementler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-64.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.blog.spoongraphics.co.uk/freebies/ornate-floral-swirly-and-curly-vector-roundup">Süslü, Doğal, Döngülü ve Kıvrımlı Vektörler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-65.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vectortuts.com/articles/web-roundups/60-free-vector-icon-packs-for-design-professionals/">Tasarım Profesyonelleri İçin 60 Vektör Simge Paketi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-66.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.gomediazine.com/design-tip/freebie-seamless-swirls/">Döngüler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-67.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.snap2objects.com/2008/10/22/free-floral-vector-ornament/">Ücretsiz Doğal Vektörler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-68.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.fudgegraphics.com/2008/04/fudgegraphics-resources/">Illustrator Mofifleri ve Dokuları</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-69.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.gosquared.com/liquidicity/archives/611">64 Vektör Ok Simgesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-70.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://dezignus.com/free-vector-social-icons/">Ücretsiz Vektör Sosyal Simgeleri</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-71.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://dezignus.com/free-vector-patterns/">125 Ücretsiz Japon Motifi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-72.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://dezignus.com/vectorflowers/">10 Çiçek Vektör Seti</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-73.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vectortuts.com/freebies/vectors/vectortuts-freebie-17-exclusive-web-icons/">17 Vektörel Web Simgesi</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-74.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vectortuts.com/freebies/vectors/flourish-vector-ornaments/">Süslü Vektör Deseni</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-75.jpg' alt="\"\"" border="0"><br></div> <p><strong>Vektör Kaynakları</strong></p> <p><strong><a href="http://www.freevectors.net/">Ücretsiz Vektörler</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-76.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://qvectors.com/">QVectors</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-77.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://coolvectors.com/">Cool Vectors</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-78.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://vector4free.com/">Vector4free</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/76-79.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://allsilhouettes.com/">AllSillhoulettes</a></strong><br><strong><a href="http://123freevectors.com/">123FreeVectors</a></strong><br><strong><a href="http://www.vecteezy.com/">Vecteezy</a></strong><br><strong><a href="http://www.vectorvault.com/">VectorVault</a></strong></p> <ul> <li><strong>Kaynak</strong>: <a href="http://www.noupe.com/illustrator/80-best-of-adobe-illustrator-tutorials-brushes-epss-and-resources.html">Noupe</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-80-adobe-illustrator ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 06 Mar 2009 18:00:00 GMT 200048@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-80-adobe-illustrator merl <p><a href="http://www.adobe.com/products/photoshop/family/">photoshop</a> kullanan veya photoshop ile tasarım yapan herkes yeri geldiğinde mutlaka farklı brush'lara ihtiyaç duyar. tasarımcıların da en iyi arkadaşı sayılan <a href="http://www.bildirgec.org/etiket/photoshop-fırçaları">photoshop fırçaları</a>nın kaliteli olmaları da beklenen önemli özelliklerinden biridir.<br>ve bu bildiride kullanmayı isteyeceğiniz 50 adet yüksek kalitede ücretsiz photoshop fırça setine yer vereceğiz.</p> <p><a href="http://jonas013.deviantart.com/art/20-high-res-stamp-brushes-76171914">20 yüksek kaliteli damga fırçası</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/stamp-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://diamont.deviantart.com/art/TI-Graphic-Pack-152-Ps-Brushes-105675359">Graphic Pack/ 152 adet photoshop fırçası</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/t1-graphic-pack.jpg' alt="\"\"" border="0"><br></div><br><a href="http://darkmercy.deviantart.com/art/PHOTOSHOP-BRUSHES-barcodes-82411243">Barcode brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/barcode.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://invisiblesnow.deviantart.com/art/Label-Brushes-43476963">Label Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/label-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://lightseer.deviantart.com/art/Fractal-Brushes-97072736">Fractal Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/lightseer-fractals.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.brusheezy.com/brush/642-Astral-Flora">Astral Flora brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/astral-flora.jpg' alt="\"\"" border="0"><br></div><br><a href="http://kabocha.deviantart.com/art/Hyper-Brushes-PS7-105181305">Hyper Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/hyper-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://keepwaiting.deviantart.com/art/MOON-BRUSHES-for-PS7-v-2-36432704">moon brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/moon-brushes.jpg' alt="\"\"" border="0"><br></div>ps7, ps8, ps9 ve ps10 için 45 adet ay fırçası.</p> <p><a href="http://krakograff.deviantart.com/art/Old-brushes-8-45242319">Old brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/old-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://arrsistablestock.deviantart.com/art/Line-Brushes-100825668">Line Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/line-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://xcassiex24.deviantart.com/art/Rock-Star-Brushes-93796955">Rock Star Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/rock-star-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://mandana2000.deviantart.com/art/smoke-brushes-vol-II-99741443">photoshop için duman fırçaları</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/smoke-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://andantonius.deviantart.com/art/Andantonius-Pencil-Brush-105284502">Pencil Brush</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/pencil-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://pandaluvchoo.deviantart.com/art/girl-brushes-80546581">Girl Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/girl-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://echolalie-stock.deviantart.com/art/echolalie-stock-32-8834949">duvar temalı çalışmalarınız için 15 farklı photoshop fırçası</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/echolalie.jpg' alt="\"\"" border="0"><br></div><br><a href="http://tatteredsoul.deviantart.com/art/camera-stuff-7799027">lens, film ve kamera için 8 adet fırça</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/camera-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://edelihu.deviantart.com/art/CS4-Brushes-105283250">yeni stil cs4 fırçaları</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/cs4-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://forestgirl.deviantart.com/art/8-fantasy-butterfly-brushes-108931227">8 fantastik kelebek fırçası</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/butterfly-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://for-certain.deviantart.com/art/M-E-T-A-L-S-E-T-95152780">Metal Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/metal-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://irradiatedapples.deviantart.com/art/Photography-Brushes-for-PSP-29684500">fotoğrafçılık ile ilgili photoshop fırçaları</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/photography-brushes.jpg' alt="\"\"" border="0"><br></div><br><a href="http://darkgarden.deviantart.com/art/Scribbles-4-Musical-Notes-72439457">20 adet müzik nota fırçası/ musical note brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/xerre/scribbles-brush.jpg' alt="\"\"" border="0"><br></div><br>geriye kalan 29 adet photoshop fırça setine ise <a href="http://www.hongkiat.com/blog/50-free-photoshop-brushes-you-should-bookmark/">buradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/gormeniz-gereken-50-adet-ucretsiz ">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, 21 Feb 2009 10:35:00 GMT 198183@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/gormeniz-gereken-50-adet-ucretsiz merl <p>Gerek web tasarımla gerekse masaüstü yayıncılıkla uğraşan tasarımcı arkadaşların çok işine yarayacağını düşündüğüm, muhteşem ışık efektleri hazırlayabileceğiniz birbirinden etkileyici, ücretsiz photoshop fırça setlerini beğenilerinize sunuyorum.<br>1. <a href="http://qbrushes.com/photoshop-abstract-brushes/sui-generis-v3/">Sui Generis 3</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-15.jpg' alt="Sui Generis 3" border="0"><br></div></p> <p>2. <a href="http://qbrushes.com/photoshop-abstract-brushes/fractal-brush/">Fractal Brush</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-16.jpg' alt="Fractal Brush" border="0"><br>Fractal Brush</div></p> <p>3. <a href="http://qbrushes.com/photoshop-abstract-brushes/fractal-brushes/">Fractal Brushes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-17.jpg' alt="Fractal Brushes" border="0"><br>Fractal Brushes</div></p> <p><!-- buradan kes --></p> <p>4. <a href="http://qbrushes.com/photoshop-abstract-brushes/abstract-brushes/">Abstract 12</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-18.jpg' alt="Abstract 12" border="0"><br>Abstract 12</div></p> <p>5. <a href="http://qbrushes.com/photoshop-abstract-brushes/s4-v2-brush/">CS4 V2 Brush</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-14.jpg' alt="CS4 v2 brush" border="0"><br>CS4 v2 brush</div></p> <p>6. <a href="http://axeraider70.deviantart.com/art/Destiny-Brushes-45356015">Destiny Brushes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-1.jpg' alt="Destiny Brushes" border="0"><br>Destiny Brushes</div></p> <p>7. <a href="http://www.brusheezy.com/brush/1021-Quantum-Brushes">Quantum brushes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-2.jpg' alt="Quantum Brushes" border="0"><br>Quantum Brushes</div></p> <p>8. <a href="http://spazz24.deviantart.com/art/Lighting-Set-4-25932058">Lighting Set 4</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-3.jpg' alt="Lighting Set 4" border="0"><br>Lighting Set 4</div></p> <p>9. <a href="http://hawksmont.deviantart.com/art/Glow-Brushes-I-90961490">Glow Brushes I</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-4.jpg' alt="Glow brushes I" border="0"><br>Glow brushes I</div></p> <p>10. <a href="http://axeraider70.deviantart.com/art/Nova-Equinox-Brushes-45593467">Nova Equinox Brushes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-5.jpg' alt="Nova Equinox Brushes" border="0"><br>Nova Equinox Brushes</div></p> <p>11. <a href="http://anodyne-stock.deviantart.com/art/Light-Brush-Set-35658630">Light Brush Set</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-6.jpg' alt="light Brush set" border="0"><br>light Brush set</div></p> <p>12. <a href="http://shadymedusa-stock.deviantart.com/art/LIGHT-II-66677059">Light II</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-7.jpg' alt="light ii" border="0"><br>light ii</div></p> <p>13. <a href="http://edelihu.deviantart.com/art/Unreal-Brushes-v-1-95300685">Unreal Brushes v.1</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-8.jpg' alt="unreal brushes v.1" border="0"><br>unreal brushes v.1</div></p> <p>14. <a href="http://shadymedusa-stock.deviantart.com/art/LIGHT-III-66677141">Light iii</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-9.jpg' alt="light iii" border="0"><br>light iii</div></p> <p>15. <a href="http://ro-stock.deviantart.com/art/Abstract-Glow-92060729">Abstract Glow</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-10.jpg' alt="Abstract glow" border="0"><br>Abstract glow</div></p> <p>16. <a href="http://axeraider70.deviantart.com/art/Genisis-Brushes-71661167">genisis brushes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-11.jpg' alt="genisis brushes" border="0"><br>genisis brushes</div></p> <p>17. <a href="http://axeraider70.deviantart.com/art/Hyper-Brushes-96351497">hyper brushes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-12.jpg' alt="hyper brushes" border="0"><br>hyper brushes</div></p> <p>18. <a href="http://axeraider70.deviantart.com/art/Ultimate-Brush-Pack-No-3-83880468">ultimate brush pack no.3</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/light-brushes-13.jpg' alt="ultimate brush pack no.3" border="0"><br>ultimate brush pack no.3</div></p> <p><a href="http://webdesignledger.com/freebies/18-photoshop-brush-sets-for-creating-incredible-lighting-effects">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/muhtesem-isik-efektleri-yaratmak-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> Fri, 20 Feb 2009 18:56:00 GMT 198182@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/muhtesem-isik-efektleri-yaratmak-icin merl <div class="imajsol"><img src='http://www.bildirgec.org/imaj/omarr/xubuntu.png' alt="\"\"" border="0"><br></div>ubuntu'nun resmi türevlerinden biri olan xubuntu 8.10 sürümüyle çok iddalı. düşük sistemli bilgisayarların gözbebeği durumuna gelicek gibi gözüken xubuntu hergün linux camiasında adından daha da çok söz ettiriyor. xfce masaüstü ortamını içinde barındıran xubuntu, mutlaka bu işletim sistemini bilgisayarıma yüklemeliyim dedirten sebeplerle karşınızda; <ul> <li>çok düşük sistemli bilgisayarınızda performanstan ödün vermeden kullanabilirsiniz ki bunu xfce masaüstü ortamına borçluyuz.</li> <li>ihtiyacınız olan programlar (ofis, msn, multimedya) içinde hazır olarak geliyor</li> <li>kullanımı kolay ve sade</li> <li>ubuntu türevlerinden olması onu daima güncel tutuyor</li> <li><a href="http://www.xfce-look.com">xfce-look</a> sitesinden istediğiniz kadar <a href="http://forum.ubuntu-tr.org/index.php?topic=4099.0">tema</a>, simge teması vs. (görselliğe hitap edici herşey) indirip işletim sisteminize kendinize göre çeki düzen verebilirsiniz</li> <li>linux olması sebebiyle bilgisayarınıza virüs bulaşması gibi bir sorunla karşılaşmazsınız</li> <li>internete, hızlı bir sistem olduğu için daha hızlı bağlanabilirsiniz</li> <li>ve en guzeli xubuntuya para vermek zorunda değilsiniz, internetten kolayca <a href="http://www.xubuntu.org/get">indirebilirsiniz</a></li> </ul> <p><!-- buradan kes --></p> <p>tabii unutulmamalıdır ki linux sistemler hala windows kadar popülerite kazanamamıştır ve bu yüzden birçok program, oyun vs. linux sistemlere yüklenememektedir. ama son zamanlarda linux için tasarlanan ve iyice geliştirelen <a href="http://tr.wikipedia.org/wiki/Wine">wine</a> adlı program linux ortamında windows uygulamaları çalıştırmanızı sağlıyor.</p> <p>windows'tan sıkıldıysanız ve kendinize yeni bir macera arıyorsanız linux'a geçmek hele ki sisteminiz düşükse xubuntu'ya geçmek harika bir seçim olabilir.</p> <p><a href="http://www.thecodingstudio.com/opensource/linux/screenshots/index.php?linux_distribution_sm=Xubuntu%208.10%20Intrepid%20Ibex">ekran görüntüleri için</a><br>ve eğer isterseniz xubuntu'nuzu böyle de yapabilirsiniz.<br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/omarr/normal-gutsy-xubuntu-fluxbox.png' alt="berly ve emerald mucizesi" border="0"><br>berly ve emerald mucizesi</div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/xubuntu-8-10-ve-siz ">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, 19 Feb 2009 10:02:00 GMT 197899@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/xubuntu-8-10-ve-siz merl <p>Adobe Illustrator iş vektör tabanlı grafikler hazırlamaya geldiğinde sektör standartlarını belirleyen bir yazılım. Çok güçlü araçları olan bir yazılım olmasından dolayı öğrenilmesi de bir o kadar zaman alıyor ve kişileri oldukça zorluyor. Neyse ki öğrenme aşamasını kısaltan, adım adım neler yapmamızı anlatacak şekilde hazırlanmış pek çok video mevcut.</p> <p>Bu bildiride sizlere 50 adet Illustrator Video Tutorial'ını sunmak istiyorum. Bu videolarda neler yapmanız gerektiği adım adım gösterilerek anlatıldığından sanki bir sınıf ortamındaymışsınız gibi çabuk bir şekilde kavrayabiliyorsunuz.</p> <p>Şimdi Adobe Illustrator'unuzu açın ve buradaki birkaç videoyu izlemeye başlayın. Kısa bir süre sonra neler yaptığınıza siz bile şaşıracaksınız.</p> <p><strong>GENEL İPUÇLARI VE TEKNİKLER</strong><br><a href="http://www.layersmagazine.com/category/tutorials/illustrator">Katmanlar ve şekiller</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/fea.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.tutvid.com/tutorials/illustrator/tutorials/masking.php"><br>Masking Hakkında Herşey</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/41-all-about-masking.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.adobe.com/designcenter/video_workshop/?id=vid0041">Katmanlar ve Gruplarla Çalışmak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/48-layers-and-groups.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>Nesneler Oluşturmak</strong><br><a href="http://www.layersmagazine.com/illustrator-ipod.html">Ipod Oluşturmak</a><br><strong></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/01-create-ipod.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.layersmagazine.com/creating-3d-shapes-in-illustrator.html">3 Boyutlu Şekiller Oluşturmak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/22-3d-shapes.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.layersmagazine.com/illustrator-design-pyramid.html">3 boyutlu Piramit Oluşturmak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/30-3d-pyramid.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>Efektler</strong><br><a href="http://www.layersmagazine.com/wood-grain.html">Gradient kullanarak odun efekti</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/23-wood-texture.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.tutvid.com/tutorials/illustrator/tutorials/vectorHearts.php"><br>Parlayan heyecan verici kalp efekti</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/SBTECH/34-vector-hearts.jpg' alt="\"\"" border="0"><br></div></p> <p>Listenin tamamına ulaşmak için <a href="http://www.smashingmagazine.com/2009/01/04/50-excellent-adobe-illustrator-video-tutorials/">tıklayın.</a></p> <p>Kaynak:<a href="http://www.smashingmagazine.com">Smashing Magazine</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/50-adet-adobe-illustrator-video ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 09 Feb 2009 10:01:00 GMT 196429@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/50-adet-adobe-illustrator-video merl <p>Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok <strong>JavaScript</strong> kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. <a href="http://www.bildirgec.org/yazi/size-sifirdan-jquery-ogretecek-15">Bugüne</a> <a href="http://www.bildirgec.org/yazi/jquery-ile-kolayca-ipucu-tooltip">kadar</a> <a href="http://www.bildirgec.org/yazi/en-iyi-65-mootools-eklentisi">pek</a> <a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript">çok</a> <a href="http://www.bildirgec.org/yazi/jquery-ui-yi-kullanarak-metin">javascript</a> <a href="http://www.bildirgec.org/yazi/jquery-nin-en-pratik-ve">tekniğini</a> <a href="http://www.bildirgec.org/yazi/mukemmel-jquery-navigasyonuna-sahip-8">sizlerle</a> <a href="http://www.bildirgec.org/yazi/jquery-kullanarak-satirici-metinlerin-rengini">paylaştım</a>. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.</p> <p>Web'in JavaScript'e hızlı geçişi sağolsun <a href="http://www.bildirgec.org/etiket/javascript-kutuphaneleri/">JavaScript kütüphaneleri</a> tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında <a href="http://www.bildirgec.org/etiket/jquery/">jQuery</a>, <a href="http://www.bildirgec.org/etiket/prototype/">Prototype</a>, <a href="http://www.bildirgec.org/etiket/scriptaculous/">Scriptaculous</a>, <a href="http://www.bildirgec.org/etiket/mootools/">mooTools</a>, <a href="http://www.bildirgec.org/etiket/dojo/">Dojo</a> en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.</p> <p>Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan <strong>75 gerçekten kullanışlı JavaScript Tekniği</strong>nden bahsetmek istiyorum.</p> <p><strong><a href="http://yellowgreen.de/hyphenation-in-web/">Web'de Heceleme</a></strong><br>Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. <strong><a href="http://code.google.com/p/hyphenator/">Hyphenator.js</a></strong> adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang'ın LaTex ve OpenOffice'te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-01.gif' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p><strong><a href="http://www.azarask.in/blog/post/socialhistoryjs/">SocialHistory.js</a></strong><br>SocialHistory.js, ziyaretçilerinizin hangi sosyal ağları kullandığını tesbit edebilmenizi sağlıyor. Kullanıcının tüm geçmişini görmenizi sağlamıyor. Kullanıcının daha önce herhangi bir adresi ziyaret edip etmediğini 20 soruluk bir yöntemle test ediyor. SocialHistory.js'nin kontrol ettiği çok geniş bir sosyal ağ listesi mevcut. Alternatif arayanlar <a href="http://www.niallkennedy.com/blog/2008/02/browser-history-sniff.html">şu çözüme</a> de bir göz atabilirler.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-02.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://devthought.com/textboxlist-meets-autocompletion/">Textboxlist Otomatik Tamamlama</a></strong><br>JavaScript'in en çekici özelliklerinden birisi de oldukça kullanışlı olan otomatik tamamlama özelliğidir. Otomatik tamamlamayı <a href="http://www.facebook.com/">Facebook</a>'tan daha güzel kullanan hiçbir site yoktur. Facebook, otomatik tamamlama özelliğini çok etkin bir şekilde kullanarak diğer Facebook kullanıcılarının aranabilmesini sağlamış durmda. Kullanıcı bir kez bulunduğunda adı bir çerçeve içerisinde listeye ekleniyor ve kullanıcı adının yanına adı listeden çıkarmak için bir "X" bağlantısı ekleniyor. İşte TextboxList betiği de bu özelliği taklit ederek kullanıcıların hizmetine sunmuş durumda.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-03.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://natbat.net/2008/Aug/27/addSizes/">addSizes.js</a></strong><br>Bu küçük JavaScript otomatik dosya boyutu oluşturma işini hallediyor. Örneğin eğer büyük boyutlu .mp3 ya da .pdf dosyalarını siteniz üzerinden sunuyorsanız bu betik ilgili dosyaları otomatik olarak kontrol ederek dosya boyutunu bağlantının hemen yanına parantez içerisinde ekliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-04.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/syntaxhighlighter/">syntaxhighlighter</a></strong><br>SyntaxHighlighter özellikle sitesi üzerinden sıklıkla kod parçacıkları yayımlayan geliştiriciler ve kodcular için hazırlanmış bir betik. %100 JavaScript tabanlı olan bu betik, sunucunuzda neyin kurulu olup olmadığına bakmıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-05.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/samaxesjs/">samaxesjs</a></strong><br>samaxesJS JavaScript ile yazılmış, zengin web uygulamalarına entegre etmek için geliştirilmiş bir dizi aracı ve kontrolü içeriyor. Örneğin TOC (Table of Contents - İçindekiler) kontrolü sayfanızdaki içeriğin başlıklarından otomatik olarak bir içindekiler tablosu oluşturuyor, tüm başlıkların önüne numara ekliyor ve HTML tablosunu otomatik olarak oluşturuyor. JavaScript'in etkin olmadığı tarayıcılarda da sayfanın yapısını bozmadan özelliği etkisizleştiriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-06.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://icant.co.uk/sandbox/stepbystep/#examples">Adım Adım</a></strong><br>Bu betik ziyaretçilerinize sitenizin onlar için ne sunduğunu gösterebilmenizi ve açıklayabilmenizi sağlıyor. Daha önce ekran görüntüleri ve videolarla oluşturulmuş ve bir ürünün ya da hizmetin tanıtımını yapan ve size ilgili içeriği adım adım açıklayan bazı tanıtım uygulamaları ile karşılaşmışsınızdır. İşte bu betik tam da bu işi web siteleri için yapmayı hedefliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-07.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://yellowgreen.de/morecss">MoreCSS</a></strong><br>MoreCSS küçük, çapraz-tarayıcı uyumlu bir JavaScript kütüphanesi olup tıpkı CSS kullanıyormuşçasına sekmeli menüler, tablolar ve "zebra" tarzında listeler oluşturabilmenizi sağlıyor. Kütüphaneyi HTML'ye eklemek ve genel geçer tasarım elementleri için CSS kullanmanız yeterli.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-08.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://facelift.mawhorter.net/">Facelift Görsel Değiştiricisi</a></strong><br>Facelift Image Replacement (ya da FLIR, fliir diye okunur) bir imaj değiştirme betiği olup bir siteniz üzerinde herhangi bir yazıtipini kullanabilmenizi sağlıyor. Normalde ziyaretçinin tarayıcısında bulunmayan bir yazıtipini sitenizde kullanmaya kalktığınızda o ziyaretçinin sisteminde öntanımlı olan yazıtipi görüntülenirken bu betik kullanıldığında ilgili yazıtipi için görseller görüntüleniyor. Tüm modern tarayıcılarda çalışan bu betik başlıklardan (h1, h2 vs) span elementlerine ve arasındaki her metin içerikli element üzerinde kusursuz çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-09.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://alistapart.com/articles/sprites2">CSS Sprites2</a></strong><br>Çapraz tarayıcı uyumluluğu artık çocuk oyuncağı haline geldi, zira jQuery pek çok modern tarayıcı üzerinde çalışıyor. Burada gördüğünüz her şey IE6+, Firefox, Safari, Opera vs'de çalışıyor. Betiğe ayrıca JavaScript'in etkin olmadığı durumlarda bile sitenin görünümünü bozmayacak korumalar eklenmiş durumda.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-10.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://urlgreyhot.com/personal/weblog/jparralax">jParallax</a></strong><br>jParallax bir jQuery kütüphanesi olup seçili elementi bir 'pencereye' ya da bir görüntü kapısına ve bunların tüm astlarını da mutlak pozisyonlanmış katmanlara dönüştürerek görüntü kapısı üzerinden görüntülenebilir hale sokuyor. Bu katmanlar fare hareketlerine göre hareket ediyor ve boyutlarına (katman başlangıç noktaları için belirlenen seçeneklere) göre farklı miktarda ilerliyorlar ve sonuçta bir tür paralaks görüntü beliriyor. Bir kameradan baktığınızı ve size farklı uzaklıktaki objelerin siz kamerayı hareket ettirdikçe hareket ettiğini düşünün. İşte bu kütüphane bu efekte her bir katman için bir adet hareketsiz görsel kullanarak erişiyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-11.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://webhike.de/labs/ddmenu/">ddMenu - Ortam Menü Betiği</a></strong><br>ddMenu mooTools tabanlı basit bir betik olup kendi ortam menülerinizi oluşturabilmenizi sağlıyor. Kontrol düğmesine ve sağ fare tuşuna basarak tarayıcının öntanımlı menüsü ile betik menüsü arasında geçiş yapabilirsiniz. Shift düğmesi ile sağ fare düğmesine basarak ddMenu'yu tarayıcının öntanımlı menüsnün arkasında açabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-12.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/js-hotkeys/">js-hotkeys</a></strong><br>jQuery.HotKeys eklentisi sayesinde web sitenize klavye kısayolları eklemeniz mümkün hale geliyor. Kısayolu tanımlamak için tek yapmanız gereken sayfanıza bir satır kod eklemek. Alternatif arayanlar <a href="http://nettuts.com/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/">bu makaleye</a> göz atabilirler.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-13.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/">BarackSlideShow</a></strong><br>Verimli ve hafif bir slayt gösterisi betiği. mooTools 1.2 ile çalışıyor ve her tür şekil geçişlerini (üst ve sol koordinasyonlar ve yükseklik ile genişlik değerleri) destekliyor ki bunun anlamı da hem dikey, hem yatay hem de sırasız listelerle kullanılabiliyor olması.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-14.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://devkick.com/lab/galleria/">Galleria</a></strong><br>Galleria jQuery ile yazılmış bir JavaScript resim galerisi. Sırasız listelerden aldığı görselleri birer birer yüklüyor ve her bir görsel yüklendiğinde görselin küçük resmini görüntülüyor. Eğer isterseniz betik sizin için görsellerin küçük resimlerini de ister orantılı ister orantısız, ister ortalanmış, isterseniz de CSS ile tanımlanmış bir küçük resim kutusu içerisinde kırpılmış olarak görüntüleyebiliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-15.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.unfocus.com/projects/historykeeper/">Geçmiş Tutucusu</a></strong><br>unFocus History Keeper JavaScript tabanlı bir kütüphane olup tarayıcının geçmişte ziyaret edilen siteler listesini (geri düğmesi) yönetebiliyor ve Flash ile Ajax uygulamaları için derin-bağlantılamayı destekliyor. Sunucu tabanlı uygulamalar için 'Geri' düğmesini desteğini etkinleştiriyor ve sağlama tabanlı derin bağlantılamaya sahip (anchor tarzında - index.html#foo=bar) ve eylemlere göre değişkenlik gösterebiliyor. Betiğin geçerli sürümü tüm modern tarayıcılarda sorunsuz çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-16.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/datejs/">date.js</a></strong><br>Datejs gelişmiş ve açık kaynaklı bir betik olup tarih ve zamanı ayrıştırma, biçimlendirme ve işleme için kullanılıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-17.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.nickstakenburg.com/projects/lightview/">Lightview</a></strong><br>Lightview web sitenizde modal pencereler oluşturabileceğiniz bir başka betik. Betiğin akıllı görsel önyükleme, ayarlanabilir yuvarlatılmış köşeler ve PNGler kullanmadan içeriğin daima ekranınıza sığabilmesi için içerik yeniden boyutlandırabilme gibi özellikleri mevcut. İlgili betik sunumlar, tekil görseller, Quicktime dosyaları, formlar, iframeler, satıriçi içerikler ve Flash dosyaları için kullanılabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-18.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://jqueryfordesigners.com/coda-popup-bubbles/">Coda popup baloncukları</a></strong><br>Yazılım geliştiricisi Panic'in web geliştiricileri için hazırladığı, <a href="http://www.panic.com/coda/">Coda</a> adında sevilen bir Mac uygulaması mevcut. Coda'nın inanılmaz derecede işlevsel bir tasarımı var ve sitede kullanılan güzel JavaScript efeklerinden birisi de stilize edilmiş pop-up baloncukları. <i>Tasarımcılar için jQuery</i> blogu jQuery ve <a href="http://jqueryfordesigners.com/coda-popup-bubbles/">özel geliştirilmiş bir kodu</a> birleştirerek Coda websitesinde kullanılan bu özelliği taklit etmeyi hedeflemiş. Ortaya çıkan efekt güzel, verimli ve kullanıcı deneyimine olumlu etkileri olan oldukça kullanışlı bir eklenti.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-19.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.ajaxim.com/">ajax.im</a></strong><br>meebox gibi web tabalı anında mesajlaşma istemcilerinin populerliği arttıkça web geliştiricileri de kendi JavaScript anında mesajlaşma çözümlerini sitelerine entegre etmek istemeye başladılar. Ajax IM, Ajax ile hazırlanmış anında mesajlaşma uygulamaları oluşturmak isteyenler için bir JavaScript kütüphanesi. Betiğin dosya boyutu görece büyük ancak kullanıcıları ile daha fazla ilişki kurmak isteyen web siteleri için güzel bir efekt olabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-20.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.livevalidation.com/">LiveValidation</a></strong><br>Bu betik özellikle web sitesinde form kullanan her web geliştiricisi için kullaşnışlı bir çözüm. Farklı veri doğrulama özelliklerini içeren yenilikçi bir kayıt formu oluşturmak bazen sorun olabilir. Ayrıca JavaScript kullanarak daha hızlı ve yenilikçi formlar oluşturmak da zordur. Ne şans ki <a href="http://www.livevalidation.com/">LiveValidation</a> bizler için bu sorunu çözüyor ve form doğrulama sorununu kökünden hallediyor. Eğer Ruby on Rails geliştiricisi iseniz, LiveValidation betiğinin iki sürümü bulunuyor. Ruby on Rails için ideal olan ve <a href="http://www.prototypejs.org/">Prototype</a> ile çalışan sürümü ya da doğrudan kendi kendine çalışabilir sürümü mevcut.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-21.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html">Ajax AutoSuggest</a></strong><br>TextboxList'in otomatik tamamlama betiği gibi olan Ajax AutoSuggest betiği de güzel görünümlü ve iyileştirilmiş bir otomatik tamamlama betiğidir. Bu betiğin dosya boyuto oldukça küçük, 9k'nin altında ve tüm arama formlarına fazladan güzel bir özellik ekliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-22.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://digitarald.de/project/fancyupload/1-0/">FancyUpload</a></strong><br>Gönderdiğiniz dosyalar için bir ilerleme çubuğu görüntüleyen bir gönderme betiği. Her tür gönderme formu için mükemmel bir çözüm olan bu betik, aynı anda birden fazla dosya gönderimini de destekliyor. Gönderilecek olan dosyaların boyutunu da betik üzerinden sınırlayabileceğiniz gibi, dosya türüne de sınırlama getirebiliyorsunuz. Betiği kullanabilmek için tek gereksinim, kullanıcının sisteminde Flash eklentisinin kurulu olması gerekliliği ki Web kullanıcılarının %95'inde bu betik halihazırda kurulu durumda.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-23.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx">Taggify</a></strong><br>Taggify betiğinin sitelere dahil etme işlemi listelenen diğer JavaScriptlerden biraz farklı. Taggify fotoğraflar üzerine açılır pencereler dahil etmenize yarayan sunucu tabanlı bir çözüm. Betiği indirip sunucunuzda barındırmaktansa kodunuza <strong><a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx">küçük bir &lt;include&gt;</a></strong> eklemeniz, Taggify betiğinin sitenize kurulumu için yeterli. Taggify'nin kullanımı da ilginç, betik fotoğraflara notlar ve kullanıcı bilgiler ekliyor.</p> <p>Bu betiği Flickr görsellerine notlar eklemenize yarayan özelliğin geliştirilmiş bir sürümü olarak düşünebilirsiniz. Taggify notu içerisine dilediğiniz HTML kodunu ekleyerek görsellere bilgi verici notlar dahil edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-24.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://amberjack.org/">AmberJack</a></strong><br>AmberJack ilginç ve zorlu JavaScript tekniklerinden birisi. Web site turları özellikle kullanıcların sitenize alışması, ürünlerinizin ve özelliklerinizin tanıtımı ve diğer pek çok özellik açısından işe yarar bir özelliktir. AmberJack'in en iyi yanlarından birisi de web site turları oluşturmak için herhangi bir şey kurmanızın ya da öğrenmenizin gerekmiyor oluşu olsa gerek. AmberJack, website ve ürün sahiplerinin JavaScript kullanarak web site turları oluşturma işlemini büyük ölçüde kolaylaştırırken, dosya boyutu da inanılmaz bir şekilde sadece 4 KB.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-25.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://creativepony.com/journal/scripts/sliding-tabs/">Sliding Tabs</a></strong><br><a href="http://www.panic.com/coda/">Coda</a>'dan esinlenilen bir başka betik daha. Yumuşak kaydırma efektine sahip sekme sistemi, paneller üzerinde geçişi kolay ve kullanışlı bir hale getiriyor. Sliding Tabs'ın çalışır örneğini <strong><a href="http://creativepony.com/demos/sliding-tabs/">buradan</a></strong> görebilirsiniz. Sliding Tabs, mooTools JavaScript kütüphanesi üzerine kurulmuş bir betik. Alternatif arayanlar ise <a href="http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader">şuna</a></strong> bir göz atabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-26-1.jpg' alt="\"\"" border="0"><br></div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-26-2.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader">JavaScript Image Loader</a></strong><br>Eğer kullanıcılarınızın web sitenize görsel gönderebilmesi ve sitenizdekileri inceleyebilmesi için daha yaratıcı bir yöntem arıyorsanız o zaman JavaScript Image Loader (<strong><a href="http://test.thecodecentral.com/demos/imageloader/"></a></strong>) ihtiyaçlarınıza cevap verecek türden bir betik. JavaScript Image Loader kullanıcılarınıza görsel gönderilmeden önce gösterebilmek ve gerektiği durumlarda ilgili görsel hakkında daha fazla bilgi verebilmeniz için ideal bir seçenek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-27.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.swfir.com/">swfIR</a></strong><br>swfIR, görsel işleme özelliği için JavaScript ve Flash'ın bir arada kullanıldığı ilginç bir konsept. swfIR kurulduğunda görsel çevresine &lt;span&gt; etiketi ile birlikte "swflr" sınıfını ekliyor. swfIR görsele neredeyse her türlü işlemi uygulayabiliyor. Betiğin özellikle kullanışlı olan bir özelliği var ki o da görseli sayfanın boyutuna göre yeniden boyutlandırabilmesi. Sayfa üzerindeki metni yeniden boyutlandırdığınızda görselin de boyutu aynı oranda değiştiriliyor. Görselin metin ile birlikte yeniden boyutlandırılması çok daha uyumlu bir his uyandırıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-28.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.outcut.de/MooFlow/">MooFlow</a></strong><br><a href="http://www.apple.com/">Apple</a>'nin <a href="http://www.apple.com/macosx/">Leopard</a> işletim sistemi üzerindeki <a href="http://www.bildirgec.org/etiket/cover-flow/">Cover Flow</a> özelliğini sevenler için biçilmiş kaftan olan bu betik, aynı özelliği Apple'nin kendisinden alarak web sitelerine entegre edebilmenizi sağlıyor. MooFlow, adından da anlayabileceğiniz üzere MooTools üzerine inşa edilmiş bir betik ve güzel görünümlü görsel galerileri oluşturmak için kaydırma çubuğu ile birlikte muhteşem bir sonuç ortaya çıkarıyor.</p> <p>Tıpkı Cover Flow'da olduğu gibi MooFlow'un da galeri anahattını ve özelliklerini özelleştirebilmeniz mümkün. Tam ekran moduna geçebilir, görsel yansıma ve otomatik yürütme özelliğini etkinleştirebilirsiniz. MooFlow bunun dışında pek çok özelleştirme seçeneği sunmasını yanısıra kurulumu da kolay, zira tüm görselleri dahilindeki element içerisinden otomatik olarak alabiliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-29.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.amcharts.com/pie/">amCharts</a></strong><br>Flash ve JavaScript'in bir arada kullanıldığı bir grafik üreteci olan bu betik ile neredeyse her tür grafiği oluşturmanız mümkün. Bu da yetmezmiş gibi veriyi .csv ve .xml dosyaları üzerinden de alabiliyorsunuz. amCharts ile sütun ve çubuk, pasta ve kurabiye, çizgi ve alan gibi pek çok grafik türünü oluşturabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-30-1.jpg' alt="\"\"" border="0"><br></div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-30-2.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://orangoo.com/labs/GreyBox/">GreyBox</a></strong><br>GreyBox'un web sitesinde, "Doğru düzgün pop-up penceresi" cümlesi ile betiğin yaptığı iş özetlenmiş ki sanırım bundan daha iyi bir tanımlama da yapılamazdı. GreyBox, açılır bir pencerenin yapabilmesi <i>gereken</i> her şeyi yapabiliyor. Resimler, web siteleri ve hayal edebileceğiniz diğer her şeyi gösterebiliyor.</p> <p>GreyBox'u kullanmak inanılmaz derecede kolay, zira JavaScript'i ekledikten sonra yapılması gereken tek şey, pencere içerisinde görüntülemek istediğiniz içeriği &lt;rel&gt; etiketi arasına dahil etmek &lt;/rel&gt;.</p> <p><strong><a href="http://ninjadesigns.co.uk/">Maillist</a></strong></p> <p>Millist her ne kadar tam özellikli bir AJAX iletişim formu olmasa da bu küçük betik, pek çok web geliştiricisinin beta kayıtları ve diğer sebepler için elektronik posta adresi toplama işini kolaylıkla üstlenebiliyor. Betiğin elektronik posta yedeklerini ve formun görünümünü yönetebileceğiniz bir yönetici paneli bile bulunuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-31.jpg' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/swfobject/">SWFObject</a></strong><br>SWFObject, küçük bir Flash oynatıcısı olup sadece kod ile çözülmesi mümkün olmayan pek çok Flash probleminin üstesinden geliyor. Oynatıcının dosya boyutu sadece 9.5 KB (ya da GZIP sürümü 3.8 KB). SWFObject, modern tarayıcılarla olan uyumu sebebiyle övünürken, hangi Flash oynatıcı sürümünün kullanılıp kullanılmayacağını tespit etmek için JavaScript'i kullanıyor. Bu sebeple süresi dolmuş Flash eklentilerinin içeriği görüntüleyememesi sorununun da önüne geçilmiş oluyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-32.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.liquidx.net/plotkit/">PlotKit</a></strong><br>PlotKit JavaScript ile grafik çizimi için geliştirilen ve küçük boyutlu bir JavaScript çatırı olan Moochikit'e dayanan kullanışlı bir betik. Her tür grafiğin çizimi için kullanılabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-33.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.barelyfitz.com/projects/tabber/">JavaScript tabifier</a></strong><br>JavaScript tabifier kolayce ve hızlıca sekmeli içerik oluşturmak için kullanabileceğiniz kullanışlı bir betik. Tabifier'i kullanabilmek için tek yapmanız gereken JavaScript'i sitenize ekledikten sonra "tabber" sınıfına dahil bir &lt;div&gt;'i içeriği çevreleyen sekme için yerleştirmek ve ardından "tabbertab" sınıfına dahil bir &lt;div&gt; içerisinde de sekmenin başlığını belirtmek. Sekmeler için çerez desteği, sekmelerin dinamik olarak değiştirilmesi ve öntanımlı sekmeyi belirlemek gibi gelişmiş özellikleri de kullanmanız mümkün.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-34.png' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.cabel.name/2008/02/fancyzoom-10.html">FancyZoom 1.1</a></strong><br>Satıriçinde tam boyutlu görselleri görüntülemenize yarayan FancyZoom; yumuşak, temiz ve gerçek Mac-benzeri efekti web siteniz üzerinde kullanabilmenizi sağlıyor.</p> <p>Özelliklte görsel kaliteye ve kullanım kolaylığına önem verilen betik, herhangi bir HTML kod değişikliğine gerek kalmadan görselin tam boyutlu bir şekilde görüntülenebilmesini sağlıyor. Betik ayrıca tam boyutlu görselleri arkaplanda yükleyebilirken, herhangi bir JavaScript kütüphanesine de ihtiyaç duymuyor. FancyZoom, HTML dosyalarınızda sadece iki satır kod işgal ediyor.</p> <p><strong><a href="http://safalra.com/web-design/javascript/mac-style-dock/">A Mac OS X-style Dock In JavaScript</a></strong><br>Apple'ın Mac OS X işletim sisteminin son sürümü özellikle göz alıcı görsel kalitesi ve efektleri ile de kullanıcılarını memnun etmeyi başarmıştı. İşletim sisteminin bir güzel özelliği de balık gözü efektine sahip ve uygulama simgelerinin bulunduğu bir yüzeyin var oluşu idi. Fare imlecinizi uygulama simgesinin üzerine getirdiğinizde, ilgili simgenin civarındaki simgelerin boyutları da ana simgeye orantılı bir şekilde büyütülüyordu. JavaScript ile bu özelliği oluşturmak pek kolay bir iş değil ancak MacStyleDock betiğinin geliştiricileri bu işi web sitelerinizde kullanabilmeniz için çocuk oyuncağı haline getirmeyi başarmışlar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-35.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://zendold.lojcomm.com.br/fvalidator/">fValidator</a></strong><br>fValidator, açık kaynaklı, ücretsiz ve kullanımı kolay bir JavaScript olup özellikle form doğrulama ile ilgilenen kullanıcıların ihtiyacını tam olarak karşılamak üzere geliştirilmiş. Özellikle kullanıcılarınızın formlara veri girişi sırasında istediğiniz biçimi kullanmalarını zorlamak istemeniz durumunda kullanışlı olan bu betiğin <a href="http://digitalbush.com/projects/masked-input-plugin">jQuery alternatifi</a> de mevcut.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-36.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.filamentgroup.com/lab/jquery_interactive_date_range_picker_with_shortcuts/">jQuery Interactive Date Range Picker with Shortcuts</a></strong><br>jQuery ile belirli bir tarih aralığını seçmek için kullanabileceğiniz bir betik. Gelişmiş seçenekler görüntülenmek istediğinde kullanılan yumuşak geçiş efekti göz dolduruyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-37.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://raphaeljs.com/">Raphael</a></strong><br>Raphael küçük bir JavaScript kütüphanesi olup özellikle Web üzerinde vektör grafikler kullanmak istediğinizde kullanışlı hale geliyor. Örneğin kendinize özgü grafiğinizi ya da görseli kırp-ve-döndür widget'inizi oluşturmak istediğinizde bu kütüphane ile bunu kolayca yapabilirsiniz. Raphael, grafik oluşturma işlemi için SVG ve VML kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-38.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.nogray.com/time_picker.php">NoGray Time Picker</a></strong><br>Bu zaman seçicisi kolay kullanımlı sürükle-bırak arayüzünü kullanıyor. Zamanı seçmek için kullanıcıların tek yapması gereken saat üzerindeki akrep ve yelkovanı sürükleyip bırakmaları.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-39.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.kminek.pl/lab/yetii/">Yetii - Yet (E)Another JavaScript Tab Interface</a></strong><br>Yetii basit olduğu kodar bol özelliği olan bir sekmeli arayüz oluşturucusu. Hafif ve nesne yönelimli bir koda sahip olan Yedii, JavaScript desteği olan tarayıcılarda da görünümü bozmuyor. Bir web sayfası üzerinde istediğiniz kadar sekmeli içerik arayüzü oluşturabilir, otomatik sekme geçişini değiştirebilir önceki ve sonraki sekmelere geçiş için düğmeler ekleyebilir, bir sekmeli içerik arayüzünü bir diğerinin içine yerleştirebilir ve belirli bir sekmeye tıklandığında yürütülmesini istediğiniz eylemi belirtebilirsiniz.</p> <p>Bir sayfa üzerindeki sekmelerden herhangi birine bir başka sayfa üzerinden bağlantı verebileceğiniz gibi son tıklanan sekmenin sayfa yeniden kullanıldığında ilk açılan sekme olmasını çerez kullanarak belirleyebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-40.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.electricprism.com/aeron/calendar/">Calendar</a></strong></p> <p>Bir MooTools JavaScript sınıfı olan Calendar erişilebilir ve kolay kullanımlı tarih seçicilerini form elementlerine entegre edebilmenizi sağlıyor. Yüksek seviyede özelleştirilebilir girdi ve seçim kutucukları, birden fazla takvim desteği, çeşitli gezinme seçenekleri, çoklu dil desteği ve güzel görünümlü tarih biçimlendirmesini sunan bu kolay kullanımlı takvim, ilgili özelliği web sitelerinde kullanmak isteyen geliştiriciler için ideal.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-41.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.nickstakenburg.com/projects/starbox/">Starbox</a></strong><br>Starbox sayesinde her tür oylama kutucuğunu sadece bir PNG görseli kullanarak oluşturabilirsiniz. Kütüphane Prototype JavaScript çatısı üzerine inşa edilmiş. Eğer daha fazla efekt istiyorsanız Scriptaculous'u da dahil edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-42.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.magictoolbox.com/magiczoom/">Magic Zoom</a></strong><br>Magic Zoom bir JavaScript yakınlaştırma aracıdır. Görselleri detayları ile görüntüleyebilmenin en iyi yoludur. Kullanıcıların herhangi bir şeye tıklamalarına gerek yok, tek yapmaları gereken detayını görüntülemek istedikleri görselin üzerinde fare imleçlerini gezindirmek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-43.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.magictoolbox.com/magicmagnify/">Magic Magnify</a></strong><br>Magic Magnify bir Flash yakınlaştırma aracıdır. Görselin üzerine fare imlecinizi getirdiğinizde detaylarını görüntüleyebiliyorsunuz. Ücretli olan bu eklentinin fiyatı 28 Amerikan Doları.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-44.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.piksite.com/carousel.us/">Carousel.us</a></strong><br>Carousel.us JavaScript ile oluşturulmuş 3B Karusel efektini ister prototype.js, ister scriptaculous isterseniz de mootools.js çatıları altında kullanabilmenizi sağlıyor. Betik ayrıca yansıma efekti için Richard Davey'in hazırladığı PHP Easy Reflections'u da kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-45.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/slideshow/">Slideshow</a></strong><br>Slideshow, Mootools 1.2 için bir JavaScript sınıfı olup görsel sunumlarınızı web siteniz üzerinde hareketlendirmeye yarıyor. Slideshow çok uzun bir geliştirilme sürecine sahip. Sonuç ise gerçekten hafif, kurulumu ve kullanımı kolay, yüksek seviyede özelleştirilebilir ve geliştirilebilir bir betik olmuyş. En iyi efektlere ulaşmak için JavaScript çatılarını kullanan bu betik ilk olarak Aeron Glemann tarafından bir yan proje olarak geliştirilirken şimdilerde MIT lisansı altında açık kaynaklı olarak dağıtılıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-46.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://code.google.com/p/jgrousedoc/">jgrousedoc</a></strong><br>jGrousedoc sayesinde geliştiriciler, sundukları JavaScript kodlarına javadoc benzeri yorumları dahil edebiliyorlar. Betik, sınıfların dökümantasyonuna OOP'yi kullanmak için hangi kütüphanenin ya da teknolojinin kullanıldığına bakılmaksızın izin veriyor. Çıktı ise CSS ve Velocity şablonları ya da XSLT ile özelleştirilebiliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-47.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.lokeshdhakar.com/projects/lightbox2/">Lightbox 2</a></strong><br>Lightbox basit ve kullanımlı kolay bir betik olup görselleri geçerli sayfanın üzerinde görüntülemeye yarıyor. Kurulumu oldukça kolay olan bu betik tüm modern tarayıcılar üzerinde çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-48.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.livepipe.net/control/window#hoverbox">Control.Window</a></strong><br>Control.Window tümüyle programlanabilir, çok amaçlı bir pencereleme aracıdır. Yüksek seviyede özelleştirilebilir olan bu betik için pek çok kullanım alanı mevcut. Hedefleri pencere içerisinde açabilmek için bağlantılara eklenebildiği gibi pencere içerisinde dinamik içerik görüntülemek mümkün. Dizilebilir, sürüklenebilir ve yeniden boyutlandırılabilir pencereleri destekliyor. Modal pencereleri, LightBoxları ve İpuçlarını kullanabilmek için gerekli alt sınıflar da betik içerisinde yer alıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-49.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.ericmmartin.com/projects/simplemodal/">SimpleModal</a></strong><br>SimpleModal küçük boyutlu bir jQuery eklentisi olup modal diyalog pencereleri oluşturabilmek için kolay bir yöntem sunuyor. SimpleModal'ın amacı geliştiricilere çapraz tarayıcı desteği olan ve SimpleModal'e sunulan verinin içerisinde görüntülenebileciği yüzen pencereler sunabilmek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-50.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.webdevlounge.com/javascript/creating-a-carousel-with-mootools/">MooTools ile Karusel Oluşturmak</a></strong><br>Bunu muhtemelen diğer sitelerde de görmüşsünüzdür, hani şu bir dizi görseli (ya da isterseniz içeriği) satıriçinde güzel bir şekilde gösteren slayt gösterileri. Pek çok kişi bunu sitelerinde kullanabilmek için doğrudan kodu kopyalıyordur ancak bana kalırsa rehberi okuyarak bunu kendiniz oluşturduğunuzda yeni teknikler de öğrenmeniz mümkün. Bu sebeple bu makalenin yazarı MooTools ve CSS kullanılarak nasıl karusel özelliği geliştirilebileceğini anlatmaya çalışmış. MooTools üzerine en çok bağlantılanan makalelerden biri.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-51.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://willworkforart.net/tutorials/unobtrusive-expand-and-collapse-navigation">Kolay Açılır Kapanır Navigasyon</a></strong></p> <p>Sadece sıralı listeler ve mümkün olan en az sayıda sınıf ve kimlik adları kullanılarak oluşturulan açılır-kapanır dikey menü oluşturmak istiyorsanız bu yazıyı okuyun.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-52.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://jqueryfordesigners.com/image-cross-fade-transition/">Image Cross Fade Transition</a></strong><br>90'ların başında JavaScript ile sıralı görselleri birbiri ardına göstermek modaudı ve tanıdığım pek çok JavaScript geliştiricisi bu dili bu tip özellikleri geliştirerek öğrenmeye başladılar. Günümüzde ise bunu JavaScript ya da CSS ile oluşturmak çocuk oyuncağı. Zor olan ise görseller arasına geçiş efektlerini dahil etmek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-53.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://jqueryfordesigners.com/slider-gallery/">Slider Gallery</a></strong><br>Bu 'ürün kaydırıcısı'nın bir benzeri yine <a href="http://www.apple.com/">Apple</a>'nin web sitesinde kullanılıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-54.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://orderedlist.com/articles/fancyzoom-meet-jquery">FancyZoom meets jQuery</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-55.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://nettuts.com/javascript-ajax/build-an-ajax-powered-shopping-cart/">Build An AJAX Powered Shopping Cart</a></strong><br>Bu dersin amacı size AJAX ile nasıl bir sipariş sepeti oluşturabileceğinizi göstermek. Buna rağmen dersi tamamladığınızda ortaya çıkan sonuç kullanıma hazır olmayacak. Uygulamayı sırtlanacak arkaplan işlemleri için gerekli bilgiye sahip olduğunuz varsayılıyor. Bunun yerine rehberde sadece işin AJAX kısmına odaklanılmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-56.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu">jQuery iPod-benzeri Açılır Menü</a></strong><br>Betiğin geliştiricileri iPodlar üzerinde görülen ve yüksek miktarda hiyerarşik olarak dizilen veriyi kontrollü bir şekilde görüntüleyebilmeye yarayan bir betik geliştirmişler. Özellikle yüksek miktarda veriyi düzenli bir şekilde görüntülemek ancak bunu için sıradan CSS menüleri ile boğuşmak istemeyen kullanıcılar için tercih edilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-57.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/">jQuery ile İçeriği Sürüklerken Yüklemek</a></strong><br>Bu betik sayesinde dikey olarak yerleştirilen ve uzun miktarda içeriği sayfa sürüklendikçe yüklemek jQuery kullanılarak mümkün hale getirilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-58.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/">JavaScript İpuçları</a></strong><br>Michael Leigeber tarafından hazırlanan bu rehber, nasıl hafif ve güzel görünümlü bir JavaScript ipucu çözümü oluşturabileceğinizi gösteriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-59.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://woork.blogspot.com/2008/07/fantastic-news-ticker-newsvine-like.html">Newsticker</a></strong><br>Antonio Lupetti Newsvine üzerinde kullanılan haber görüntüleme sisteminin bir benzerinin nasıl MooTools kullanılarak oluşturulabileceğini örneklendirmeye çalışmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-60.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en">jQuery Virtual Tour</a></strong><br>jQuery kullanılarak oluşturulan bu betik sayesinde panaromik görüntüler kullanılarak nasıl sanal gezinti turları oluşturabileceğiniz anlatılıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-61.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://webplicity.net/flexigrid/">Flexigrid</a></strong><br>Hafif ancak özellik açısından zengin olan bu uygulama ile yeniden boyutlandırılabilir veri ızgaraları ve başlıklarla eşleşebilen sürüklenebilir verileri görüntüleyebilirsiniz. Bunun yanısıra veri kaynağı olarak xml kullanmak ve verinin yüklenmesi için de AJAX'tan faydalanmak diğer kullanışlı özellikler arasında yer alıyor. Exit Grid ile aynı konsepte sahip olan bu uygulama'nın farkı tümüyle jQuery kullanıyor olması. Bu sayede verinin yüklenmesi hızlandırılmış ve dosya boyutu da azaltılmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-62.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://ideamill.synaptrixgroup.com/?page_id=16">tableFilter</a></strong><br>Bu betik sayesinde tablolardaki içerikleri interaktif bir şekilde dizmeniz mümkün hale getirilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-63.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.askthecssguy.com/2007/05/brett_asks_the_css_guy_if_the.html">Row Locking with Checkboxes</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-64.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://abeautifulsite.net/notebook/58">jQuery File Tree</a></strong><br>jQuery File Tree özelleştirilebilir ve AJAX ile desteklenmiş, jQuery için geliştirilmiş bir dosya gezgini eklentisi. Sadece bir satır JavaScript kodu ile kendinize özgü ve tümüyle etkileşimli bir dosya ağacı oluşturabilirsiniz. Simgeleri dosya uzantılarına göre otomatik olarak görüntüleyebilme özelliğine sahip olan bu betik, içeriğini sayfanın yeniden yüklenmesine gerek kalmadan oluşturabimek için AJAX kullanıyor. Açılır kapanır dosya ağaçları ve tekil ve çoklu klasör görünümleri için ayarları da bulunuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-65.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://yura.thinkweb2.com/scripting/contextMenu/">Proto.Menu</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-66.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://www.askthecssguy.com/2007/09/sangeeta_asks_the_css_guy_how_1.html">Pricing Matrix</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-67.gif' alt="\"\"" border="0"><br></div> <p><strong><a href="http://davidwalsh.name/build-toggling-announcement-slider-mootools-12">Toggling Announcement Slider</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/22-68.gif' alt="\"\"" border="0"><br></div> <strong>Rehberler</strong> <ul> <li><a href="http://web-kreation.com/index.php/tutorials/nice-login-and-signup-panel-using-mootools-12/">MooTools 1.2 ile Giriş Panelini Göstermek/Gizlemek</a></strong></li> <li><a href="http://woork.blogspot.com/2008/03/simple-images-slider-to-create-flickr.html">Flickr benzeri slayt gösterileri oluşturmak için görsel kaydırıcısı</a></li> <li><a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery">Apple benzeri menü oluşturmak ve jQuery ile iyileştirmek</a></strong></li> <li><a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Otomatik yürütme desteği bulunan içerik görüntüleyicisi oluşturmak</a></li> <li><a href="http://nettuts.com/javascript-ajax/build-a-top-panel-with-jquery/">jQuery ile etkileyici giriş formları oluşturmak</a></li> <li><a href="http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/">CSS ve jQuery ile sekmeli içerik bölgesi oluşturmak</a></strong></li> <li><a href="http://nettuts.com/javascript-ajax/create-a-simple-intelligent-accordion-effect-using-prototype-and-scriptaculous/">Prototype ve Scriptaculous kullanılarak basit akordiyon efekti oluşturmak</a></li> <li><a href="http://nettuts.com/site-builds/create-a-simple-powerful-product-highlighter-with-mootools/">MooTools kullanarak ürün tanıtıcıları oluşturmak</a></li> <li><a href="http://nettuts.com/javascript-ajax/creating-a-dynamic-poll-with-jquery-and-php/">jQuery ve PHP kullanılarak dinamik anketler oluşturmak</a></strong></li> </ul> <p><strong>Kaynak:</strong> <a href="http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/">Smashing Magazine</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi ">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, 08 Feb 2009 10:28:00 GMT 196044@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi merl <p><a href="http://www.php.net/">PHP</a> ile AJAX tekniğini biraraya getiren birçok kütüphane mevcut ancak birçoğu ya fazla ağır ya da basit bir işi yapmak için oldukça fazla kod yazmayı gerektiriyor. Hiç sizinde içinizden php ile yazdığınız bir fonksiyonu kolayca javascript fonksiyonu olarak kullanmak geçmedi mi? <a href="http://www.phplivex.com/">PHPLiveX</a> ile bir hamlede kolayca php fonksiyonlarınızı javascript kodunuzun içerisinde kullanılabilecek hale getirebiliyorsunuz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hafif uyku/plx-logo.gif' alt="\"\"" border="0"><br></div><br>Oldukça hafif olan <a href="http://www.phplivex.com/">PHPLiveX</a> kütüphanesi sadece bir php sınıfından oluşuyor. Php ile kodladığınız fonksiyonları tek bir satır kod ile birebir aynı isme ve argümanlara sahip javascript kodlarına çevirebiliyorsunuz. İsterseniz 1 argümanda ek olarak giriyorsunuz ve bu argümanda JSON formatında o fonksiyona özel AJAX metodu ayarlarını girebiliyorsunuz. Bunlara örnek olarak önyükleyici (preloader) imajını ve fonksiyondan dönen değerin yazdırılacağı dom elemanı gibi özellikleri verebiliriz.</p> <p>Tüm bu özelliklere sahip olan <a href="http://www.phplivex.com/">PHPLiveX</a> açık kaynak kütüphanesinin <a href="http://www.phplivex.com/">web sayfası</a> ve dökümanları türkçe oalrak da sitesinde mevcut. Oldukça sık kullandığım bir <a href="http://ajaxpatterns.org/PHP_Ajax_Frameworks">php-ajax çatısı</a> olarak php kodlarınıza AJAX özelliği kazandırmanın en kolay yolu diyebilirim.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/hafif-ve-kolay-bir-php ">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, 31 Jan 2009 14:23:00 GMT 194844@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/hafif-ve-kolay-bir-php merl <div class="imajorta"><img src='http://www.bildirgec.org/imaj/aL3rTTo/spaceclaim3cylinder.jpg' alt="Space Claim" border="0"><br>Space Claim</div><br>Pekçok sektör özelliklede makina sektöründe sıkça kullanılan solidworks, autocad, mechanical desktop tarzı programlar, yüksek lisans ücretleri ve fazla ayrıntılı arayüzlerine alternatif olarak çıkarılan düşük lisans ücretli, basit ve kullanım hızı yüksek arayüzlü piyasanın yeni yüzü SpaceClaim'i tanıtmaya çalışacağım.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/aL3rTTo/bwattachment511653-3.jpg' alt="Space Claim" border="0"><br>Space Claim</div><br>SpaceClaim'in özellikleri arasında bence en çok dikkati çeken ve önemli özelliği hemen tüm aynı tür programların formatlarını destekliyor olması. Açmaya çalıştığım tüm dosya formatlarını sorunsuz şekilde çalıştıran program veri kaybı olmadan programa dosyalarımızı taşımayı hedeflemiş gözüküyor.<br>Programın hızlı kullanımından bahsetmek istiyorumki sanıyorum <a href="http://www.spaceclaimtr.com/index.php?option=com_content&view=article&id=78&Itemid=94">şu link</a> sizin için yeterli olacaktır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/aL3rTTo/spaceclaim10.jpg' alt="Space Claim Arayüz" border="0"><br>Space Claim Arayüz</div><br><a href="http://www2.spaceclaim.com/">Programın Resmi Sitesinden</a> <a href="http://www2.spaceclaim.com/30daytrial.aspx">Trial Sürümüne</a><br><a href="http://www.spaceclaimtr.com/">Programın Türkiye Sitesinden</a> Eğitim Videolarına, Sorularınızı Danışabileceğiniz Türkçe Desteğe Ulaşabilirsiniz.<p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/kaliteli-ve-ucuz-alternatif-cad ">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, 31 Jan 2009 12:44:00 GMT 194843@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/kaliteli-ve-ucuz-alternatif-cad merl <p>Sitenize yeni bir ziyaretçi geldiğinde sitenize dair ilk izlenimi çabuk bir şekilde oluşacaktır. İyi bir ilk izlenim, ziyaretçinizin sitenize yeniden gelmesini sağlayabilecek önemli faktörlerden biri iken, kötü bir ilk izlenimin bıraktığı izlerin üstesinden gelmek zordur.</p> <p>Yazının devamında bulacağınız liste sitenizi ziyaret eden ziyaretçilerin ilk izlenimlerini etkileyen 21 faktörü listelemektedir. Bu listenin faktörlerin sadece bir kısmı olduğunu ve tüm faktörleri oluşturmadığını unutmayın. Eğer istersiniz sizce önemli olan faktörleri de yorumlarınızla paylaşabilirsiniz.</p> <p><strong>1. Açılma Süresi</strong><br>Pek çoğumuz yavaş açılan web sitelerine karşı sabırsızızdır. Diğer yandan hızlı açılan web siteleri ziyaretçileri siteniz üzerinde gezinmeye teşvik edecektir, zira her bir sayfanın açılması için uzun süre beklemeyeceklerini bilirler.</p> <p><strong>2. Hata Mesajları</strong><br>Eğer sitenizi ziyaret eden ziyaretçiler hata mesajları alıyorlarsa ve sitenize erişmede sıkıntı yaşıyorlarsa, sitenizden etkilenmeyeceklerdir ve sitenizi bir kez daha ziyaret etmeyeceklerdir. Sitenizde oluşabilecek pek çok hata bulunmaktadır. <a href="http://www.blogstorm.co.uk/">BlogStorm</a>'un yayımladığı <a href="http://www.blogstorm.co.uk/blog/why-small-businesses-need-a-website/">şu makale</a> bir adet başarısız siteyi ele alıyor ve problemlerini irdeliyor.</p> <p><!-- buradan kes --></p> <p><strong>3. Renkler</strong><br>Sitenizin görünümü hiç şüphesiz ilk izlenimde oldukça etkilidir. Sitenizin genel renk şeması, sitenizin çekiciliğinde önemli rol oynar. Doğru renk kombinasyonlarını seçmek zor olabilir, ancak İnternet üzerinde size bu konuda yardımcı olabilecek pek çok araç bulunmaktadır. Renklerin psikolojisine dair kaynaklar ve bağlantılar için <a href="http://www.vandelaydesign.com/blog/design/find-the-perfect-colors-for-your-website/">Web siteniz için mükemmel renkleri bulun</a> adlı yazıyı ya da bildirgec üzerinde yayımladığım <a href="http://www.bildirgec.org/yazi/tasarimcilar-icin-renk-planlama-color">Tasarımcılar İçin Renk Planlama (Color Scheming)</a> adlı yazımı okuyabilirsiniz.</p> <p><strong>4. Logo / Marka</strong><br>Sitenizin genel görünümünü etkileyen bir diğer faktör de sitenizin logosu ve markasıdır. En önemlisi sitenizde kullanacağınız logo işinizi ya da kurumunuzu sizin ziyaretçilerinizin düşünmesini istediğiniz şekilde düşünmesine yol açabilecek şekilde markalaştırabilmelidir. Daha fazla bilgi için David Airey'in yazdığı <a href="http://www.davidairey.com/what-makes-a-good-logo/">Bir logoyu mükemmel yapan nedir?</a> başlıklı yazıyı okuyabilirsiniz.</p> <p><strong>5. Başlık Görselleri</strong><br>Baskın başlık görselleri sık kullanılır ve ilk izlenime güçlü etkileri olabilir. Kişisel olarak ben bloglarda büyük boyutlu başlıkları seven bir değilimdir ancak bazı blog tasarımcıları bunu mükemmel bir şekilde uygulayabiliyorlar. Şahsen ben içeriğin sayfanın üst kısmında başlamasını isterim ancak pek çok ziyaretçi benimle aynı fikirde değildir. <a href="http://natewhitehill.com/">Nate Whitehill</a> sitesinde oldukça çekici bir başlık görseli kullanmaktadır.</p> <p><strong>6. Tipografi</strong><br>Görece etkili olan bir diğer element ise tipografi ve yazıtipleridir. Tipografideki değişiklik önemli bir değişiklik olmayabilir ancak sitenizin genel görünümünü tümden değiştirebilecek kapasitededir. Mark Boulton tarafından yazılan <a href="http://www.markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/">Daha İyi Tipografi İçin 5 Basit Adım</a> makalesi size konu ile ilgili daha detaylı bir bilgi verebilir.</p> <p><strong>7. Anahat</strong><br>En önemli tasarım elementlerinden birisi de anahattır (layout). Hangi anahattı kullanırsanız kullanın, kullanacağınız anahat sitenizdeki önemli öğelere ziyaretçinin dikkatini çekebilmelidir. Anahat sadece çekici bir tasarım oluşturmak için kullanılmakla kalmaz, ayrıca sitenizi ziyaretçilerinizin daha kolay bir şekilde kullanabilmelerini de sağlar. Web sitelerinin pek çoğu standart tasarım elementlerini kullansa da sitenizi diğerlerinden ayırabilmenin bir yolu da anahat üzerinde yaratıcılığınızı konuşturmaktır. Elbette yaratıcı bir anahattın sitenizin kullanılabilirliğini azaltmaktansa işlevselliğini arttırmayı tercih etmelisiniz.</p> <p><strong>8. Reklamlar</strong><br>Sitenize dair kötü bir izlenim uyandırmanın en kolay yollarından birisi de sitenizi reklamlarla doldurmaktır. Günümüzün İnternet kullanıcılarının pek çoğu siteler üzerinde reklam gördüklerinde şaşırmazlar ancak çok fazla ve yanlış türde kullanılan kötü bir şekilde yerleştirilmiş reklamlar ziyaretçilerinizin sitenizden kolayca soğumasını sağlayabilir.</p> <p>Genel bir kural olarak reklamlarınızı ziyaretçilerinizin sitenizdeki içeriği okumalarına engel olmayacak bir şekilde yerleştirmelisiniz, tabi eğer sitenizin amacı tıklama başına reklamlar üzerinden para kazanmak değilse. Hareketli reklamlar da bir diğer önemli konudur zira bu tip reklamlar site ziyaretçilerinizin dikkatini kolayca dağıtabilirler.</p> <p>Ziyaretçilerizi ilgilendiren ve sitenizin ana içeriği ile karışmayan reklamlar kullanırsanız ziyaretçileriniz bunu kötü algılamayacaklardır.</p> <p><strong>9. İtibarınız</strong><br>Sitenizi ilk kez ziyaret eden ziyaretçilerinizin bir kısmı daha önce sizin hakkınızda bilgilendirilmiş olabilir. Çoğu zaman sizin hakkanızda sitenize bağlantı veren bir başka site üzerinde bilgi sahibi olmuşlardır. Bu durum özellikle blogcular arasında yaygındır. Eğer o ziyaretçi siteniz hakkında olumlu bir yorum okumuşsa onun ilk izlenimini olumlu yönde etkileyebilecek bir itibar bırakmışsınızdır. Bu durum ziyaretçiniz eğer sizin hakkınızda kötü yorumlar okumuşsa aksi yönde de işleyebilir.</p> <p><strong>10. Navigasyon Kolaylığı</strong><br>Muhtemelen hepimiz üzerinde okunacak pek çok içerik bulunan bir site görünen ancak istediğimiz şeyi bulamadığımız bir site ile karşılaşmışızdır. Kötü bir navigasyona sahip bir web sitesinden daha rahatsız edici bir şey var mı bilmiyorum. İyi tasarlanmış bir navigasyona sahip web sitesinin, ziyaretçilerinizin sitenizdeki deneyimleri üzerinde çok pozitif bir etkisi olabilir.</p> <p><strong>11. Amacınızın Netliği</strong><br>Yeni ziyaretçiler sitenizin varoluş amacını çabucak anlayabilmelidirler. Pek çok sitesi bunu sitelerinin üst kısmında sitenin içeriğini özetleyen bir tanım kullanarak başarırlar. Hakkında sayfaları da iletişim açısından önemli elementlerden biridir.</p> <p><strong>12. Profesyonel Olmayan Öğeler</strong><br>Düşük kalitede animasyonlu GIF görselleri gibi bazı öğeler ve sayaçlar kötü bir ilk izlenim oluşturabilirler. Genel olarak sitenizi 10 yıl önce tasarlanmış gibi gösterebilecek her şeyden uzak durulmalıdır.</p> <p><strong>13. Görsellerin ve Fotoğrafların Kalitesi</strong><br>Yüksek kalitede bir fotoğrafın ya da grafiğin tasarım üzerinde bırakabileceği etki gerçekten inanılmazdır. Ne şans ki İnternet üzerinde yüksek kalitede düşük ücretli fotoğraflar bulabileceğiniz pek çok resim bulunmaktadır hatta bunlardan bazıları ücretsizdir. İyi bir ücretsiz resmi bulmak için harcayacağınız zaman, daha çabuk bulacağınız ve sadece birkaç lira ödeyerek sahip olabileceğiniz resimlerle kıyaslandığında, harcanmaya değmez. İnternet üzerinde fotoğraf bulabileceğiniz sitelerin bir listesine ulaşmak için <a href="http://www.vandelaydesign.com/blog/design/stock-photography-resources/">bu makaleyi</a> okuyabilirsiniz.</p> <p><strong>14. Erişilebilirlik</strong><br>Web tasarımında erişilebilirlik son zamanların popüler konusu haline gelmiştir. Gerçek olan şu ki ziyaretçilerinizin pek çoğu ortalama ziyaretçi kategorisine düşmeyecektir. Bazılarının engelleri olacak, bazıları eski bir tarayıcı kullanıyor olacak, bazılarının da yavaş bağlantıları olacaktır. Eğer web siteniz siteniz tarafından erişilebilir olmazsa, bu ziyaretçileriniz üzerinde kötü bir izlenim bırakacağının garantisidir.</p> <p><strong>15. Açılır ve gizli-açılır pencereler</strong><br>Günümüzde pek çok İnternet kullanıcısı bir tür pop-up engelleyicisi kullanmaktadır. Pek çok ziyaretçi, engellenemeyen açılır pencerelerden hoşlanmazlar ve bu da kötü bir izlenime yol açar. Buna rağmen bazı siteler halen açılır pencereleri verimli bir şekilde kullanmaktadırlar, bu sebeple açılır pencere kullanmadan önce artıların ve eksilerini iyi bir şekilde tartmanız önerilir.</p> <p><strong>16. Video ve Ses</strong><br>Gün geçtikçe daha fazla İnternet kullanıcısı yüksek hızlı bağlantılara sahip oldukça ses ve video içerikli web siteleri daha yaygın kullanılmaya başlayacaktır. <a href="http://www.youtube.com/">YouTube</a> gibi sitelerin başarısı bu tip elementlerin pek çok ziyaretçi tarafından olumlu karşılandığının bir göstergesidir. Genel bir kural olarak ses ve video içerikleri otomatik olarak başlatılmamalıdır.</p> <p><strong>17. İştiraklar ve Kurumlar</strong><br>Ziyaretçiler sitenizi ilk kez ziyaret ediyor olabilirler ancak birlikte iş yaptığınız ya da ürünlerinizi kullanan diğer firmaların ismini görerek siteniz hakkında olumlu bir izlenime kapılabilirler. Buna güzel bir örnek olarak <a href="http://www.mediatemple.net/">Media Temple</a> web sitesi gösterilebilir. Media Temple'nin ana sayfasını ziyaret eden ziyaretçiler Nike, Sony ve Starbucks gibi firmaların Media Temple hakkındaki yorumlarına ulaşacaklardır. Eğer ziyaretçinizin ürünleriniz ve hizmetleriniz hakkında şüpheleri varsa, bunun gibi iyi bilinen şirketlerin ilk izlenime katacağı olumlu katkı kaçınılmazdır.</p> <p><strong>18. İçeriğin Kalitesi</strong><br>Elbette kaliteli içerik bu listenin dışında kalamazdı. Her ne kadar sitenin içeriği, tasarımı kadar ilk izlenime etkisi olan bir element olmasa da, siteniz üzerinde bir dakikadan daha uzun süre kalan bir ziyaretçinin ilk izlenimi üzerinde hatırı sayılır bir etkisi olacaktır. Bu özellikle bloglar için önemli bir faktördür. Siteniz ilk kez ziyaret eden bir ziyaretçi mükemmel bir içeriğe ulaşırsa, siteniz hakkındaki ilk izlenimi hiç şüphesiz olumlu olacaktır.</p> <p><strong>19. Ton</strong><br>İçeriğin kendisinin yanısıra içeriğin tonu da ilk izlenimde etkilidir. Daha önce güçlü içeriğe sahip ancak yazarı tarafından olumsuz bir tona sahip pek çok blogla karşılaştım.</p> <p><strong>20. Yorumların Sayısı ve Geri İzlemeler</strong><br>Blogunuzu ilk kez ziyaret eden ziyaretçilerin pek çoğu, yazılarınızdaki yorumların sayısına dikkat edeceklerdir. Yorumların ve geri izlemelerin sayısının fazlalığı, ziyaretçilerin ilgil içeriğin başkaları tarafından önemsendiği ve bu sayede onun değerli olduğu izlenimini uyandırır. Öte yandan hiçbir yorumu bulunmayan yazılar, ziyaretçinin ilgili içeriği kimlerin okuduğunu düşünmesine yol açar.</p> <p><strong>21. Flash Girişler</strong><br>Olumlu ya da olumsuz, flash girişleri (intro) bulunan sitelerin ziyaretçilerin ilk izlenimine etkisi olacaktır. Ben pek çok web sitesinde flash girişi bulunmasından hoşnut değilimdir. Bu tip girişlerin bazı endüstrilerdeki bazı web sitelerinde yeri olduğunu düşünürüm, mesela film ya da rock müzik gruplarının web siteleri gibi. Eğer ziyaretçilerinizin sizden bir flash girişi beklemediğini düşünüyorsanız flash girişi kullanmaktan kaçınırım.</p> <ul> <li><strong>Kaynak:</strong> <a href="http://vandelaydesign.com/blog/design/first-impression/">Vandelay Design Blog</a></li> </ul> <strong>Kullanılırlık ve Tasarımcı İpuçlarına Yönelik Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-web-sitesinin-sahibi">İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak">Web Tasarımında Boşlukları Verimli Olarak Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geribildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">Web Tasarımcıları İçin 10 Kullanılırlık İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran">Web Tasarımında Altın Oran</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/merl">merl</a> tarafından <a href=" http://www.bildirgec.org/yazi/website-ziyaretcilerinizin-ilk-izlenimini-etkileyen ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 28 Jan 2009 09:17:00 GMT 194583@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/website-ziyaretcilerinizin-ilk-izlenimini-etkileyen