<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - S_k_Y - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - S_k_Y - be&#287;endikleri</description>
    <item>
      <title>Se&#231;im K&#246;rl&#252;&#287;&#252;: Ne &#304;stedi&#287;inizi Bilmiyorsunuz</title>
      <author>S_k_Y</author>
      <description>&lt;p&gt;Alg&#305; de&#287;i&#351;iklikleri ile kendi uzmanl&#305;k alanlar&#305;nda bile &#231;ok basit testlerde hata yapan uzmanlar&#305; duymu&#351;uzdur: bir &#351;arap uzman&#305;n&#305;n k&#305;rm&#305;z&#305; ve beyaz &#351;arab&#305; ay&#305;rt edememesi (karart&#305;lm&#305;&#351; bardaklar i&#231;inde) veya sanat ele&#351;tirmenlerinin bilgisayar taraf&#305;ndan rastgele &#231;izilmi&#351; &#231;izgilere bakarak &#231;ok derin anlamlar g&#246;rmeleri gibi. B&#246;yle &#246;yk&#252;lerden hepimiz zevk al&#305;r&#305;z &#231;&#252;nk&#252; ki&#351;iler bir konuda ger&#231;ek otorite olduklar&#305;n&#305; iddia etmeyi arzularlar. Peki ama e&#287;er g&#252;ndelik se&#231;imlerimizi nas&#305;l yapt&#305;&#287;&#305;m&#305;z&#305; incelemeye kalkarsak.. Uzmanlar uzmanl&#305;klar&#305;n&#305;n el verdi&#287;i &#246;l&#231;&#252;de ve bu limitler i&#231;inde hata yapt&#305;klar&#305;nda kabul g&#246;rebilirler ama peki ya bizler kendimiz &#252;zerine en uzman ki&#351;iler olarak hata yapt&#305;&#287;&#305;m&#305;z zaman bu kabul edilebilir bir hata olur mu?&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/denizkar/mg20227046-400-1-300.jpg' alt="Ger&#231;ek se&#231;imimiz gizlice de&#287;i&#351;tirilse bile soruldu&#287;unda se&#231;imimizi &#351;iddetle savunuyoruz. Foto&#287;raf: Peter Cade / Getty" border="0"&gt;&lt;br&gt;Ger&#231;ek se&#231;imimiz gizlice de&#287;i&#351;tirilse bile soruldu&#287;unda se&#231;imimizi &#351;iddetle savunuyoruz. Foto&#287;raf: Peter Cade / Getty&lt;/div&gt;

	&lt;p&gt;Bu sorunun cevab&#305; baz&#305; ill&#252;zyon numaralar&#305; kullan&#305;larak bulunmaya &#231;al&#305;&#351;&#305;lm&#305;&#351;. Kat&#305;l&#305;mc&#305;lara sunulan alternatifler &#252;zerinde baz&#305; numaralar yapmaktansa habersiz olarak ki&#351;ilerin se&#231;im sonu&#231;lar&#305; &#252;zerinde numaralar yap&#305;lm&#305;&#351; ve nas&#305;l tepki verdikleri kaydedilmi&#351;. &#214;rne&#287;in, &#246;n &#231;al&#305;&#351;ma olarak kat&#305;l&#305;mc&#305;lara insan y&#252;z&#252; foto&#287;raf&#305; &#231;iftleri g&#246;sterilmi&#351; ve daha &#231;ekici olan&#305; se&#231;meleri istenmi&#351;. Baz&#305; denemelerde ki&#351;ilerden, se&#231;im yapt&#305;ktan hemen sonra se&#231;imlerinin arkas&#305;nda yatan nedenleri a&#231;&#305;klamalar&#305; istenmi&#351;.&lt;br&gt;Habersiz olarak, baz&#305; denemelerde &#231;ift-kart ill&#252;zyonu ile se&#231;tikleri y&#252;z asl&#305;nda se&#231;medikleri y&#252;ze ait foto&#287;rafla de&#287;i&#351;tirilmi&#351;. Genel yarg&#305;, b&#246;yle bir de&#287;i&#351;iklik oldu&#287;unda &#231;ok b&#252;y&#252;k ihtimalle hepimizin bunu hemen fark edece&#287;i y&#246;n&#252;nde. Fakat sonu&#231;lar %75 oranla kat&#305;l&#305;mc&#305;lar ill&#252;zyona kand&#305;klar&#305;n&#305; ve asl&#305;nda se&#231;medikleri y&#252;z&#252; neden se&#231;tiklerine dair a&#231;&#305;klamada bile bulunduklar&#305;n&#305; g&#246;steriyor. &lt;a href="http://brightcove.newscientist.com/services/player/bcpid1873822884?bctid=19661039001"&gt;(deney videosu)&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;Psikologlar&#305;n ortamdaki b&#252;y&#252;k de&#287;i&#351;ikliklerin bile b&#252;y&#252;k bir insan kitlesi taraf&#305;ndan alg&#305;lanamamas&#305; olgusuna verdikleri isim olan &#8220;de&#287;i&#351;im k&#246;rl&#252;&#287;&#252;&#8221; isminden hareketle bu olguya &#8220;se&#231;im k&#246;rl&#252;&#287;&#252;&#8221; ismi verilmi&#351;. Konuyla ilgili &#252;nl&#252; bir deneyde X ki&#351;isi bir Y ki&#351;isine adres tarifi sormakta, Y ki&#351;isi adresi tarif etmekle me&#351;gulken g&#246;rmedi&#287;i bir zamanda X ki&#351;isi bir Z ki&#351;isi ile de&#287;i&#351;tirilmektedir ve Y ki&#351;isi adres soran ki&#351;inin de&#287;i&#351;mi&#351; oldu&#287;unun fark&#305;na varamamaktad&#305;r. Ara&#351;t&#305;rmac&#305;lar hala bu fenomenin tam etkilerini incelemektedir ama k&#305;saca bu fenomen g&#252;ndelik hayatta ne kadar az bilgiyi kulland&#305;&#287;&#305;m&#305;z&#305; kan&#305;tlamaktad&#305;r ve &#231;evremizde ne olup bitti&#287;ini s&#252;rekli olarak bildi&#287;imiz fikrini ortadan kald&#305;rmaktad&#305;r.&lt;/p&gt;


	&lt;p&gt;Se&#231;im k&#246;rl&#252;&#287;&#252; ile zihnimizin verdi&#287;i kararlar ile niyetleri aras&#305;nda b&#252;y&#252;k fark yarat&#305;labiliyor. Kat&#305;l&#305;mc&#305;lar asl&#305;nda yapmad&#305;klar&#305; se&#231;imlerinin nedenleri ile s&#246;zl&#252; a&#231;&#305;klamalar yapt&#305;klar&#305;nda asl&#305;nda bu a&#231;&#305;klamalar&#305;n do&#287;ru olmad&#305;&#287;&#305;n&#305; kan&#305;tlam&#305;&#351; oldular. B&#246;ylece deney insanlar&#305;n bir durum kar&#351;&#305;s&#305;nda se&#231;imlerini hakl&#305; k&#305;lmak i&#231;in uydurduklar&#305; hikayeleri g&#246;stermi&#351; oldu. &lt;br&gt;Daha da &#246;nemlisi kat&#305;l&#305;mc&#305;lar&#305;n yapt&#305;klar&#305; bu a&#231;&#305;klamalar onlar&#305;n gelecekteki se&#231;imlerini de etkiliyor. &#8220;Se&#231;imimi sesli olarak dile getirdim bu y&#252;zden art&#305;k ger&#231;ekten onu sevmeliyim.&#8221; gibi bir psikolojiye girildi&#287;inden bahsedilebilir ve bu etkinin g&#252;nl&#252;k se&#231;imlerimizin hepsini bir &#351;ekilde &#351;ekillendirdi&#287;i s&#246;ylenebilir.&lt;/p&gt;


	&lt;p&gt;Bu etkinin g&#252;nl&#252;k hayattaki limitlerini ke&#351;fetmek i&#231;in yap&#305;lan ba&#351;ka bir deneyde s&#252;permarket m&#252;&#351;terilerinden &#231;e&#351;itli re&#231;el ve &#231;aylar aras&#305;ndan se&#231;im yapmalar&#305; istenmi&#351;. Kat&#305;l&#305;mc&#305;lar&#305;n ger&#231;ek se&#231;imlerini fark ettirmeden de&#287;i&#351;tirmek i&#231;in iki grup &#8220;sihirli&#8221; re&#231;el kavonuzu tasarlanm&#305;&#351;. Kavanozlar&#305;n hem &#252;st&#252;nde hem de dibinde birer kapak ve tam ortas&#305;nda bir separat&#246;r bulunmakta. Kavanozlar tamamen normal g&#246;z&#252;kmekte ama her ucunda iki farkl&#305; tip re&#231;el veya &#231;ay&#305; bar&#305;nd&#305;rmak i&#231;in tasarlanm&#305;&#351; ve kolayl&#305;kla tersine &#231;evrilebilmektedir.&lt;/p&gt;


	&lt;p&gt;Kat&#305;l&#305;mc&#305;lar se&#231;imlerini yapt&#305;ktan hemen sonra se&#231;tikleri &#252;r&#252;n&#252; tekrar tatmalar&#305;n&#305; ve s&#246;zl&#252; olarak se&#231;imlerinin nedenlerini a&#231;&#305;klamalar&#305; istenmi&#351;. Bunu yapmadan &#246;nceden kaplar fark ettirilmeden ters &#231;evrilmi&#351; ve tadan ki&#351;iye asl&#305;nda se&#231;ti&#287;i de&#287;il se&#231;medi&#287;i &#252;r&#252;n geri verilmi&#351;. &#304;lgin&#231; bir &#351;ekilde bir &#231;ok denemede sadece &#252;&#231; kere &#252;r&#252;n&#252;n de&#287;i&#351;ti&#287;ini fark etmi&#351;ler. &#220;stelik daha da ileri gidilerek bu sefer &#252;r&#252;nler benzer de&#287;il &#231;ok farkl&#305; tatlarla de&#287;i&#351;tirilmi&#351;, baharatl&#305; tar&#231;&#305;n ve elma ile ac&#305; greyfurt re&#231;eli gibi ve kat&#305;l&#305;mc&#305;lar&#305;n sadece yar&#305;s&#305; bu b&#252;y&#252;k de&#287;i&#351;imi fark etmi&#351;.&lt;/p&gt;


	&lt;p&gt;Bu tip etkiler online al&#305;&#351;veri&#351; yapan t&#252;keticiler i&#231;in bilgisayarlar, cep telefonlar&#305; hatta ev se&#231;imleri ile de denenmi&#351; ve benzer etki g&#246;r&#252;lm&#252;&#351;.&lt;/p&gt;


	&lt;p&gt;&#8220;Bu deneyleri kimle yap&#305;yorlar, ben fark ederim bunu kesin, se&#231;imlerimi bilmiyor muyum sanki ben?&#8221; diyen okuyucular i&#231;in belirtmek isterim ki; deneyler s&#252;resince kat&#305;l&#305;mc&#305;lar kand&#305;r&#305;ld&#305;klar&#305;n&#305;n fark&#305;nda olmadan karar verme yetileri ile ilgili baz&#305; sorular sorulmu&#351;. E&#287;er b&#246;yle bir deney size yap&#305;lsayd&#305; ne olurdu? De&#287;i&#351;imi fark eder miydiniz? gibi. Beklendi&#287;i &#252;zere insanlar&#305;n %90&#8217;a yak&#305;n k&#305;sm&#305; b&#246;yle bir durumda de&#287;i&#351;imi fark edeceklerini s&#246;ylemi&#351;ler.&lt;/p&gt;


	&lt;p&gt;Deneyin asl&#305;nda onlara uyguland&#305;&#287;&#305; ve &#231;oktan kand&#305;r&#305;ld&#305;klar&#305; s&#246;ylendi&#287;inde kat&#305;l&#305;mc&#305;lar&#305;n ya&#351;ad&#305;&#287;&#305; &#351;a&#351;k&#305;nl&#305;&#287;&#305; ve hatta inanmama duygusunu d&#252;&#351;&#252;n&#252;n. G&#252;nl&#252;k se&#231;imlerde kendi kararlar&#305;m&#305;za ne kadar g&#246;z&#252; kapal&#305; inand&#305;&#287;&#305;m&#305;z&#305; d&#252;&#351;&#252;n&#252;n, aynen &#351;araplarla ilgili her &#351;eyi bildi&#287;ini d&#252;&#351;&#252;nen bir &#351;arap uzman&#305; veya sanattan &#231;ok iyi anlad&#305;&#287;&#305;n&#305; d&#252;&#351;&#252;nen bir sanat ele&#351;tirmeni gibi. Ama iyi haber &#351;u ki bu tedavi edilebilir, bu yaz&#305;y&#305; okumak bile tedavi olman&#305;z&#305; sa&#287;layabilir.&lt;/p&gt;


	&lt;p&gt;Kaynak: Lars Hall and Petter Johansson lead the Choice Blindness Laboratory at Lund University, Sweden. Johansson is also affiliated with the ERATO Shimojo Implicit Brain Function Project and the University of Tokyo, Japan. Their 2005 Science paper on choice blindness initiated wider interest in the field.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/secim-korlugu-ne-istediginizi-bilmiyorsunuz "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 23 Apr 2009 14:45:00 GMT</pubDate>
      <guid isPermaLink="false">207070@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/secim-korlugu-ne-istediginizi-bilmiyorsunuz</link>
    </item>
    <item>
      <title>Size S&#305;f&#305;rdan Joomla &#214;&#287;retecek 70 Kaynak</title>
      <author>S_k_Y</author>
      <description>&lt;p&gt;A&#231;&#305;k kaynakl&#305; ve &#252;cretsiz pop&#252;ler bir &lt;a href="http://www.bildirgec.org/etiket/cms/"&gt;i&#231;erik y&#246;netim sistemi&lt;/a&gt; (cms) olan &lt;a href="http://www.bildirgec.org/etiket/joomla/"&gt;Joomla&lt;/a&gt; sayesinde her t&#252;rdeki web sitesini y&#246;netmek m&#252;mk&#252;n. Joomla, &lt;a href="http://www.mamboserver.com/"&gt;Mambo&lt;/a&gt; CMS'nin k&#252;llerinden do&#287;an ve ge&#231;en zaman i&#231;erisinde kullan&#305;c&#305; say&#305;s&#305;n&#305;n da artmas&#305;na paralel olarak Joomla'y&#305; hedefleyen kaynaklar&#305;n say&#305;s&#305; artt&#305;; t&#305;pk&#305; di&#287;er pop&#252;ler a&#231;&#305;k kaynak &#231;&#246;z&#252;mlerinde oldu&#287;u gibi. Bunun kullan&#305;c&#305;lar ve geli&#351;tiriciler a&#231;&#305;s&#305;ndan anlam&#305;, ilgili platforma y&#246;nelik pek &#231;ok kayna&#287;&#305;n ve bilginin bulunuyor olmas&#305;. Biz de bu yaz&#305;m&#305;zda bu kaynaklar&#305;n en iyilerine de&#287;inece&#287;iz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. Resmi Kaynaklar&lt;/strong&gt;&lt;br&gt;Her ne kadar Joomla kom&#252;nitesi say&#305;s&#305;z kullan&#305;&#351;l&#305; kaynak olu&#351;turmu&#351; olsalar da, Joomla'y&#305; geli&#351;tiren ekibin yay&#305;mlad&#305;&#287;&#305; ve &#246;nem arzeden kaynaklar da bulunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla.org/"&gt;Joomla Ana Sayfas&#305;&lt;/a&gt;&lt;/strong&gt;: Joomla'n&#305;n resmi sitesi &#252;zerinden sistem hakk&#305;nda daha fazla bilgi alabilir ve dosyalar&#305; indirebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-01.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://docs.joomla.org/"&gt;Belgeler&lt;/a&gt;&lt;/strong&gt;: Her bir Joomla kullan&#305;c&#305;s&#305; ya da geli&#351;tiricisinin yer imlerine eklemeleri gereken ve ilgili platformun her alan&#305;na y&#246;nelik say&#305;s&#305;z belge bar&#305;nd&#305;ran bir kaynak.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-02.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://community.joomla.org/magazine.html"&gt;Joomla Kom&#252;nite Dergisi&lt;/a&gt;&lt;/strong&gt;: Joomla'n&#305;n yeniliklerini takip edip g&#252;ncel kalmak isteyen Joomla kullan&#305;c&#305;lar&#305; ve geli&#351;tiricileri i&#231;in m&#252;kemmel bir kaynak.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://community.joomla.org/blogs.html"&gt;Ekip Bloglar&#305;&lt;/a&gt;&lt;/strong&gt;: Joomla kom&#252;nitesinde &#231;al&#305;&#351;an her bir grubun kendine &#246;zg&#252; bir blogu bulunuyor ve bu ekipler, Joomla kom&#252;nitesinin di&#287;er &#252;yeleri ile ileti&#351;im kurmak i&#231;in bu bloglar&#305; kullan&#305;yorlar.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://forum.joomla.org/"&gt;Joomla Forumlar&#305;&lt;/a&gt;&lt;/strong&gt;: E&#287;er yard&#305;ma ihtiyac&#305;n&#305;z varsa ya da kom&#252;niteye herhangi bir soru sormak istiyorsan&#305;z, ziyaret etmeniz gereken yer buras&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;2. Ba&#351;larken&lt;/strong&gt;&lt;br&gt;E&#287;er Joomla'y&#305; denemeye karar verdiyseniz size Joomla'ya giri&#351; yapman&#305;za yard&#305;mc&#305; olacak a&#351;a&#287;&#305;daki kaynaklara bir g&#246;z atmay&#305; deneyin.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla.org/about-joomla/getting-started.html"&gt;Joomla'ya Giri&#351;&lt;/a&gt;&lt;/strong&gt;: E&#287;er daha &#246;nce hi&#231; Joomla kullanmad&#305;ysan&#305;z bu sizin i&#231;in iyi bir ba&#351;lang&#305;&#231; noktas&#305; olacakt&#305;r.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-03.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://help.joomla.org/content/category/48/268/302/"&gt;Joomla 1.5 Kurulum Rehberi&lt;/a&gt;&lt;/strong&gt;: E&#287;er Joomla'n&#305;n kurulumu hakk&#305;nda yard&#305;ma ihtiyac&#305;n&#305;z varsa bu rehber size gerekli ad&#305;mlar&#305; g&#246;steriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://docs.joomla.org/Beginners"&gt;Joomla'ya Yeni Ba&#351;layanlar &#304;&#231;in Rehber&lt;/a&gt;&lt;/strong&gt;: Joomla'y&#305; hen&#252;z kullanmaya ba&#351;lam&#305;&#351; kullan&#305;c&#305;lar i&#231;in haz&#305;rlanm&#305;&#351; bu rehber, kurulum, y&#246;netim se&#231;enekleri, tema sistemi ve daha fazlas&#305; hakk&#305;nda bilgileri i&#231;eriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;3. Dersler&lt;/strong&gt;&lt;br&gt;E&#287;er Joomla ile geli&#351;tirilmi&#351; web siteleri &#252;zerinde nas&#305;l &#231;al&#305;&#351;abilece&#287;inizi, kendi &#351;ablonlar&#305;n&#305;z&#305; nas&#305;l olu&#351;turabilece&#287;inizi, eklentileri nas&#305;l kullanabilece&#287;inizi &#246;&#287;renmek istiyorsan&#305;z, a&#351;a&#287;&#305;da farkl&#305; kategorilere y&#246;nelik dersleri bulabilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;3.1 &#350;ablonlarla &#199;al&#305;&#351;mak&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlashack.com/tutorials/226-joomla-15-template-tutorial"&gt;Joomla &#350;ablon Dersi&lt;/a&gt;&lt;/strong&gt;: Joomla &#351;ablonlar&#305; ile nas&#305;l &#231;al&#305;&#351;aca&#287;&#305;n&#305;z&#305; &#246;&#287;renin.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-04.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlatutorials.com/joomla_tutorials/joomla_1.5_tutorials/administration/edit_template/details.html"&gt;&#350;ablonlar&#305; D&#252;zenlemek&lt;/a&gt;&lt;/strong&gt;: &#350;ablonlar&#305;n y&#246;netici paneli &#252;zerinden nas&#305;l d&#252;zenlenebilece&#287;ini g&#246;steriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-05.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.howtojoomla.net/content/view/85/2/"&gt;Joomla 1.5 &#220;zerinde Hangi Sayfada Oldu&#287;unuzu Anlamak&lt;/a&gt;&lt;/strong&gt;: Joomla i&#231;in &#351;ablon tasarlarken, sayfalar&#305;n&#305;z&#305; farkl&#305; &#351;ekilde stillemek isteyebilirsiniz. Bu rehber size bu alanda yard&#305;mc&#305; olacakt&#305;r.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-06.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlatutorials.com/walkthrough/visual_tutorials.html"&gt;CSS Dosyas&#305;n&#305; D&#252;zenlemek&lt;/a&gt;&lt;/strong&gt;: Joomla'n&#305;n CSS dosyas&#305; &#252;zerinde temel de&#287;i&#351;ikliklerin nas&#305;l yap&#305;labilebilece&#287;ini g&#246;steren g&#246;rsel bir rehber.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-07.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://developer.joomla.org/tutorials/165-understanding-output-overrides-in-joomla.html"&gt;Joomla 1.5'te &#199;&#305;kt&#305;lar&#305; (Output) Anlamak&lt;/a&gt;&lt;/strong&gt;: Joomla taraf&#305;ndan olu&#351;turulan i&#231;eri&#287;i anlamak i&#231;in tasar&#305;mc&#305;lara ve geli&#351;tiricilere y&#246;nelik olu&#351;turulmu&#351; bir rehber.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-08.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-developer-resources.com/database/paging-in-joomla-2.html"&gt;Joomla'da Sayfalamak&lt;/a&gt;&lt;/strong&gt;: Joomla &#252;zerinde i&#231;eri&#287;i sayfalara ay&#305;rmak isteyen geli&#351;tiricilere y&#246;nelik bir rehber.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://joomlapanel.com/joomla-article/58-page-titles-in-joomla-15.html"&gt;Joomla 1.5'te Sayfa Ba&#351;l&#305;klar&#305;&lt;/a&gt;&lt;/strong&gt;: Sayfa ba&#351;l&#305;klar&#305;n&#305; ve onlar&#305; ihtiyac&#305;n&#305;za g&#246;re nas&#305;l &#351;ekillendirebilece&#287;inizi inceleyen bir rehber.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-developer-resources.com/template/styling-frontpage-in-different-way.html"&gt;Ana Sayfay&#305; Farkl&#305; Bir &#350;ekilde Tasarlamak&lt;/a&gt;&lt;/strong&gt;: Bir Joomla web sitesinin ana sayfas&#305;na, sitenin geri kalan sayfalar&#305;ndan farkl&#305; bir stil ataman&#305;n yollar&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://joomlapanel.com/joomla-article/122-custom-404-error-pages-for-joomla.html"&gt;&#214;zel 404 Hata Sayfalar&#305;&lt;/a&gt;&lt;/strong&gt;: Joomla &#252;zerinde kendinize &#246;zel 404 Hata sayfalar&#305;n&#305; olu&#351;turabilmenin yollar&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;3.2 Veritabanlar&#305; &#304;le &#199;al&#305;&#351;mak&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://joomlapanel.com/joomla-article/59-export-your-joomla-database-with-phpmyadmin-.html"&gt;Joomla Veritaban&#305;n&#305; D&#305;&#351;a Aktamak&lt;/a&gt;&lt;/strong&gt;: Veritaban&#305;n&#305;z&#305; phpMyAdmin kullanarak nas&#305;l d&#305;&#351;a aktarabilece&#287;inizi &#246;zetleyen bir rehber.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://blog.joomlatools.eu/2008/01/joomla-coding-practices-tables-and.html"&gt;Joomla Kodlama Pratikleri: Tablolar ve &#214;ncelikli Anahtarlar&lt;/a&gt;&lt;/strong&gt;: Tablolar&#305; isimlendirmeye y&#246;nelik baz&#305; kullan&#305;&#351;l&#305; bilgiler.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;3.3 Website Y&#246;netimi&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.howtojoomla.net/content/view/94/2/"&gt;Joomla 1.5 &#220;zerine Y&#246;netici Temas&#305;n&#305; De&#287;i&#351;tirmek&lt;/a&gt;&lt;/strong&gt;: Y&#246;netici aray&#252;z&#252;n&#252; ihtiya&#231;lar&#305;n&#305;za g&#246;re nas&#305;l &#351;ekillendirebilece&#287;inizi &#246;&#287;renin.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-09.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.howtojoomla.net/content/view/92/2/"&gt;Joomla 1.5 &#220;zerinde &#214;ntan&#305;ml&#305; G&#246;rsel Klas&#246;r&#252;n&#252; De&#287;i&#351;tirmek&lt;/a&gt;&lt;/strong&gt;: Bu makale, Joomla &#252;zerinde g&#246;rsellerin y&#252;klendi&#287;i &#246;ntan&#305;ml&#305; klas&#246;r&#252;n konumunu nas&#305;l de&#287;i&#351;tirebilece&#287;inizi g&#246;steriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-10.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlaspots.com/Tutorials/Smart-and-Fast/how-to-import-wordpress-to-joomla.html"&gt;WordPress Blogunuzu Joomla'ya Dahil Etmek&lt;/a&gt;&lt;/strong&gt;: E&#287;er WordPress'ten Joomla'ya ge&#231;i&#351; yapmay&#305; planl&#305;yorsan&#305;z, bu makale size bu alanda atman&#305;z gereken ad&#305;mlar&#305; g&#246;steriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-11.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-addons.org/tutorials/security/keeping-your-joomla!-installation-safer-against-hacks-and-exploits.html"&gt;Joomla Kurulumunuzu Bilgisayar Korsanlar&#305;na ve Sald&#305;r&#305;lara Kar&#351;&#305; Korumak&lt;/a&gt;&lt;/strong&gt;: Web sitenizi daha g&#252;venli hale getirmek i&#231;in baz&#305; &#246;neriler.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-addons.org/tutorials/security/securing-your-administrator-directory-using-.htaccess-files.html"&gt;.htaccess Dosyalar&#305; Kullanarak Y&#246;netici Dizinini G&#252;vence Alt&#305;na Almak&lt;/a&gt;&lt;/strong&gt;: Joomla websitenizi bilgisayar korsanlar&#305;na kar&#351;&#305; .htaccess dosyalar&#305;n&#305; kullanarak korumak i&#231;in yap&#305;lmas&#305; gerekenler.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlaspots.com/Tutorials/Smart-and-Fast/Joomla-Tutorial.html"&gt;Joomla Web Sitelerini Ta&#351;&#305;mak&lt;/a&gt;&lt;/strong&gt;: Web sunucunuzu ya da alan ad&#305;n&#305;z&#305; de&#287;i&#351;tirmek bazen sizi zorlayabilir. Bu makale bu i&#351;lemi bir Joomla web sitesi i&#231;in nas&#305;l sorunsuz bir &#351;ekilde yapabilece&#287;inizi anlat&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;3.4 Beslemelerle &#199;al&#305;&#351;mak&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://blog.joomlatools.eu/2008/06/leveraging-feeds-in-joomla-15.html"&gt;Joomla 1.5'te Beslemeleri Y&#246;netmek&lt;/a&gt;&lt;/strong&gt;: Joomla &#252;zerinde beslemelerle nas&#305;l &#231;al&#305;&#351;&#305;labilece&#287;ine y&#246;nelik bir makale.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.compassdesigns.net/joomla-blog/How-to-have-RSS-on-any-page-of-Joomla-1.5.html"&gt;Joomla 1.5 &#220;zerindeki Herhangi Bir Sayfada RSS Kullanman&#305;n Yollar&#305;&lt;/a&gt;&lt;/strong&gt;: Herhangi bir sayfa &#252;zerinden RSS beslemesi alabilmek i&#231;in k&#305;sa bir ipucu.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;Mod&#252;ller, Eklentiler ve Bile&#351;enler &#304;le &#199;al&#305;&#351;mak&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlatutorials.com/joomla_tutorials/joomla_1.5_tutorials/administration/module_manager/details.html"&gt;Mod&#252;l Y&#246;neticisi&lt;/a&gt;&lt;/strong&gt;: Joomla'n&#305;n Mod&#252;l Y&#246;neticisi hakk&#305;nda sade bir rehber.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-12.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://developer.joomla.org/tutorials/184-how-to-create-a-joomla-plugin.html"&gt;Bir Joomla Eklentisi Nas&#305;l Olu&#351;turulur?&lt;/a&gt;&lt;/strong&gt;: Joomla'n&#305;n ana &#246;zelliklerini kendiniz ya da di&#287;erleri i&#231;in geli&#351;tirmek mi istiyorsan&#305;z? Bu makale bu konunun temellerine de&#287;iniyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-13.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlaspan.com/general/include-any-module-within-content-in-joomla-15.php"&gt;Joomla 1.5'te &#304;&#231;eri&#287;e Herhangi Bir Mod&#252;l&#252; Dahil Etmek&lt;/a&gt;&lt;/strong&gt;: Joomla i&#231;eri&#287;ine AdSense, PayPal ve AdBrite dahil etmeye y&#246;nelik bir rehber.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-developer-resources.com/components/introduction-to-joomla-component-develo.html"&gt;Joomla Bile&#351;en Geli&#351;tirimine Giri&#351;&lt;/a&gt;&lt;/strong&gt;: Bile&#351;en geli&#351;tirimi hakk&#305;nda temel bir yaz&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;i&gt;3.6 Di&#287;er Rehberler&lt;/i&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://blog.joomlatools.eu/2008/09/super-secret-sitemap-trick.html"&gt;S&#252;per Gizli Sitemap Hilesi&lt;/a&gt;&lt;/strong&gt;: Herhangi bir uzant&#305; y&#252;klemeden site haritas&#305; olu&#351;turun.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlahacks.com/content/view/503/64/"&gt;Joomla Performans Ayarlar&#305;: Mod&#252;l &#214;nbellekleme&lt;/a&gt;&lt;/strong&gt;: Mod&#252;lleri &#246;nbelle&#287;e alarak sitenizin performan&#305;s&#305;n&#305; nas&#305;l artt&#305;rabilece&#287;inizi &#246;&#287;renin.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.howtojoomla.net/content/view/90/2/"&gt;Joomla 1.5'te Bir Yaz&#305;ya YouTube Videosu Dahil Etmek&lt;/a&gt;&lt;/strong&gt;: Bu makale basit bir eklenti kullanarak sitenize nas&#305;l kolayca YouTube videolar&#305;n&#305; ekleyebiece&#287;inizi g&#246;steriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomreem.com/index.php?option=com_content&amp;task=view&amp;id=20&amp;Itemid=30"&gt;Joomla Arama Motoru Optimizasyonu&lt;/a&gt;&lt;/strong&gt;: 5 ad&#305;mda Joomla web sitesini arama motorlar&#305; i&#231;in optimize etmeye y&#246;nelik bir ders.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;4. Joomla &#350;ablonlar&#305; (Temalar&#305;)&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Joomla kom&#252;nitesi halihaz&#305;rda binlerce tema olu&#351;turmu&#351; durumda. Baz&#305; premium tema &#252;yelik kul&#252;pleri i&#231;eren web sitelerinin yan&#305;s&#305;ra pek &#231;ok &#252;cretsiz tema da bulunuyor. Bu k&#305;s&#305;mda &#252;cretli ve &#252;cretsiz en iyi Joomla &#351;ablonlar&#305;n&#305; bulabilece&#287;iniz siteler yer al&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlajunkie.com/"&gt;JoomlaJunkie&lt;/a&gt;&lt;/strong&gt;: JoomlaJunkie sitesi, kullan&#305;c&#305;lara, tasar&#305;mc&#305;lara ve geli&#351;tiricilere y&#246;elik &#252;cretli ve y&#252;ksek kaliteli &#351;abonlar&#305; i&#231;eren &#252;yelik paketlerinin yan&#305;s&#305;ra &lt;a href="http://www.joomlajunkie.com/free-downloads/"&gt;&#252;cretsiz Joomla temalar&#305;&lt;/a&gt;n&#305; da sunuyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-14.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.bestofjoomla.com/"&gt;Best Of Joomla&lt;/a&gt;&lt;/strong&gt;: Geli&#351;tiriciler kendi olu&#351;turduklar&#305; temalar&#305; bu siteye g&#246;nderebilirler Best of Joomla &#252;cretsiz &#351;ablonlar&#305;n yan&#305;s&#305;ra baz&#305; kullan&#305;&#351;l&#305; bilgileri de i&#231;eriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-15.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla24.com/"&gt;Joomla24&lt;/a&gt;&lt;/strong&gt;: 1.500'&#252;n &#252;zerinde &#252;cretsiz Joomla temas&#305;n&#305; b&#252;nyesinde bar&#305;nd&#305;r&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-16.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://designforjoomla.com/"&gt;Design for Joomla&lt;/a&gt;&lt;/strong&gt;: &#220;cretsiz &#351;ablonlar&#305;n bulundu&#287;u geni&#351; bir kolleksiyon.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-17.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.funky-visions.de/"&gt;Funky Visions&lt;/a&gt;&lt;/strong&gt;: Pek &#231;ok &#252;cretsiz Joomla &#351;ablonunu i&#231;eriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-18.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.iboldesign.com/free-joomla-templates/"&gt;IbolDesign&lt;/a&gt;&lt;/strong&gt;: IbolDesign sitesi de di&#287;er &#351;ablon siteleri gibi bir dizi &#252;cretsiz &#351;ablonu i&#231;eryor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-19.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.rockettheme.com/joomla-downloads/folder/113-free"&gt;Rocket Theme&lt;/a&gt;&lt;/strong&gt;: Bir di&#287;er &#252;cretli ve y&#252;ksek kaliteli &#351;ablon sunan site ayr&#305;ca d&#246;rt adet &#252;cretsiz tema da i&#231;eriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-20.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlashack.com/index.php?option=com_frontpage&amp;Itemid=1"&gt;Joomla Shack&lt;/a&gt;&lt;/strong&gt;: &#220;cretli ve &#252;cretsiz temalar&#305;n bulundu&#287;u bir site.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-21.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlajet.com/"&gt;Joomla Jet&lt;/a&gt;&lt;/strong&gt;: &#220;&#231; farkl&#305; seviyede &#252;yelik sunan ve premium temalar&#305; b&#252;nyesinde bar&#305;nd&#305;ran bir site.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-22.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlart.com/"&gt;Joomla Art&lt;/a&gt;&lt;/strong&gt;: Bir di&#287;er premium tema kul&#252;b&#252; olan bu sitede ayr&#305;ca baz&#305; dersler ve harici kaynaklar da yer al&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-23.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.howtojoomla.net/content/view/84/2/"&gt;Bo&#351; Joomla 1.5 &#350;ablonu&lt;/a&gt;&lt;/strong&gt;: &#350;ablon olu&#351;turmak i&#231;in iyi bir ba&#351;lang&#305;&#231; noktas&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://djoomla.com/component/option,com_remository/Itemid,2/func,select/id,2/"&gt;DJoomla&lt;/a&gt;&lt;/strong&gt;: Sitenin kullan&#305;c&#305;lar&#305; taraf&#305;ndan g&#246;nderilen &#252;cretsiz temalar&#305;n yan&#305;s&#305;ra baz&#305; di&#287;er kaynaklar da bulunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm"&gt;SiteGround&lt;/a&gt;&lt;/strong&gt;: Bu hosting &#351;irketi Joomla kullan&#305;c&#305;lar&#305; i&#231;in bir dizi &#252;cretsiz tema sunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.osskins.com/main/?this=qr&amp;meta=cost&amp;metavalue=free&amp;category=2&amp;sortby=rating"&gt;OSSkins&lt;/a&gt;&lt;/strong&gt;: Joomla, WordPress ve Drupal i&#231;in &#252;cretli ve &#252;cretsiz &#351;ablonlar sunan bir site.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5. Uzant&#305;lar, Eklentiler&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;T&#305;pk&#305; di&#287;er a&#231;&#305;k kaynakl&#305; CMSler gibi Joomla da ilk indirildi&#287;inde baz&#305; &#246;zellikleri b&#252;nyesinde bar&#305;nd&#305;r&#305;yor ancak eklentiler ve uzant&#305;lar kullanarak Joomla sitenize yeni &#246;zellikler katmak m&#252;mk&#252;n. T&#305;pk&#305; &#351;ablonlarda oldu&#287;u gibi bu eklentilerin de bir k&#305;sm&#305; &#252;cretsiz bir k&#305;sm&#305; &#252;cretli olarak sunuluyor. Yaz&#305;n&#305;n bu k&#305;sm&#305;nda ihtiyac&#305;n&#305;z olan en do&#287;ru eklentiyi ve/veya uzant&#305;y&#305; bulabilece&#287;iniz siteleri listeleyece&#287;iz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://extensions.joomla.org/"&gt;Joomla Uzant&#305;lar&#305; Dizini&lt;/a&gt;&lt;/strong&gt;: Uzant&#305;lar&#305;n resmi dizini.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-24.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-addons.org/"&gt;Joomla Eklentileri&lt;/a&gt;&lt;/strong&gt;: &#220;cretsiz bile&#351;enler, mod&#252;ller ve eklentilerin yer ald&#305;&#287;&#305; m&#252;kemmel bir kolleksiyon. Ayr&#305;ca baz&#305; y&#252;ksek kaliteli eklentilr de bu site &#252;zerinden sat&#305;&#351;a sunuluyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-25.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlaworks.gr/"&gt;JoomlaWorks&lt;/a&gt;&lt;/strong&gt;: Site b&#252;nyesinde hem &#252;cretli hem de &#252;cretsiz eklentiler yer al&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-26.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlabamboo.com/free-joomla-addons/"&gt;Joomla Bamboo&lt;/a&gt;&lt;/strong&gt;: Joomla Bamboo &#252;cretli uzant&#305;lar ve temalar&#305;n yan&#305;s&#305;ra baz&#305; &#252;cretsiz kaynkalar&#305; da i&#231;eriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-27.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://virtuemart.net/"&gt;VirtueMart&lt;/a&gt;&lt;/strong&gt; Virtuemart, Joomla ve Mambo siteleri i&#231;in &#252;cretsiz ve a&#231;&#305;k kaynakl&#305; bir e-ticaret &#231;&#246;z&#252;m&#252;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-28.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://djoomla.com/component/option,com_remository/Itemid,2/func,select/id,6/"&gt;DJoomla&lt;/a&gt;&lt;/strong&gt;: Kullan&#305;c&#305;lar taraf&#305;ndan g&#246;nderilen Joomla mod&#252;lleri dizini.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://extensions.ijoomla.com/"&gt;iJoomla&lt;/a&gt;&lt;/strong&gt;: &#220;&#231;&#252;nc&#252; parti uzant&#305; dizini.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.siteground.com/joomla_addons.htm"&gt;SiteGround&lt;/a&gt;&lt;/strong&gt;: Baz&#305;lar&#305; &#252;cretli baz&#305;lar&#305; &#252;cretsiz Joomla eklentilerinin bir dizini.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ultijoomla.com/blog/tags/Extensions/"&gt;UltiJoomla&lt;/a&gt;&lt;/strong&gt;: Bir dizi &#252;cretsiz uzant&#305;y&#305; da i&#231;eren bir blog.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;6. &#304;lham&lt;/strong&gt;&lt;br&gt;E&#287;er di&#287;er tasar&#305;mc&#305;lar&#305;n ve geli&#351;tiricilerin Joomla ile neler ba&#351;ard&#305;klar&#305;n&#305; g&#246;rmek istiyorsan&#305;z &#351;ansl&#305;s&#305;n&#305;z zira &#304;nternet &#252;zerinde Joomla i&#231;in ilham kaynaklar&#305;na y&#246;nelik pek &#231;ok web sitesi bulunuyor. Baz&#305;lar&#305; ise Joomla'n&#305;n yan&#305;s&#305;ra di&#287;er i&#231;erik y&#246;netim sistemlerini de b&#252;nyesine katm&#305;&#351;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlabased.com/"&gt;Joomla Based&lt;/a&gt;&lt;/strong&gt;: Joomla ile &#231;al&#305;&#351;an web sitelerinin geni&#351; bir listesi.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-29.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-showcase.com/"&gt;Joomla Showcase&lt;/a&gt;&lt;/strong&gt;: Joomla ile &#231;al&#305;&#351;an web sitelerinin tasar&#305;mlar&#305;n&#305; i&#231;eren bir galeri.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-30.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.bestofjoomla.com/component/option,com_bestofsites/Itemid,78/"&gt;Joomla'n&#305;n En &#304;yileri&lt;/a&gt;&lt;/strong&gt;: &#220;cretsiz temalar&#305; da i&#231;eren ve ilham al&#305;nabilecek sitelere y&#246;nelik bir site.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-31.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlacase.com/"&gt;Joomla Case&lt;/a&gt;&lt;/strong&gt;: Sadece Joomla i&#231;in di&#287;er bir tasar&#305;m galerisi.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-32.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.cmsshowcase.com/category/uncategorized/"&gt;CMS Showcase&lt;/a&gt;&lt;/strong&gt; site b&#252;nyesinde tan&#305;t&#305;lan 40 adet Joomla ile &#231;al&#305;&#351;an web sitesi bulunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://forum.joomla.org/viewforum.php?f=514"&gt;Joomla Showcase&lt;/a&gt;&lt;/strong&gt;: Joomla forumlar&#305; b&#252;nyesinde ayr&#305;ca &#246;zel Joomla &#351;ablonlar&#305; ve di&#287;er Joomla kullan&#305;c&#305;lar&#305;n&#305;n &#231;al&#305;&#351;malar&#305;ndan ilham alabilece&#287;iniz b&#246;l&#252;mler de bulunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlazone.net/directory/joomla-powered.html"&gt;Joomla Zone&lt;/a&gt;&lt;/strong&gt;: Joomla Zone, web site sahiplerinin ve tasar&#305;mc&#305;lar&#305;n&#305;n Joomla ile &#231;al&#305;&#351;an web sitelerini g&#246;nderebilecekleri Joomla Powered b&#246;l&#252;m&#252;n&#252; i&#231;eriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;7. Di&#287;er CMSler &#304;le Kar&#351;&#305;la&#351;t&#305;rma&lt;/strong&gt;&lt;br&gt;E&#287;er Joomla'y&#305; daha &#246;nce kullanmad&#305;ysan&#305;z, muhtemelen bu platformun di&#287;er i&#231;erik y&#246;netim sistemleri ile aras&#305;ndaki fark&#305; merak ediyorsan&#305;z. A&#351;a&#287;&#305;daki kaynaklar farkl&#305; ki&#351;ilerin di&#287;er CMSlerin kar&#351;&#305;s&#305;nda Joomla'n&#305;n hangi &#246;zellikleri ile ayakta durabildi&#287;ini anlat&#305;yor. Bu kar&#351;&#305;la&#351;t&#305;rmalar&#305; okurken her bir i&#231;erik y&#246;netim sisteminin art&#305;lar&#305;n&#305;n ve eksilerinin bulundu&#287;unu ve piyasadaki hi&#231;bir i&#231;erik y&#246;netim sisteminin t&#252;m projeler i&#231;in uygun olmas&#305;n&#305;n m&#252;mk&#252;n olmad&#305;&#287;&#305;n&#305; akl&#305;n&#305;zdan &#231;&#305;karmay&#305;n.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.sitepoint.com/forums/showthread.php?t=530161"&gt;Joomla vs. WordPress&lt;/a&gt;&lt;/strong&gt;: SitePoint forumlar&#305;nda Joomla ile WordPress'i kar&#351;&#305;la&#351;t&#305;ran bir tart&#305;&#351;ma forumu.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://marketingblog.net/2008/12/08/ultra-light-startups-drupal-joomla-wordpress/"&gt;Hangi CMS? Joomla vs. Drupal vs. WordPress&lt;/a&gt;&lt;/strong&gt;: Bu video her biri a&#231;&#305;k kaynakl&#305; olan bu &#252;&#231; se&#231;ene&#287;i de birbirleri ile kar&#351;&#305;la&#351;t&#305;r&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.seomoz.org/ugc/wordpress-vs-joomla-a-handy-guide"&gt;WordPress vs. Joomla: &#304;&#351;e Yarar Rehber&lt;/a&gt;&lt;/strong&gt;: YOUmoz &#252;zerindeki bu yaz&#305;, her iki i&#231;erik y&#246;netim sistemini de kullan&#305;labilirlik, de&#287;i&#351;kenlik ve arama motoru optimizasyonu a&#231;&#305;s&#305;ndan inceliyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.communicopia.net/blog/joomla-versus-drupal"&gt;Neden Arkada&#351; Olam&#305;yoruz? Joomla vs. Drupal&lt;/a&gt;&lt;/strong&gt;: Her bir i&#231;erik y&#246;netim sisteminin art&#305;lar&#305;n&#305; ve eksilerini inceleyen tarafs&#305;z bir yaz&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.alledia.com/blog/general-cms-issues/joomla-and-drupal-Joomla%20and%20Drupal%20-%20Which%20One%20is%20Right%20for%20You?1-which-one-is-right-for-you?/"&gt;Joomla ve Drupal - Sizin &#304;&#231;in Hangisi Do&#287;ru?&lt;/a&gt;&lt;/strong&gt;: Bu makale her ne kadar iki y&#305;l eski olsa bile bu iki platformu da kar&#351;&#305;la&#351;t&#305;rmak isteyenler i&#231;in faydal&#305; olabilir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;8. Geli&#351;tirici Kaynaklar&#305;&lt;/strong&gt;&lt;br&gt;Bu kaynaklar, yukar&#305;daki kategorilere pek uymamas&#305;na ra&#287;men belirtmeye de&#287;ecek kaynaklar oldu&#287;unu d&#252;&#351;&#252;n&#252;yorum. Kaynaklar&#305;n her biri, WordPress geli&#351;tiricilerinin farkl&#305; ihtiya&#231;lar&#305;n&#305; gidermeye odaklan&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://joomlacode.org/"&gt;JoomlaCode&lt;/a&gt;&lt;/strong&gt;: JoomlaCode.org Joomla &#252;zerine in&#351;a edilmi&#351; a&#231;&#305;k kaynakl&#305; projeler geli&#351;tirmek isteyen geli&#351;tiricilere y&#246;nelik bir kaynak.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-33.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomlancers.com/"&gt;Joomlancers&lt;/a&gt;&lt;/strong&gt;: Joomla geli&#351;tiricileri i&#231;in ba&#287;&#305;ms&#305;z &#231;al&#305;&#351;anlara (freelancer) y&#246;nelik bir i&#351; bulma sitesi.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-34.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.joomla-developer-resources.com/"&gt;Joomla Geli&#351;tirici Kaynaklar&#305;&lt;/a&gt;&lt;/strong&gt;: Joomla i&#231;in eklentiler ve bile&#351;enler geli&#351;tiren ya da geli&#351;tirmek isteyenlere y&#246;nelik bir kaynak.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/71-35.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://www.smashingmagazine.com/2009/01/05/joomla-developers-toolbox/"&gt;Smashing Magazine&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;Size S&#305;f&#305;rdan XX &#214;&#287;renetecek XX Kaynak Serisi&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/size-sifirdan-photoshop-ogretecek-35"&gt;Size S&#305;f&#305;rdan Photoshop &#214;&#287;retecek 35 Kaynak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/size-sifirdan-ajax-ogretecek-20"&gt;Size S&#305;f&#305;rdan AJAX &#214;&#287;retecek 20 M&#252;kemmel Kaynak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/size-sifirdan-jquery-ogretecek-15"&gt;Size S&#305;f&#305;rdan jQuery &#214;&#287;retecek 15 Kaynak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/size-sifirdan-php-ogretecek-25"&gt;Size S&#305;f&#305;rdan PHP &#214;&#287;retecek 25 Kaynak&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.bildirgec.org/rss/uye/pinkfloyd/yazi.xml"&gt;yaz&#305;lar&#305;m&#305; rss istemcisi &#252;zerinden takip etmek i&#231;in buraya t&#305;klay&#305;n&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/size-sifirdan-joomla-ogretecek-70 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 28 Feb 2009 15:29:00 GMT</pubDate>
      <guid isPermaLink="false">199337@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/size-sifirdan-joomla-ogretecek-70</link>
    </item>
    <item>
      <title>75 (ger&#231;ekten) kullan&#305;&#351;l&#305; javascript tekni&#287;i</title>
      <author>S_k_Y</author>
      <description>&lt;p&gt;Geli&#351;tiriciler ve tasar&#305;mc&#305;lar g&#252;n ge&#231;tik&#231;e modern tasar&#305;mlar&#305;nda daha &#231;ok &lt;strong&gt;JavaScript&lt;/strong&gt; kullan&#305;r oldular. Bazen JavaScript kullan&#305;m&#305; kullan&#305;c&#305;n&#305;n i&#351;ini zorla&#351;t&#305;r&#305;p tasar&#305;m&#305;n sadeli&#287;ini al&#305;rken kimi zaman da kullan&#305;c&#305; deneyimine &#231;ok &#246;nemli katk&#305;lar&#305; olur. Burada &#246;nemli olan a) do&#287;ru miktarda JavaScript kullanmak ve b) do&#287;ru JavaScript tekniklerini kullanmakt&#305;r. &lt;a href="http://www.bildirgec.org/yazi/size-sifirdan-jquery-ogretecek-15"&gt;Bug&#252;ne&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/jquery-ile-kolayca-ipucu-tooltip"&gt;kadar&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/en-iyi-65-mootools-eklentisi"&gt;pek&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript"&gt;&#231;ok&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/jquery-ui-yi-kullanarak-metin"&gt;javascript&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/jquery-nin-en-pratik-ve"&gt;tekni&#287;ini&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/mukemmel-jquery-navigasyonuna-sahip-8"&gt;sizlerle&lt;/a&gt; &lt;a href="http://www.bildirgec.org/yazi/jquery-kullanarak-satirici-metinlerin-rengini"&gt;payla&#351;t&#305;m&lt;/a&gt;. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planl&#305;yorum.&lt;/p&gt;


	&lt;p&gt;Web'in JavaScript'e h&#305;zl&#305; ge&#231;i&#351;i sa&#287;olsun &lt;a href="http://www.bildirgec.org/etiket/javascript-kutuphaneleri/"&gt;JavaScript k&#252;t&#252;phaneleri&lt;/a&gt; tasar&#305;mc&#305;lar&#305;n ve geli&#351;tiricilerin i&#351;lerini kolayla&#351;t&#305;rmak i&#231;in &#231;&#305;&#287; gibi b&#252;y&#252;meye devam ediyorlar. Geli&#351;tiricilerin kulland&#305;&#287;&#305; JavaScript k&#252;t&#252;phaneleri aras&#305;nda &lt;a href="http://www.bildirgec.org/etiket/jquery/"&gt;jQuery&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/etiket/prototype/"&gt;Prototype&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/etiket/scriptaculous/"&gt;Scriptaculous&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/etiket/mootools/"&gt;mooTools&lt;/a&gt;, &lt;a href="http://www.bildirgec.org/etiket/dojo/"&gt;Dojo&lt;/a&gt; en &#231;ok kullan&#305;lan k&#252;t&#252;phaneler olarak g&#246;sterilebilir. Bu &#231;at&#305;lar&#305; kullanan kom&#252;nite &#252;yelerinin olu&#351;turdu&#287;u say&#305;s&#305;z eklentiler de JavaScript k&#252;t&#252;phanelerine dahil edilebilmektedir.&lt;/p&gt;


	&lt;p&gt;Ancak bazen baz&#305; &#246;zel ihtiya&#231;lara y&#246;nelik olarak geli&#351;tirilmi&#351; JavaScript &#231;&#246;z&#252;mlerine ihtiyac&#305;m&#305;z olabilir. &#304;ki b&#246;l&#252;m halinde yay&#305;mlayaca&#287;&#305;m bu yaz&#305;mda web sitelerini &#231;ok daha ilgin&#231; ve &#231;ekici k&#305;lan &lt;strong&gt;75 ger&#231;ekten kullan&#305;&#351;l&#305; JavaScript Tekni&#287;i&lt;/strong&gt;nden bahsetmek istiyorum.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://yellowgreen.de/hyphenation-in-web/"&gt;Web'de Heceleme&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu proje (X)HTML sayfalar&#305; i&#231;in otomatik hecelemeye y&#246;nelik &#231;al&#305;&#351;an &#231;&#246;z&#252;mleri bir araya getirmeyi hedefliyor. Hem farkl&#305; insan ve betik dilleri i&#231;in, hem de sunucu ve istemci tarafl&#305; platformlar i&#231;in. &lt;strong&gt;&lt;a href="http://code.google.com/p/hyphenator/"&gt;Hyphenator.js&lt;/a&gt;&lt;/strong&gt; ad&#305; verilen bir JavaScript &#231;&#246;z&#252;m&#252; de mevcut. Hyphenator.js, HTML belgelerinin sunucu tarafl&#305; hecelemesini, baz&#305; ortak heceleme kurallar&#305; ve Franklin M. Liang'&#305;n LaTex ve OpenOffice'te de s&#305;k&#231;a kullan&#305;lan heceleme algoritmas&#305;n&#305; t&#252;m taray&#305;c&#305;lara getiriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-01.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.azarask.in/blog/post/socialhistoryjs/"&gt;SocialHistory.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;SocialHistory.js, ziyaret&#231;ilerinizin hangi sosyal a&#287;lar&#305; kulland&#305;&#287;&#305;n&#305; tesbit edebilmenizi sa&#287;l&#305;yor. Kullan&#305;c&#305;n&#305;n t&#252;m ge&#231;mi&#351;ini g&#246;rmenizi sa&#287;lam&#305;yor. Kullan&#305;c&#305;n&#305;n daha &#246;nce herhangi bir adresi ziyaret edip etmedi&#287;ini 20 soruluk bir y&#246;ntemle test ediyor. SocialHistory.js'nin kontrol etti&#287;i &#231;ok geni&#351; bir sosyal a&#287; listesi mevcut. Alternatif arayanlar &lt;a href="http://www.niallkennedy.com/blog/2008/02/browser-history-sniff.html"&gt;&#351;u &#231;&#246;z&#252;me&lt;/a&gt; de bir g&#246;z atabilirler.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-02.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://devthought.com/textboxlist-meets-autocompletion/"&gt;Textboxlist Otomatik Tamamlama&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;JavaScript'in en &#231;ekici &#246;zelliklerinden birisi de olduk&#231;a kullan&#305;&#351;l&#305; olan otomatik tamamlama &#246;zelli&#287;idir. Otomatik tamamlamay&#305; &lt;a href="http://www.facebook.com/"&gt;Facebook&lt;/a&gt;'tan daha g&#252;zel kullanan hi&#231;bir site yoktur. Facebook, otomatik tamamlama &#246;zelli&#287;ini &#231;ok etkin bir &#351;ekilde kullanarak di&#287;er Facebook kullan&#305;c&#305;lar&#305;n&#305;n aranabilmesini sa&#287;lam&#305;&#351; durmda. Kullan&#305;c&#305; bir kez bulundu&#287;unda ad&#305; bir &#231;er&#231;eve i&#231;erisinde listeye ekleniyor ve kullan&#305;c&#305; ad&#305;n&#305;n yan&#305;na ad&#305; listeden &#231;&#305;karmak i&#231;in bir "X" ba&#287;lant&#305;s&#305; ekleniyor. &#304;&#351;te TextboxList beti&#287;i de bu &#246;zelli&#287;i taklit ederek kullan&#305;c&#305;lar&#305;n hizmetine sunmu&#351; durumda.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-03.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://natbat.net/2008/Aug/27/addSizes/"&gt;addSizes.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu k&#252;&#231;&#252;k JavaScript otomatik dosya boyutu olu&#351;turma i&#351;ini hallediyor. &#214;rne&#287;in e&#287;er b&#252;y&#252;k boyutlu .mp3 ya da .pdf dosyalar&#305;n&#305; siteniz &#252;zerinden sunuyorsan&#305;z bu betik ilgili dosyalar&#305; otomatik olarak kontrol ederek dosya boyutunu ba&#287;lant&#305;n&#305;n hemen yan&#305;na parantez i&#231;erisinde ekliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-04.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/syntaxhighlighter/"&gt;syntaxhighlighter&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;SyntaxHighlighter &#246;zellikle sitesi &#252;zerinden s&#305;kl&#305;kla kod par&#231;ac&#305;klar&#305; yay&#305;mlayan geli&#351;tiriciler ve kodcular i&#231;in haz&#305;rlanm&#305;&#351; bir betik. %100 JavaScript tabanl&#305; olan bu betik, sunucunuzda neyin kurulu olup olmad&#305;&#287;&#305;na bakm&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-05.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/samaxesjs/"&gt;samaxesjs&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;samaxesJS JavaScript ile yaz&#305;lm&#305;&#351;, zengin web uygulamalar&#305;na entegre etmek i&#231;in geli&#351;tirilmi&#351; bir dizi arac&#305; ve kontrol&#252; i&#231;eriyor. &#214;rne&#287;in TOC (Table of Contents - &#304;&#231;indekiler) kontrol&#252; sayfan&#305;zdaki i&#231;eri&#287;in ba&#351;l&#305;klar&#305;ndan otomatik olarak bir i&#231;indekiler tablosu olu&#351;turuyor, t&#252;m ba&#351;l&#305;klar&#305;n &#246;n&#252;ne numara ekliyor ve HTML tablosunu otomatik olarak olu&#351;turuyor. JavaScript'in etkin olmad&#305;&#287;&#305; taray&#305;c&#305;larda da sayfan&#305;n yap&#305;s&#305;n&#305; bozmadan &#246;zelli&#287;i etkisizle&#351;tiriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-06.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://icant.co.uk/sandbox/stepbystep/#examples"&gt;Ad&#305;m Ad&#305;m&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu betik ziyaret&#231;ilerinize sitenizin onlar i&#231;in ne sundu&#287;unu g&#246;sterebilmenizi ve a&#231;&#305;klayabilmenizi sa&#287;l&#305;yor. Daha &#246;nce ekran g&#246;r&#252;nt&#252;leri ve videolarla olu&#351;turulmu&#351; ve bir &#252;r&#252;n&#252;n ya da hizmetin tan&#305;t&#305;m&#305;n&#305; yapan ve size ilgili i&#231;eri&#287;i ad&#305;m ad&#305;m a&#231;&#305;klayan baz&#305; tan&#305;t&#305;m uygulamalar&#305; ile kar&#351;&#305;la&#351;m&#305;&#351;s&#305;n&#305;zd&#305;r. &#304;&#351;te bu betik tam da bu i&#351;i web siteleri i&#231;in yapmay&#305; hedefliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-07.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://yellowgreen.de/morecss"&gt;MoreCSS&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;MoreCSS k&#252;&#231;&#252;k, &#231;apraz-taray&#305;c&#305; uyumlu bir JavaScript k&#252;t&#252;phanesi olup t&#305;pk&#305; CSS kullan&#305;yormu&#351;&#231;as&#305;na sekmeli men&#252;ler, tablolar ve "zebra" tarz&#305;nda listeler olu&#351;turabilmenizi sa&#287;l&#305;yor. K&#252;t&#252;phaneyi HTML'ye eklemek ve genel ge&#231;er tasar&#305;m elementleri i&#231;in CSS kullanman&#305;z yeterli.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-08.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://facelift.mawhorter.net/"&gt;Facelift G&#246;rsel De&#287;i&#351;tiricisi&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Facelift Image Replacement (ya da FLIR, fliir diye okunur) bir imaj de&#287;i&#351;tirme beti&#287;i olup bir siteniz &#252;zerinde herhangi bir yaz&#305;tipini kullanabilmenizi sa&#287;l&#305;yor. Normalde ziyaret&#231;inin taray&#305;c&#305;s&#305;nda bulunmayan bir yaz&#305;tipini sitenizde kullanmaya kalkt&#305;&#287;&#305;n&#305;zda o ziyaret&#231;inin sisteminde &#246;ntan&#305;ml&#305; olan yaz&#305;tipi g&#246;r&#252;nt&#252;lenirken bu betik kullan&#305;ld&#305;&#287;&#305;nda ilgili yaz&#305;tipi i&#231;in g&#246;rseller g&#246;r&#252;nt&#252;leniyor. T&#252;m modern taray&#305;c&#305;larda &#231;al&#305;&#351;an bu betik ba&#351;l&#305;klardan (h1, h2 vs) span elementlerine ve aras&#305;ndaki her metin i&#231;erikli element &#252;zerinde kusursuz &#231;al&#305;&#351;&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-09.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://alistapart.com/articles/sprites2"&gt;CSS Sprites2&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#199;apraz taray&#305;c&#305; uyumlulu&#287;u art&#305;k &#231;ocuk oyunca&#287;&#305; haline geldi, zira jQuery pek &#231;ok modern taray&#305;c&#305; &#252;zerinde &#231;al&#305;&#351;&#305;yor. Burada g&#246;rd&#252;&#287;&#252;n&#252;z her &#351;ey IE6+, Firefox, Safari, Opera vs'de &#231;al&#305;&#351;&#305;yor. Beti&#287;e ayr&#305;ca JavaScript'in etkin olmad&#305;&#287;&#305; durumlarda bile sitenin g&#246;r&#252;n&#252;m&#252;n&#252; bozmayacak korumalar eklenmi&#351; durumda.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-10.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://urlgreyhot.com/personal/weblog/jparralax"&gt;jParallax&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jParallax bir jQuery k&#252;t&#252;phanesi olup se&#231;ili elementi bir 'pencereye' ya da bir g&#246;r&#252;nt&#252; kap&#305;s&#305;na ve bunlar&#305;n t&#252;m astlar&#305;n&#305; da mutlak pozisyonlanm&#305;&#351; katmanlara d&#246;n&#252;&#351;t&#252;rerek g&#246;r&#252;nt&#252; kap&#305;s&#305; &#252;zerinden g&#246;r&#252;nt&#252;lenebilir hale sokuyor. Bu katmanlar fare hareketlerine g&#246;re hareket ediyor ve boyutlar&#305;na (katman ba&#351;lang&#305;&#231; noktalar&#305; i&#231;in belirlenen se&#231;eneklere) g&#246;re farkl&#305; miktarda ilerliyorlar ve sonu&#231;ta bir t&#252;r paralaks g&#246;r&#252;nt&#252; beliriyor. Bir kameradan bakt&#305;&#287;&#305;n&#305;z&#305; ve size farkl&#305; uzakl&#305;ktaki objelerin siz kameray&#305; hareket ettirdik&#231;e hareket etti&#287;ini d&#252;&#351;&#252;n&#252;n. &#304;&#351;te bu k&#252;t&#252;phane bu efekte her bir katman i&#231;in bir adet hareketsiz g&#246;rsel kullanarak eri&#351;iyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-11.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://webhike.de/labs/ddmenu/"&gt;ddMenu - Ortam Men&#252; Beti&#287;i&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;ddMenu mooTools tabanl&#305; basit bir betik olup kendi ortam men&#252;lerinizi olu&#351;turabilmenizi sa&#287;l&#305;yor. Kontrol d&#252;&#287;mesine ve sa&#287; fare tu&#351;una basarak taray&#305;c&#305;n&#305;n &#246;ntan&#305;ml&#305; men&#252;s&#252; ile betik men&#252;s&#252; aras&#305;nda ge&#231;i&#351; yapabilirsiniz. Shift d&#252;&#287;mesi ile sa&#287; fare d&#252;&#287;mesine basarak ddMenu'yu taray&#305;c&#305;n&#305;n &#246;ntan&#305;ml&#305; men&#252;sn&#252;n arkas&#305;nda a&#231;abilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-12.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/js-hotkeys/"&gt;js-hotkeys&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jQuery.HotKeys eklentisi sayesinde web sitenize klavye k&#305;sayollar&#305; eklemeniz m&#252;mk&#252;n hale geliyor. K&#305;sayolu tan&#305;mlamak i&#231;in tek yapman&#305;z gereken sayfan&#305;za bir sat&#305;r kod eklemek. Alternatif arayanlar &lt;a href="http://nettuts.com/javascript-ajax/how-to-create-a-keypress-navigation-using-jquery/"&gt;bu makaleye&lt;/a&gt; g&#246;z atabilirler.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-13.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/"&gt;BarackSlideShow&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Verimli ve hafif bir slayt g&#246;sterisi beti&#287;i. mooTools 1.2 ile &#231;al&#305;&#351;&#305;yor ve her t&#252;r &#351;ekil ge&#231;i&#351;lerini (&#252;st ve sol koordinasyonlar ve y&#252;kseklik ile geni&#351;lik de&#287;erleri) destekliyor ki bunun anlam&#305; da hem dikey, hem yatay hem de s&#305;ras&#305;z listelerle kullan&#305;labiliyor olmas&#305;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-14.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://devkick.com/lab/galleria/"&gt;Galleria&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Galleria jQuery ile yaz&#305;lm&#305;&#351; bir JavaScript resim galerisi. S&#305;ras&#305;z listelerden ald&#305;&#287;&#305; g&#246;rselleri birer birer y&#252;kl&#252;yor ve her bir g&#246;rsel y&#252;klendi&#287;inde g&#246;rselin k&#252;&#231;&#252;k resmini g&#246;r&#252;nt&#252;l&#252;yor. E&#287;er isterseniz betik sizin i&#231;in g&#246;rsellerin k&#252;&#231;&#252;k resimlerini de ister orant&#305;l&#305; ister orant&#305;s&#305;z, ister ortalanm&#305;&#351;, isterseniz de CSS ile tan&#305;mlanm&#305;&#351; bir k&#252;&#231;&#252;k resim kutusu i&#231;erisinde k&#305;rp&#305;lm&#305;&#351; olarak g&#246;r&#252;nt&#252;leyebiliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-15.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.unfocus.com/projects/historykeeper/"&gt;Ge&#231;mi&#351; Tutucusu&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;unFocus History Keeper JavaScript tabanl&#305; bir k&#252;t&#252;phane olup taray&#305;c&#305;n&#305;n ge&#231;mi&#351;te ziyaret edilen siteler listesini (geri d&#252;&#287;mesi) y&#246;netebiliyor ve Flash ile Ajax uygulamalar&#305; i&#231;in derin-ba&#287;lant&#305;lamay&#305; destekliyor. Sunucu tabanl&#305; uygulamalar i&#231;in 'Geri' d&#252;&#287;mesini deste&#287;ini etkinle&#351;tiriyor ve sa&#287;lama tabanl&#305; derin ba&#287;lant&#305;lamaya sahip (anchor tarz&#305;nda - index.html#foo=bar) ve eylemlere g&#246;re de&#287;i&#351;kenlik g&#246;sterebiliyor. Beti&#287;in ge&#231;erli s&#252;r&#252;m&#252; t&#252;m modern taray&#305;c&#305;larda sorunsuz &#231;al&#305;&#351;&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-16.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/datejs/"&gt;date.js&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Datejs geli&#351;mi&#351; ve a&#231;&#305;k kaynakl&#305; bir betik olup tarih ve zaman&#305; ayr&#305;&#351;t&#305;rma, bi&#231;imlendirme ve i&#351;leme i&#231;in kullan&#305;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-17.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.nickstakenburg.com/projects/lightview/"&gt;Lightview&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Lightview web sitenizde modal pencereler olu&#351;turabilece&#287;iniz bir ba&#351;ka betik. Beti&#287;in ak&#305;ll&#305; g&#246;rsel &#246;ny&#252;kleme, ayarlanabilir yuvarlat&#305;lm&#305;&#351; k&#246;&#351;eler ve PNGler kullanmadan i&#231;eri&#287;in daima ekran&#305;n&#305;za s&#305;&#287;abilmesi i&#231;in i&#231;erik yeniden boyutland&#305;rabilme gibi &#246;zellikleri mevcut. &#304;lgili betik sunumlar, tekil g&#246;rseller, Quicktime dosyalar&#305;, formlar, iframeler, sat&#305;ri&#231;i i&#231;erikler ve Flash dosyalar&#305; i&#231;in kullan&#305;labilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-18.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://jqueryfordesigners.com/coda-popup-bubbles/"&gt;Coda popup baloncuklar&#305;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Yaz&#305;l&#305;m geli&#351;tiricisi Panic'in web geli&#351;tiricileri i&#231;in haz&#305;rlad&#305;&#287;&#305;, &lt;a href="http://www.panic.com/coda/"&gt;Coda&lt;/a&gt; ad&#305;nda sevilen bir Mac uygulamas&#305; mevcut. Coda'n&#305;n inan&#305;lmaz derecede i&#351;levsel bir tasar&#305;m&#305; var ve sitede kullan&#305;lan g&#252;zel JavaScript efeklerinden birisi de stilize edilmi&#351; pop-up baloncuklar&#305;. &lt;i&gt;Tasar&#305;mc&#305;lar i&#231;in jQuery&lt;/i&gt; blogu jQuery ve &lt;a href="http://jqueryfordesigners.com/coda-popup-bubbles/"&gt;&#246;zel geli&#351;tirilmi&#351; bir kodu&lt;/a&gt; birle&#351;tirerek Coda websitesinde kullan&#305;lan bu &#246;zelli&#287;i taklit etmeyi hedeflemi&#351;. Ortaya &#231;&#305;kan efekt g&#252;zel, verimli ve kullan&#305;c&#305; deneyimine olumlu etkileri olan olduk&#231;a kullan&#305;&#351;l&#305; bir eklenti.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-19.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ajaxim.com/"&gt;ajax.im&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;meebox gibi web tabal&#305; an&#305;nda mesajla&#351;ma istemcilerinin populerli&#287;i artt&#305;k&#231;a web geli&#351;tiricileri de kendi JavaScript an&#305;nda mesajla&#351;ma &#231;&#246;z&#252;mlerini sitelerine entegre etmek istemeye ba&#351;lad&#305;lar. Ajax IM, Ajax ile haz&#305;rlanm&#305;&#351; an&#305;nda mesajla&#351;ma uygulamalar&#305; olu&#351;turmak isteyenler i&#231;in bir JavaScript k&#252;t&#252;phanesi. Beti&#287;in dosya boyutu g&#246;rece b&#252;y&#252;k ancak kullan&#305;c&#305;lar&#305; ile daha fazla ili&#351;ki kurmak isteyen web siteleri i&#231;in g&#252;zel bir efekt olabilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-20.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.livevalidation.com/"&gt;LiveValidation&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu betik &#246;zellikle web sitesinde form kullanan her web geli&#351;tiricisi i&#231;in kulla&#351;n&#305;&#351;l&#305; bir &#231;&#246;z&#252;m. Farkl&#305; veri do&#287;rulama &#246;zelliklerini i&#231;eren yenilik&#231;i bir kay&#305;t formu olu&#351;turmak bazen sorun olabilir. Ayr&#305;ca JavaScript kullanarak daha h&#305;zl&#305; ve yenilik&#231;i formlar olu&#351;turmak da zordur. Ne &#351;ans ki &lt;a href="http://www.livevalidation.com/"&gt;LiveValidation&lt;/a&gt; bizler i&#231;in bu sorunu &#231;&#246;z&#252;yor ve form do&#287;rulama sorununu k&#246;k&#252;nden hallediyor. E&#287;er Ruby on Rails geli&#351;tiricisi iseniz, LiveValidation beti&#287;inin iki s&#252;r&#252;m&#252; bulunuyor. Ruby on Rails i&#231;in ideal olan ve &lt;a href="http://www.prototypejs.org/"&gt;Prototype&lt;/a&gt; ile &#231;al&#305;&#351;an s&#252;r&#252;m&#252; ya da do&#287;rudan kendi kendine &#231;al&#305;&#351;abilir s&#252;r&#252;m&#252; mevcut.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-21.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.brandspankingnew.net/archive/2006/08/ajax_auto-suggest_auto-complete.html"&gt;Ajax AutoSuggest&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;TextboxList'in otomatik tamamlama beti&#287;i gibi olan Ajax AutoSuggest beti&#287;i de g&#252;zel g&#246;r&#252;n&#252;ml&#252; ve iyile&#351;tirilmi&#351; bir otomatik tamamlama beti&#287;idir. Bu beti&#287;in dosya boyuto olduk&#231;a k&#252;&#231;&#252;k, 9k'nin alt&#305;nda ve t&#252;m arama formlar&#305;na fazladan g&#252;zel bir &#246;zellik ekliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-22.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://digitarald.de/project/fancyupload/1-0/"&gt;FancyUpload&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;G&#246;nderdi&#287;iniz dosyalar i&#231;in bir ilerleme &#231;ubu&#287;u g&#246;r&#252;nt&#252;leyen bir g&#246;nderme beti&#287;i. Her t&#252;r g&#246;nderme formu i&#231;in m&#252;kemmel bir &#231;&#246;z&#252;m olan bu betik, ayn&#305; anda birden fazla dosya g&#246;nderimini de destekliyor. G&#246;nderilecek olan dosyalar&#305;n boyutunu da betik &#252;zerinden s&#305;n&#305;rlayabilece&#287;iniz gibi, dosya t&#252;r&#252;ne de s&#305;n&#305;rlama getirebiliyorsunuz. Beti&#287;i kullanabilmek i&#231;in tek gereksinim, kullan&#305;c&#305;n&#305;n sisteminde Flash eklentisinin kurulu olmas&#305; gereklili&#287;i ki Web kullan&#305;c&#305;lar&#305;n&#305;n %95'inde bu betik halihaz&#305;rda kurulu durumda.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-23.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx"&gt;Taggify&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Taggify beti&#287;inin sitelere dahil etme i&#351;lemi listelenen di&#287;er JavaScriptlerden biraz farkl&#305;. Taggify foto&#287;raflar &#252;zerine a&#231;&#305;l&#305;r pencereler dahil etmenize yarayan sunucu tabanl&#305; bir &#231;&#246;z&#252;m. Beti&#287;i indirip sunucunuzda bar&#305;nd&#305;rmaktansa kodunuza &lt;strong&gt;&lt;a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx"&gt;k&#252;&#231;&#252;k bir &amp;lt;include&amp;gt;&lt;/a&gt;&lt;/strong&gt; eklemeniz, Taggify beti&#287;inin sitenize kurulumu i&#231;in yeterli. Taggify'nin kullan&#305;m&#305; da ilgin&#231;, betik foto&#287;raflara notlar ve kullan&#305;c&#305; bilgiler ekliyor.&lt;/p&gt;


	&lt;p&gt;Bu beti&#287;i Flickr g&#246;rsellerine notlar eklemenize yarayan &#246;zelli&#287;in geli&#351;tirilmi&#351; bir s&#252;r&#252;m&#252; olarak d&#252;&#351;&#252;nebilirsiniz. Taggify notu i&#231;erisine diledi&#287;iniz HTML kodunu ekleyerek g&#246;rsellere bilgi verici notlar dahil edebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-24.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://amberjack.org/"&gt;AmberJack&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;AmberJack ilgin&#231; ve zorlu JavaScript tekniklerinden birisi. Web site turlar&#305; &#246;zellikle kullan&#305;clar&#305;n sitenize al&#305;&#351;mas&#305;, &#252;r&#252;nlerinizin ve &#246;zelliklerinizin tan&#305;t&#305;m&#305; ve di&#287;er pek &#231;ok &#246;zellik a&#231;&#305;s&#305;ndan i&#351;e yarar bir &#246;zelliktir. AmberJack'in en iyi yanlar&#305;ndan birisi de web site turlar&#305; olu&#351;turmak i&#231;in herhangi bir &#351;ey kurman&#305;z&#305;n ya da &#246;&#287;renmenizin gerekmiyor olu&#351;u olsa gerek. AmberJack, website ve &#252;r&#252;n sahiplerinin JavaScript kullanarak web site turlar&#305; olu&#351;turma i&#351;lemini b&#252;y&#252;k &#246;l&#231;&#252;de kolayla&#351;t&#305;r&#305;rken, dosya boyutu da inan&#305;lmaz bir &#351;ekilde sadece 4 KB.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-25.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://creativepony.com/journal/scripts/sliding-tabs/"&gt;Sliding Tabs&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;a href="http://www.panic.com/coda/"&gt;Coda&lt;/a&gt;'dan esinlenilen bir ba&#351;ka betik daha. Yumu&#351;ak kayd&#305;rma efektine sahip sekme sistemi, paneller &#252;zerinde ge&#231;i&#351;i kolay ve kullan&#305;&#351;l&#305; bir hale getiriyor. Sliding Tabs'&#305;n &#231;al&#305;&#351;&#305;r &#246;rne&#287;ini &lt;strong&gt;&lt;a href="http://creativepony.com/demos/sliding-tabs/"&gt;buradan&lt;/a&gt;&lt;/strong&gt; g&#246;rebilirsiniz. Sliding Tabs, mooTools JavaScript k&#252;t&#252;phanesi &#252;zerine kurulmu&#351; bir betik. Alternatif arayanlar ise &lt;a href="http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader"&gt;&#351;una&lt;/a&gt;&lt;/strong&gt; bir g&#246;z atabilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-26-1.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-26-2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://thecodecentral.com/2008/02/21/a-useful-javascript-image-loader"&gt;JavaScript Image Loader&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;E&#287;er kullan&#305;c&#305;lar&#305;n&#305;z&#305;n web sitenize g&#246;rsel g&#246;nderebilmesi ve sitenizdekileri inceleyebilmesi i&#231;in daha yarat&#305;c&#305; bir y&#246;ntem ar&#305;yorsan&#305;z o zaman JavaScript Image Loader (&lt;strong&gt;&lt;a href="http://test.thecodecentral.com/demos/imageloader/"&gt;&lt;/a&gt;&lt;/strong&gt;) ihtiya&#231;lar&#305;n&#305;za cevap verecek t&#252;rden bir betik. JavaScript Image Loader kullan&#305;c&#305;lar&#305;n&#305;za g&#246;rsel g&#246;nderilmeden &#246;nce g&#246;sterebilmek ve gerekti&#287;i durumlarda ilgili g&#246;rsel hakk&#305;nda daha fazla bilgi verebilmeniz i&#231;in ideal bir se&#231;enek.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-27.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.swfir.com/"&gt;swfIR&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;swfIR, g&#246;rsel i&#351;leme &#246;zelli&#287;i i&#231;in JavaScript ve Flash'&#305;n bir arada kullan&#305;ld&#305;&#287;&#305; ilgin&#231; bir konsept. swfIR kuruldu&#287;unda g&#246;rsel &#231;evresine &amp;lt;span&amp;gt; etiketi ile birlikte "swflr" s&#305;n&#305;f&#305;n&#305; ekliyor. swfIR g&#246;rsele neredeyse her t&#252;rl&#252; i&#351;lemi uygulayabiliyor. Beti&#287;in &#246;zellikle kullan&#305;&#351;l&#305; olan bir &#246;zelli&#287;i var ki o da g&#246;rseli sayfan&#305;n boyutuna g&#246;re yeniden boyutland&#305;rabilmesi. Sayfa &#252;zerindeki metni yeniden boyutland&#305;rd&#305;&#287;&#305;n&#305;zda g&#246;rselin de boyutu ayn&#305; oranda de&#287;i&#351;tiriliyor. G&#246;rselin metin ile birlikte yeniden boyutland&#305;r&#305;lmas&#305; &#231;ok daha uyumlu bir his uyand&#305;r&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-28.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.outcut.de/MooFlow/"&gt;MooFlow&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&lt;a href="http://www.apple.com/"&gt;Apple&lt;/a&gt;'nin &lt;a href="http://www.apple.com/macosx/"&gt;Leopard&lt;/a&gt; i&#351;letim sistemi &#252;zerindeki &lt;a href="http://www.bildirgec.org/etiket/cover-flow/"&gt;Cover Flow&lt;/a&gt; &#246;zelli&#287;ini sevenler i&#231;in bi&#231;ilmi&#351; kaftan olan bu betik, ayn&#305; &#246;zelli&#287;i Apple'nin kendisinden alarak web sitelerine entegre edebilmenizi sa&#287;l&#305;yor. MooFlow, ad&#305;ndan da anlayabilece&#287;iniz &#252;zere MooTools &#252;zerine in&#351;a edilmi&#351; bir betik ve g&#252;zel g&#246;r&#252;n&#252;ml&#252; g&#246;rsel galerileri olu&#351;turmak i&#231;in kayd&#305;rma &#231;ubu&#287;u ile birlikte muhte&#351;em bir sonu&#231; ortaya &#231;&#305;kar&#305;yor.&lt;/p&gt;


	&lt;p&gt;T&#305;pk&#305; Cover Flow'da oldu&#287;u gibi MooFlow'un da galeri anahatt&#305;n&#305; ve &#246;zelliklerini &#246;zelle&#351;tirebilmeniz m&#252;mk&#252;n. Tam ekran moduna ge&#231;ebilir, g&#246;rsel yans&#305;ma ve otomatik y&#252;r&#252;tme &#246;zelli&#287;ini etkinle&#351;tirebilirsiniz. MooFlow bunun d&#305;&#351;&#305;nda pek &#231;ok &#246;zelle&#351;tirme se&#231;ene&#287;i sunmas&#305;n&#305; yan&#305;s&#305;ra kurulumu da kolay, zira t&#252;m g&#246;rselleri dahilindeki element i&#231;erisinden otomatik olarak alabiliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-29.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.amcharts.com/pie/"&gt;amCharts&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Flash ve JavaScript'in bir arada kullan&#305;ld&#305;&#287;&#305; bir grafik &#252;reteci olan bu betik ile neredeyse her t&#252;r grafi&#287;i olu&#351;turman&#305;z m&#252;mk&#252;n. Bu da yetmezmi&#351; gibi veriyi .csv ve .xml dosyalar&#305; &#252;zerinden de alabiliyorsunuz. amCharts ile s&#252;tun ve &#231;ubuk, pasta ve kurabiye, &#231;izgi ve alan gibi pek &#231;ok grafik t&#252;r&#252;n&#252; olu&#351;turabilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-30-1.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-30-2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://orangoo.com/labs/GreyBox/"&gt;GreyBox&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;GreyBox'un web sitesinde, "Do&#287;ru d&#252;zg&#252;n pop-up penceresi" c&#252;mlesi ile beti&#287;in yapt&#305;&#287;&#305; i&#351; &#246;zetlenmi&#351; ki san&#305;r&#305;m bundan daha iyi bir tan&#305;mlama da yap&#305;lamazd&#305;. GreyBox, a&#231;&#305;l&#305;r bir pencerenin yapabilmesi &lt;i&gt;gereken&lt;/i&gt; her &#351;eyi yapabiliyor. Resimler, web siteleri ve hayal edebilece&#287;iniz di&#287;er her &#351;eyi g&#246;sterebiliyor.&lt;/p&gt;


	&lt;p&gt;GreyBox'u kullanmak inan&#305;lmaz derecede kolay, zira JavaScript'i ekledikten sonra yap&#305;lmas&#305; gereken tek &#351;ey, pencere i&#231;erisinde g&#246;r&#252;nt&#252;lemek istedi&#287;iniz i&#231;eri&#287;i &amp;lt;rel&amp;gt; etiketi aras&#305;na dahil etmek &amp;lt;/rel&amp;gt;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://ninjadesigns.co.uk/"&gt;Maillist&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Millist her ne kadar tam &#246;zellikli bir AJAX ileti&#351;im formu olmasa da bu k&#252;&#231;&#252;k betik, pek &#231;ok web geli&#351;tiricisinin beta kay&#305;tlar&#305; ve di&#287;er sebepler i&#231;in elektronik posta adresi toplama i&#351;ini kolayl&#305;kla &#252;stlenebiliyor. Beti&#287;in elektronik posta yedeklerini ve formun g&#246;r&#252;n&#252;m&#252;n&#252; y&#246;netebilece&#287;iniz bir y&#246;netici paneli bile bulunuyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-31.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/swfobject/"&gt;SWFObject&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;SWFObject, k&#252;&#231;&#252;k bir Flash oynat&#305;c&#305;s&#305; olup sadece kod ile &#231;&#246;z&#252;lmesi m&#252;mk&#252;n olmayan pek &#231;ok Flash probleminin &#252;stesinden geliyor. Oynat&#305;c&#305;n&#305;n dosya boyutu sadece 9.5 KB (ya da GZIP s&#252;r&#252;m&#252; 3.8 KB). SWFObject, modern taray&#305;c&#305;larla olan uyumu sebebiyle &#246;v&#252;n&#252;rken, hangi Flash oynat&#305;c&#305; s&#252;r&#252;m&#252;n&#252;n kullan&#305;l&#305;p kullan&#305;lmayaca&#287;&#305;n&#305; tespit etmek i&#231;in JavaScript'i kullan&#305;yor. Bu sebeple s&#252;resi dolmu&#351; Flash eklentilerinin i&#231;eri&#287;i g&#246;r&#252;nt&#252;leyememesi sorununun da &#246;n&#252;ne ge&#231;ilmi&#351; oluyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-32.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.liquidx.net/plotkit/"&gt;PlotKit&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;PlotKit JavaScript ile grafik &#231;izimi i&#231;in geli&#351;tirilen ve k&#252;&#231;&#252;k boyutlu bir JavaScript &#231;at&#305;r&#305; olan Moochikit'e dayanan kullan&#305;&#351;l&#305; bir betik. Her t&#252;r grafi&#287;in &#231;izimi i&#231;in kullan&#305;labilir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-33.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.barelyfitz.com/projects/tabber/"&gt;JavaScript tabifier&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;JavaScript tabifier kolayce ve h&#305;zl&#305;ca sekmeli i&#231;erik olu&#351;turmak i&#231;in kullanabilece&#287;iniz kullan&#305;&#351;l&#305; bir betik. Tabifier'i kullanabilmek i&#231;in tek yapman&#305;z gereken JavaScript'i sitenize ekledikten sonra "tabber" s&#305;n&#305;f&#305;na dahil bir &amp;lt;div&amp;gt;'i i&#231;eri&#287;i &#231;evreleyen sekme i&#231;in yerle&#351;tirmek ve ard&#305;ndan "tabbertab" s&#305;n&#305;f&#305;na dahil bir &amp;lt;div&amp;gt; i&#231;erisinde de sekmenin ba&#351;l&#305;&#287;&#305;n&#305; belirtmek. Sekmeler i&#231;in &#231;erez deste&#287;i, sekmelerin dinamik olarak de&#287;i&#351;tirilmesi ve &#246;ntan&#305;ml&#305; sekmeyi belirlemek gibi geli&#351;mi&#351; &#246;zellikleri de kullanman&#305;z m&#252;mk&#252;n.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-34.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.cabel.name/2008/02/fancyzoom-10.html"&gt;FancyZoom 1.1&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Sat&#305;ri&#231;inde tam boyutlu g&#246;rselleri g&#246;r&#252;nt&#252;lemenize yarayan FancyZoom; yumu&#351;ak, temiz ve ger&#231;ek Mac-benzeri efekti web siteniz &#252;zerinde kullanabilmenizi sa&#287;l&#305;yor.&lt;/p&gt;


	&lt;p&gt;&#214;zelliklte g&#246;rsel kaliteye ve kullan&#305;m kolayl&#305;&#287;&#305;na &#246;nem verilen betik, herhangi bir HTML kod de&#287;i&#351;ikli&#287;ine gerek kalmadan g&#246;rselin tam boyutlu bir &#351;ekilde g&#246;r&#252;nt&#252;lenebilmesini sa&#287;l&#305;yor. Betik ayr&#305;ca tam boyutlu g&#246;rselleri arkaplanda y&#252;kleyebilirken, herhangi bir JavaScript k&#252;t&#252;phanesine de ihtiya&#231; duymuyor. FancyZoom, HTML dosyalar&#305;n&#305;zda sadece iki sat&#305;r kod i&#351;gal ediyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://safalra.com/web-design/javascript/mac-style-dock/"&gt;A Mac OS X-style Dock In JavaScript&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Apple'&#305;n Mac OS X i&#351;letim sisteminin son s&#252;r&#252;m&#252; &#246;zellikle g&#246;z al&#305;c&#305; g&#246;rsel kalitesi ve efektleri ile de kullan&#305;c&#305;lar&#305;n&#305; memnun etmeyi ba&#351;arm&#305;&#351;t&#305;. &#304;&#351;letim sisteminin bir g&#252;zel &#246;zelli&#287;i de bal&#305;k g&#246;z&#252; efektine sahip ve uygulama simgelerinin bulundu&#287;u bir y&#252;zeyin var olu&#351;u idi. Fare imlecinizi uygulama simgesinin &#252;zerine getirdi&#287;inizde, ilgili simgenin civar&#305;ndaki simgelerin boyutlar&#305; da ana simgeye orant&#305;l&#305; bir &#351;ekilde b&#252;y&#252;t&#252;l&#252;yordu. JavaScript ile bu &#246;zelli&#287;i olu&#351;turmak pek kolay bir i&#351; de&#287;il ancak MacStyleDock beti&#287;inin geli&#351;tiricileri bu i&#351;i web sitelerinizde kullanabilmeniz i&#231;in &#231;ocuk oyunca&#287;&#305; haline getirmeyi ba&#351;arm&#305;&#351;lar.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-35.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://zendold.lojcomm.com.br/fvalidator/"&gt;fValidator&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;fValidator, a&#231;&#305;k kaynakl&#305;, &#252;cretsiz ve kullan&#305;m&#305; kolay bir JavaScript olup &#246;zellikle form do&#287;rulama ile ilgilenen kullan&#305;c&#305;lar&#305;n ihtiyac&#305;n&#305; tam olarak kar&#351;&#305;lamak &#252;zere geli&#351;tirilmi&#351;. &#214;zellikle kullan&#305;c&#305;lar&#305;n&#305;z&#305;n formlara veri giri&#351;i s&#305;ras&#305;nda istedi&#287;iniz bi&#231;imi kullanmalar&#305;n&#305; zorlamak istemeniz durumunda kullan&#305;&#351;l&#305; olan bu beti&#287;in &lt;a href="http://digitalbush.com/projects/masked-input-plugin"&gt;jQuery alternatifi&lt;/a&gt; de mevcut.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-36.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.filamentgroup.com/lab/jquery_interactive_date_range_picker_with_shortcuts/"&gt;jQuery Interactive Date Range Picker with Shortcuts&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jQuery ile belirli bir tarih aral&#305;&#287;&#305;n&#305; se&#231;mek i&#231;in kullanabilece&#287;iniz bir betik. Geli&#351;mi&#351; se&#231;enekler g&#246;r&#252;nt&#252;lenmek istedi&#287;inde kullan&#305;lan yumu&#351;ak ge&#231;i&#351; efekti g&#246;z dolduruyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-37.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://raphaeljs.com/"&gt;Raphael&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Raphael k&#252;&#231;&#252;k bir JavaScript k&#252;t&#252;phanesi olup &#246;zellikle Web &#252;zerinde vekt&#246;r grafikler kullanmak istedi&#287;inizde kullan&#305;&#351;l&#305; hale geliyor. &#214;rne&#287;in kendinize &#246;zg&#252; grafi&#287;inizi ya da g&#246;rseli k&#305;rp-ve-d&#246;nd&#252;r widget'inizi olu&#351;turmak istedi&#287;inizde bu k&#252;t&#252;phane ile bunu kolayca yapabilirsiniz. Raphael, grafik olu&#351;turma i&#351;lemi i&#231;in SVG ve VML kullan&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-38.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.nogray.com/time_picker.php"&gt;NoGray Time Picker&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu zaman se&#231;icisi kolay kullan&#305;ml&#305; s&#252;r&#252;kle-b&#305;rak aray&#252;z&#252;n&#252; kullan&#305;yor. Zaman&#305; se&#231;mek i&#231;in kullan&#305;c&#305;lar&#305;n tek yapmas&#305; gereken saat &#252;zerindeki akrep ve yelkovan&#305; s&#252;r&#252;kleyip b&#305;rakmalar&#305;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-39.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.kminek.pl/lab/yetii/"&gt;Yetii - Yet (E)Another JavaScript Tab Interface&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Yetii basit oldu&#287;u kodar bol &#246;zelli&#287;i olan bir sekmeli aray&#252;z olu&#351;turucusu. Hafif ve nesne y&#246;nelimli bir koda sahip olan Yedii, JavaScript deste&#287;i olan taray&#305;c&#305;larda da g&#246;r&#252;n&#252;m&#252; bozmuyor. Bir web sayfas&#305; &#252;zerinde istedi&#287;iniz kadar sekmeli i&#231;erik aray&#252;z&#252; olu&#351;turabilir, otomatik sekme ge&#231;i&#351;ini de&#287;i&#351;tirebilir &#246;nceki ve sonraki sekmelere ge&#231;i&#351; i&#231;in d&#252;&#287;meler ekleyebilir, bir sekmeli i&#231;erik aray&#252;z&#252;n&#252; bir di&#287;erinin i&#231;ine yerle&#351;tirebilir ve belirli bir sekmeye t&#305;kland&#305;&#287;&#305;nda y&#252;r&#252;t&#252;lmesini istedi&#287;iniz eylemi belirtebilirsiniz.&lt;/p&gt;


	&lt;p&gt;Bir sayfa &#252;zerindeki sekmelerden herhangi birine bir ba&#351;ka sayfa &#252;zerinden ba&#287;lant&#305; verebilece&#287;iniz gibi son t&#305;klanan sekmenin sayfa yeniden kullan&#305;ld&#305;&#287;&#305;nda ilk a&#231;&#305;lan sekme olmas&#305;n&#305; &#231;erez kullanarak belirleyebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-40.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.electricprism.com/aeron/calendar/"&gt;Calendar&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Bir MooTools JavaScript s&#305;n&#305;f&#305; olan Calendar eri&#351;ilebilir ve kolay kullan&#305;ml&#305; tarih se&#231;icilerini form elementlerine entegre edebilmenizi sa&#287;l&#305;yor. Y&#252;ksek seviyede &#246;zelle&#351;tirilebilir girdi ve se&#231;im kutucuklar&#305;, birden fazla takvim deste&#287;i, &#231;e&#351;itli gezinme se&#231;enekleri, &#231;oklu dil deste&#287;i ve g&#252;zel g&#246;r&#252;n&#252;ml&#252; tarih bi&#231;imlendirmesini sunan bu kolay kullan&#305;ml&#305; takvim, ilgili &#246;zelli&#287;i web sitelerinde kullanmak isteyen geli&#351;tiriciler i&#231;in ideal.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-41.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.nickstakenburg.com/projects/starbox/"&gt;Starbox&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Starbox sayesinde her t&#252;r oylama kutucu&#287;unu sadece bir PNG g&#246;rseli kullanarak olu&#351;turabilirsiniz. K&#252;t&#252;phane Prototype JavaScript &#231;at&#305;s&#305; &#252;zerine in&#351;a edilmi&#351;. E&#287;er daha fazla efekt istiyorsan&#305;z Scriptaculous'u da dahil edebilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-42.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.magictoolbox.com/magiczoom/"&gt;Magic Zoom&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Magic Zoom bir JavaScript yak&#305;nla&#351;t&#305;rma arac&#305;d&#305;r. G&#246;rselleri detaylar&#305; ile g&#246;r&#252;nt&#252;leyebilmenin en iyi yoludur. Kullan&#305;c&#305;lar&#305;n herhangi bir &#351;eye t&#305;klamalar&#305;na gerek yok, tek yapmalar&#305; gereken detay&#305;n&#305; g&#246;r&#252;nt&#252;lemek istedikleri g&#246;rselin &#252;zerinde fare imle&#231;lerini gezindirmek.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-43.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.magictoolbox.com/magicmagnify/"&gt;Magic Magnify&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Magic Magnify bir Flash yak&#305;nla&#351;t&#305;rma arac&#305;d&#305;r. G&#246;rselin &#252;zerine fare imlecinizi getirdi&#287;inizde detaylar&#305;n&#305; g&#246;r&#252;nt&#252;leyebiliyorsunuz. &#220;cretli olan bu eklentinin fiyat&#305; 28 Amerikan Dolar&#305;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-44.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.piksite.com/carousel.us/"&gt;Carousel.us&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Carousel.us JavaScript ile olu&#351;turulmu&#351; 3B Karusel efektini ister prototype.js, ister scriptaculous isterseniz de mootools.js &#231;at&#305;lar&#305; alt&#305;nda kullanabilmenizi sa&#287;l&#305;yor. Betik ayr&#305;ca yans&#305;ma efekti i&#231;in Richard Davey'in haz&#305;rlad&#305;&#287;&#305; PHP Easy Reflections'u da kullan&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-45.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/slideshow/"&gt;Slideshow&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Slideshow, Mootools 1.2 i&#231;in bir JavaScript s&#305;n&#305;f&#305; olup g&#246;rsel sunumlar&#305;n&#305;z&#305; web siteniz &#252;zerinde hareketlendirmeye yar&#305;yor. Slideshow &#231;ok uzun bir geli&#351;tirilme s&#252;recine sahip. Sonu&#231; ise ger&#231;ekten hafif, kurulumu ve kullan&#305;m&#305; kolay, y&#252;ksek seviyede &#246;zelle&#351;tirilebilir ve geli&#351;tirilebilir bir betik olmuy&#351;. En iyi efektlere ula&#351;mak i&#231;in JavaScript &#231;at&#305;lar&#305;n&#305; kullanan bu betik ilk olarak Aeron Glemann taraf&#305;ndan bir yan proje olarak geli&#351;tirilirken &#351;imdilerde MIT lisans&#305; alt&#305;nda a&#231;&#305;k kaynakl&#305; olarak da&#287;&#305;t&#305;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-46.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://code.google.com/p/jgrousedoc/"&gt;jgrousedoc&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jGrousedoc sayesinde geli&#351;tiriciler, sunduklar&#305; JavaScript kodlar&#305;na javadoc benzeri yorumlar&#305; dahil edebiliyorlar. Betik, s&#305;n&#305;flar&#305;n d&#246;k&#252;mantasyonuna OOP'yi kullanmak i&#231;in hangi k&#252;t&#252;phanenin ya da teknolojinin kullan&#305;ld&#305;&#287;&#305;na bak&#305;lmaks&#305;z&#305;n izin veriyor. &#199;&#305;kt&#305; ise CSS ve Velocity &#351;ablonlar&#305; ya da XSLT ile &#246;zelle&#351;tirilebiliyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-47.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.lokeshdhakar.com/projects/lightbox2/"&gt;Lightbox 2&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Lightbox basit ve kullan&#305;ml&#305; kolay bir betik olup g&#246;rselleri ge&#231;erli sayfan&#305;n &#252;zerinde g&#246;r&#252;nt&#252;lemeye yar&#305;yor. Kurulumu olduk&#231;a kolay olan bu betik t&#252;m modern taray&#305;c&#305;lar &#252;zerinde &#231;al&#305;&#351;&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-48.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.livepipe.net/control/window#hoverbox"&gt;Control.Window&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Control.Window t&#252;m&#252;yle programlanabilir, &#231;ok ama&#231;l&#305; bir pencereleme arac&#305;d&#305;r. Y&#252;ksek seviyede &#246;zelle&#351;tirilebilir olan bu betik i&#231;in pek &#231;ok kullan&#305;m alan&#305; mevcut. Hedefleri pencere i&#231;erisinde a&#231;abilmek i&#231;in ba&#287;lant&#305;lara eklenebildi&#287;i gibi pencere i&#231;erisinde dinamik i&#231;erik g&#246;r&#252;nt&#252;lemek m&#252;mk&#252;n. Dizilebilir, s&#252;r&#252;klenebilir ve yeniden boyutland&#305;r&#305;labilir pencereleri destekliyor. Modal pencereleri, LightBoxlar&#305; ve &#304;pu&#231;lar&#305;n&#305; kullanabilmek i&#231;in gerekli alt s&#305;n&#305;flar da betik i&#231;erisinde yer al&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-49.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.ericmmartin.com/projects/simplemodal/"&gt;SimpleModal&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;SimpleModal k&#252;&#231;&#252;k boyutlu bir jQuery eklentisi olup modal diyalog pencereleri olu&#351;turabilmek i&#231;in kolay bir y&#246;ntem sunuyor. SimpleModal'&#305;n amac&#305; geli&#351;tiricilere &#231;apraz taray&#305;c&#305; deste&#287;i olan ve SimpleModal'e sunulan verinin i&#231;erisinde g&#246;r&#252;nt&#252;lenebileci&#287;i y&#252;zen pencereler sunabilmek.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-50.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.webdevlounge.com/javascript/creating-a-carousel-with-mootools/"&gt;MooTools ile Karusel Olu&#351;turmak&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bunu muhtemelen di&#287;er sitelerde de g&#246;rm&#252;&#351;s&#252;n&#252;zd&#252;r, hani &#351;u bir dizi g&#246;rseli (ya da isterseniz i&#231;eri&#287;i) sat&#305;ri&#231;inde g&#252;zel bir &#351;ekilde g&#246;steren slayt g&#246;sterileri. Pek &#231;ok ki&#351;i bunu sitelerinde kullanabilmek i&#231;in do&#287;rudan kodu kopyal&#305;yordur ancak bana kal&#305;rsa rehberi okuyarak bunu kendiniz olu&#351;turdu&#287;unuzda yeni teknikler de &#246;&#287;renmeniz m&#252;mk&#252;n. Bu sebeple bu makalenin yazar&#305; MooTools ve CSS kullan&#305;larak nas&#305;l karusel &#246;zelli&#287;i geli&#351;tirilebilece&#287;ini anlatmaya &#231;al&#305;&#351;m&#305;&#351;. MooTools &#252;zerine en &#231;ok ba&#287;lant&#305;lanan makalelerden biri.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-51.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://willworkforart.net/tutorials/unobtrusive-expand-and-collapse-navigation"&gt;Kolay A&#231;&#305;l&#305;r Kapan&#305;r Navigasyon&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Sadece s&#305;ral&#305; listeler ve m&#252;mk&#252;n olan en az say&#305;da s&#305;n&#305;f ve kimlik adlar&#305; kullan&#305;larak olu&#351;turulan a&#231;&#305;l&#305;r-kapan&#305;r dikey men&#252; olu&#351;turmak istiyorsan&#305;z bu yaz&#305;y&#305; okuyun.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-52.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://jqueryfordesigners.com/image-cross-fade-transition/"&gt;Image Cross Fade Transition&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;90'lar&#305;n ba&#351;&#305;nda JavaScript ile s&#305;ral&#305; g&#246;rselleri birbiri ard&#305;na g&#246;stermek modaud&#305; ve tan&#305;d&#305;&#287;&#305;m pek &#231;ok JavaScript geli&#351;tiricisi bu dili bu tip &#246;zellikleri geli&#351;tirerek &#246;&#287;renmeye ba&#351;lad&#305;lar. G&#252;n&#252;m&#252;zde ise bunu JavaScript ya da CSS ile olu&#351;turmak &#231;ocuk oyunca&#287;&#305;. Zor olan ise g&#246;rseller aras&#305;na ge&#231;i&#351; efektlerini dahil etmek.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-53.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://jqueryfordesigners.com/slider-gallery/"&gt;Slider Gallery&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu '&#252;r&#252;n kayd&#305;r&#305;c&#305;s&#305;'n&#305;n bir benzeri yine &lt;a href="http://www.apple.com/"&gt;Apple&lt;/a&gt;'nin web sitesinde kullan&#305;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-54.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://orderedlist.com/articles/fancyzoom-meet-jquery"&gt;FancyZoom meets jQuery&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-55.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://nettuts.com/javascript-ajax/build-an-ajax-powered-shopping-cart/"&gt;Build An AJAX Powered Shopping Cart&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu dersin amac&#305; size AJAX ile nas&#305;l bir sipari&#351; sepeti olu&#351;turabilece&#287;inizi g&#246;stermek. Buna ra&#287;men dersi tamamlad&#305;&#287;&#305;n&#305;zda ortaya &#231;&#305;kan sonu&#231; kullan&#305;ma haz&#305;r olmayacak. Uygulamay&#305; s&#305;rtlanacak arkaplan i&#351;lemleri i&#231;in gerekli bilgiye sahip oldu&#287;unuz varsay&#305;l&#305;yor. Bunun yerine rehberde sadece i&#351;in AJAX k&#305;sm&#305;na odaklan&#305;lm&#305;&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-56.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.filamentgroup.com/lab/jquery_ipod_style_drilldown_menu"&gt;jQuery iPod-benzeri A&#231;&#305;l&#305;r Men&#252;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Beti&#287;in geli&#351;tiricileri iPodlar &#252;zerinde g&#246;r&#252;len ve y&#252;ksek miktarda hiyerar&#351;ik olarak dizilen veriyi kontroll&#252; bir &#351;ekilde g&#246;r&#252;nt&#252;leyebilmeye yarayan bir betik geli&#351;tirmi&#351;ler. &#214;zellikle y&#252;ksek miktarda veriyi d&#252;zenli bir &#351;ekilde g&#246;r&#252;nt&#252;lemek ancak bunu i&#231;in s&#305;radan CSS men&#252;leri ile bo&#287;u&#351;mak istemeyen kullan&#305;c&#305;lar i&#231;in tercih edilmi&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-57.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/"&gt;jQuery ile &#304;&#231;eri&#287;i S&#252;r&#252;klerken Y&#252;klemek&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu betik sayesinde dikey olarak yerle&#351;tirilen ve uzun miktarda i&#231;eri&#287;i sayfa s&#252;r&#252;klendik&#231;e y&#252;klemek jQuery kullan&#305;larak m&#252;mk&#252;n hale getirilmi&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-58.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/"&gt;JavaScript &#304;pu&#231;lar&#305;&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Michael Leigeber taraf&#305;ndan haz&#305;rlanan bu rehber, nas&#305;l hafif ve g&#252;zel g&#246;r&#252;n&#252;ml&#252; bir JavaScript ipucu &#231;&#246;z&#252;m&#252; olu&#351;turabilece&#287;inizi g&#246;steriyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-59.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://woork.blogspot.com/2008/07/fantastic-news-ticker-newsvine-like.html"&gt;Newsticker&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Antonio Lupetti Newsvine &#252;zerinde kullan&#305;lan haber g&#246;r&#252;nt&#252;leme sisteminin bir benzerinin nas&#305;l MooTools kullan&#305;larak olu&#351;turulabilece&#287;ini &#246;rneklendirmeye &#231;al&#305;&#351;m&#305;&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-60.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en"&gt;jQuery Virtual Tour&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jQuery kullan&#305;larak olu&#351;turulan bu betik sayesinde panaromik g&#246;r&#252;nt&#252;ler kullan&#305;larak nas&#305;l sanal gezinti turlar&#305; olu&#351;turabilece&#287;iniz anlat&#305;l&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-61.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://webplicity.net/flexigrid/"&gt;Flexigrid&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Hafif ancak &#246;zellik a&#231;&#305;s&#305;ndan zengin olan bu uygulama ile yeniden boyutland&#305;r&#305;labilir veri &#305;zgaralar&#305; ve ba&#351;l&#305;klarla e&#351;le&#351;ebilen s&#252;r&#252;klenebilir verileri g&#246;r&#252;nt&#252;leyebilirsiniz. Bunun yan&#305;s&#305;ra veri kayna&#287;&#305; olarak xml kullanmak ve verinin y&#252;klenmesi i&#231;in de AJAX'tan faydalanmak di&#287;er kullan&#305;&#351;l&#305; &#246;zellikler aras&#305;nda yer al&#305;yor. Exit Grid ile ayn&#305; konsepte sahip olan bu uygulama'n&#305;n fark&#305; t&#252;m&#252;yle jQuery kullan&#305;yor olmas&#305;. Bu sayede verinin y&#252;klenmesi h&#305;zland&#305;r&#305;lm&#305;&#351; ve dosya boyutu da azalt&#305;lm&#305;&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-62.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://ideamill.synaptrixgroup.com/?page_id=16"&gt;tableFilter&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu betik sayesinde tablolardaki i&#231;erikleri interaktif bir &#351;ekilde dizmeniz m&#252;mk&#252;n hale getirilmi&#351;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-63.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.askthecssguy.com/2007/05/brett_asks_the_css_guy_if_the.html"&gt;Row Locking with Checkboxes&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-64.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://abeautifulsite.net/notebook/58"&gt;jQuery File Tree&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;jQuery File Tree &#246;zelle&#351;tirilebilir ve AJAX ile desteklenmi&#351;, jQuery i&#231;in geli&#351;tirilmi&#351; bir dosya gezgini eklentisi. Sadece bir sat&#305;r JavaScript kodu ile kendinize &#246;zg&#252; ve t&#252;m&#252;yle etkile&#351;imli bir dosya a&#287;ac&#305; olu&#351;turabilirsiniz. Simgeleri dosya uzant&#305;lar&#305;na g&#246;re otomatik olarak g&#246;r&#252;nt&#252;leyebilme &#246;zelli&#287;ine sahip olan bu betik, i&#231;eri&#287;ini sayfan&#305;n yeniden y&#252;klenmesine gerek kalmadan olu&#351;turabimek i&#231;in AJAX kullan&#305;yor. A&#231;&#305;l&#305;r kapan&#305;r dosya a&#287;a&#231;lar&#305; ve tekil ve &#231;oklu klas&#246;r g&#246;r&#252;n&#252;mleri i&#231;in ayarlar&#305; da bulunuyor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-65.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://yura.thinkweb2.com/scripting/contextMenu/"&gt;Proto.Menu&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-66.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.askthecssguy.com/2007/09/sangeeta_asks_the_css_guy_how_1.html"&gt;Pricing Matrix&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-67.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://davidwalsh.name/build-toggling-announcement-slider-mootools-12"&gt;Toggling Announcement Slider&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/22-68.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

&lt;strong&gt;Rehberler&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://web-kreation.com/index.php/tutorials/nice-login-and-signup-panel-using-mootools-12/"&gt;MooTools 1.2 ile Giri&#351; Panelini G&#246;stermek/Gizlemek&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://woork.blogspot.com/2008/03/simple-images-slider-to-create-flickr.html"&gt;Flickr benzeri slayt g&#246;sterileri olu&#351;turmak i&#231;in g&#246;rsel kayd&#305;r&#305;c&#305;s&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.kriesi.at/archives/apple-menu-improved-with-jquery"&gt;Apple benzeri men&#252; olu&#351;turmak ve jQuery ile iyile&#351;tirmek&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/"&gt;Otomatik y&#252;r&#252;tme deste&#287;i bulunan i&#231;erik g&#246;r&#252;nt&#252;leyicisi olu&#351;turmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://nettuts.com/javascript-ajax/build-a-top-panel-with-jquery/"&gt;jQuery ile etkileyici giri&#351; formlar&#305; olu&#351;turmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/"&gt;CSS ve jQuery ile sekmeli i&#231;erik b&#246;lgesi olu&#351;turmak&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://nettuts.com/javascript-ajax/create-a-simple-intelligent-accordion-effect-using-prototype-and-scriptaculous/"&gt;Prototype ve Scriptaculous kullan&#305;larak basit akordiyon efekti olu&#351;turmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://nettuts.com/site-builds/create-a-simple-powerful-product-highlighter-with-mootools/"&gt;MooTools kullanarak &#252;r&#252;n tan&#305;t&#305;c&#305;lar&#305; olu&#351;turmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://nettuts.com/javascript-ajax/creating-a-dynamic-poll-with-jquery-and-php/"&gt;jQuery ve PHP kullan&#305;larak dinamik anketler olu&#351;turmak&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://www.smashingmagazine.com/2008/09/11/75-really-useful-javascript-techniques/"&gt;Smashing Magazine&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sun, 08 Feb 2009 10:28:00 GMT</pubDate>
      <guid isPermaLink="false">196145@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi</link>
    </item>
    <item>
      <title>50 adet g&#252;zel ve kullan&#305;c&#305; dostu navigasyon men&#252;s&#252;</title>
      <author>S_k_Y</author>
      <description>&lt;p&gt;Bir web sitesinin kullan&#305;&#351;l&#305;l&#305;&#287;&#305;n&#305;n en temel gereklerinden birisi &#351;&#252;phesiz navigasyon men&#252;leridir. Kullan&#305;c&#305;lar i&#231;in kullan&#305;m kolayl&#305;&#287;&#305; a&#231;&#305;s&#305;ndan basit ve anla&#351;&#305;l&#305;r olmas&#305;n&#305;n yan&#305;nda &#351;&#305;kl&#305;&#287;&#305; da olduk&#231;a &#246;nemlidir. &lt;a href="http://www.smashingmagazine.com"&gt;Smashing Magazine&lt;/a&gt; bizim i&#231;in &#351;ahane 50 adet css, css+javascript ve flash navigasyon men&#252;s&#252;n&#252; listelemi&#351;. &#304;lham almak ad&#305;na hep birlikte g&#246;z atal&#305;m.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/grafimedya/loodo.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.loodo.com.br/"&gt;Loodo&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/grafimedya/nopoko.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.nopokographics.com/english/"&gt;nopokographics&lt;/a&gt;

	&lt;p&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/grafimedya/small.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.smallstone.com/home.php"&gt;smallstone&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/grafimedya/tap.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.watersmedia.com/"&gt;Water&#8217;s Edge Media&lt;/a&gt;&lt;br&gt;Listenin tamam&#305;n&#305; g&#246;rmek i&#231;in &lt;a href="http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/"&gt;t&#305;klay&#305;n.&lt;/a&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 05 Feb 2009 07:39:00 GMT</pubDate>
      <guid isPermaLink="false">195762@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici</link>
    </item>
    <item>
      <title>delicious design league</title>
      <author>S_k_Y</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/schizophrenia13/tokyopolice1.jpg' alt="tokyo police club @delicious design league" border="0"&gt;&lt;br&gt;tokyo police club @delicious design league&lt;/div&gt;&lt;br&gt;90'l&#305; y&#305;llarda kurulan &lt;a href="http://www.deliciousdesignleague.com/"&gt;delicious design league&lt;/a&gt;, tasar&#305;m, il&#252;strasyon ve poster &#252;zerine &#231;al&#305;&#351;an chicago'lu jason teegarden - downs &amp; billy baumann'&#305;n projesi. &#252;retim yapt&#305;klar&#305; &#351;ah&#305;slar aras&#305;nda ise &lt;a href="http://www.hydrahead.com/pelican/"&gt;pelican&lt;/a&gt;, &lt;a href="http://www.myspace.com/estiempo"&gt;all&#225;&lt;/a&gt;, &lt;a href="http://www.deliciousdesignleague.com/press/"&gt;panic at the disco&lt;/a&gt;, &lt;a href="http://www.ofmontreal.net/"&gt;of montreal&lt;/a&gt;, &lt;a href="http://www.lilyallenmusic.com/"&gt;lily allen&lt;/a&gt;, &lt;a href="http://www.gogolbordello.com/"&gt;gogol bordello&lt;/a&gt;, &lt;a href="http://www.myspace.com/animalcollectivetheband"&gt;animal collective&lt;/a&gt;, &lt;a href="http://www.jamielidell.com/"&gt;jamie lidell&lt;/a&gt;, &lt;a href="http://www.andrewbird.net/"&gt;andrew bird&lt;/a&gt; ve &lt;a href="http://www.devendrabanhart.com/"&gt;devendra banhart&lt;/a&gt; yeral&#305;yor. poster ve cd kapaklar&#305; i&#231;in tasar&#305;m yap&#305;yorsan&#305;z olduk&#231;a ilham verici olan i&#351;lerini g&#246;rmenizi &#246;neririm.&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/delicious-design-league "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 22 Nov 2008 08:25:00 GMT</pubDate>
      <guid isPermaLink="false">184357@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/delicious-design-league</link>
    </item>
    <item>
      <title>Online web ve tasar&#305;m yay&#305;nlar&#305;(dergiler vs) listesi</title>
      <author>S_k_Y</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/AntiHumanIST/magazine06.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;online web ve tasar&#305;m dergileri ger&#231;ekten merakl&#305;lar&#305; i&#231;in zevkle takip edilen yay&#305;nlar. &#246;zellikle tasar&#305;m ad&#305;na bildiklerim aras&#305;nda &#231;ok g&#252;zide dergiler var. e&#287;er &#246;&#287;renmek istediklerinizi bir dergi de bulmak istiyorsan&#305;z ve bas&#305;l&#305; yay&#305;nlardan b&#305;kt&#305;ysan&#305;z &lt;a href="http://www.designshard.com/inspiration/22-online-web-design-magazines-you-should-look-at/"&gt;buradaki &lt;/a&gt;dergilere bir g&#246;z at&#305;n. &lt;strong&gt;l&#252;tfen siz de bildi&#287;iniz yerli web ve tasar&#305;m konulu online dergileri de yorumlarda payla&#351;&#305;n.&lt;/strong&gt;

	&lt;p&gt;1. &lt;a href="http://www.computerarts.co.uk/"&gt;Computer Arts&lt;/a&gt; - kaliteli online dersler&lt;/p&gt;
	&lt;p&gt;2. &lt;a href="http://www.urbancollective.com/"&gt;Urban Collective&lt;/a&gt; - yarat&#305;c&#305; imajlar&lt;/p&gt;


	&lt;p&gt;3. &lt;a href="http://www.ths.nu/beast/index.html"&gt;Beast the bible of inspiration&lt;/a&gt; - tipografi, illustrasyon&lt;/p&gt;


	&lt;p&gt;4. &lt;a href="http://www.thinkvitamin.com/"&gt;Vitamin&lt;/a&gt; - Css, tasar&#305;m, Web uygulamalar&#305;&lt;/p&gt;


	&lt;p&gt;5. &lt;a href="http://www.booooooom.com/"&gt;Booooooom&lt;/a&gt; - muzik,tasar&#305;m vs &#252;zerine g&#252;zel makaleler&lt;/p&gt;


	&lt;p&gt;6. &lt;a href="http://www.commarts.com/home/"&gt;Communication Arts&lt;/a&gt; - reklam tasar&#305;mc&#305;l&#305;&#287;&#305;&lt;/p&gt;


	&lt;p&gt;7. &lt;a href="http://www.smashingmagazine.com/"&gt;Smashing magazine&lt;/a&gt; -web tasar&#305;m merkezi&lt;/p&gt;


	&lt;p&gt;8. &lt;a href="http://www.cssglobe.com/"&gt;CSS Globe&lt;/a&gt; - &#252;yelerden gelen web standartlar&#305;&lt;/p&gt;


	&lt;p&gt;9. &lt;a href="http://www.netmag.co.uk/"&gt;.net&lt;/a&gt; - profesyonel tasar&#305;mc&#305; ve web geli&#351;tiricilere&lt;/p&gt;


	&lt;p&gt;10. &lt;a href="http://www.designiskinky.net/"&gt;Design is kinky&lt;/a&gt; - ilham verici tasar&#305;m ve portfoliolar&lt;/p&gt;


	&lt;p&gt;11. &lt;a href="http://www.designmeltdown.com/"&gt;Design melt down&lt;/a&gt; - web tasar&#305;m&#305; burada&lt;/p&gt;


	&lt;p&gt;12. &lt;a href="http://www.digital-web.com/"&gt;Digital web magazine&lt;/a&gt; - i&#351;,css, sosyal a&#287;lar vs&lt;/p&gt;


	&lt;p&gt;13. &lt;a href="http://www.eyemagazine.com/"&gt;Eye magazine&lt;/a&gt; - grafik tasar&#305;m &#252;zerine&lt;/p&gt;


	&lt;p&gt;14. &lt;a href="http://www.formatmag.com/"&gt;Format &lt;/a&gt;- ilham verici makaleler&lt;/p&gt;


	&lt;p&gt;15. &lt;a href="http://www.graphis.com/"&gt;Graphis&lt;/a&gt; - fotografik ilham kaynaklar&#305;(&#351;u an mesgul)&lt;/p&gt;


	&lt;p&gt;16. &lt;a href="http://netdiver.net/"&gt;Net diver&lt;/a&gt; - tasar&#305;m ve dijital k&#252;lt&#252;r&lt;/p&gt;


	&lt;p&gt;17. &lt;a href="http://www.sitepoint.com/"&gt;Sitepoint&lt;/a&gt; - ilgin&#231; sanayi haberleri&lt;/p&gt;


	&lt;p&gt;18. &lt;a href="http://www.surfstation.com/"&gt;Surf Station&lt;/a&gt; - ilgin&#231; sanat ve tasar&#305;m vak'alar&#305;&lt;/p&gt;


	&lt;p&gt;19. &lt;a href="http://thedezine.com/archives/"&gt;The dezine&lt;/a&gt; - ilham verici i&#351;ler galerileri&lt;/p&gt;


	&lt;p&gt;20. &lt;a href="http://think.faesthetic.com/"&gt;Think Faest!&lt;/a&gt; - blog &#252;zerine&lt;/p&gt;


	&lt;p&gt;21. &lt;a href="http://www.cpluv.com/"&gt;My computerlove&lt;/a&gt; - ilgin&#231; makaleler merkezi&lt;/p&gt;


	&lt;p&gt;22. &lt;a href="http://www.designdiary.org/"&gt;Design Diary&lt;/a&gt; - sanat ve tasar&#305;m&lt;/p&gt;


	&lt;p&gt;Kullan&#305;c&#305;lardan gelenler:&lt;/p&gt;


	&lt;p&gt;1. &lt;a href="http://typesites.com/"&gt;Typesites &lt;/a&gt;- tipografi ve web siteleri&lt;/p&gt;


	&lt;p&gt;2. &lt;a href="http://ilovetypography.com/"&gt;I love typography&lt;/a&gt; - tipografi tabiki&lt;/p&gt;


	&lt;p&gt;3. &lt;a href="http://www.freedesignmagazine.com/index.php"&gt;Free Design Magazine&lt;/a&gt; - bedava kaynaklar ve tasar&#305;m&lt;/p&gt;


	&lt;p&gt;4. &lt;a href="http://www.destructed.info/"&gt;Destructed&lt;/a&gt; - sanatsal bir pdf dergi&lt;/p&gt;


	&lt;p&gt;5. &lt;a href="http://www.alistapart.com/"&gt;A list Apart&lt;/a&gt; - web ve tasar&#305;m ortakl&#305;&#287;&#305;&lt;/p&gt;


	&lt;p&gt;6. &lt;a href="http://www.graphiccompetitions.com/"&gt;Graphic Competitions &lt;/a&gt;- grafik tasar&#305;m yar&#305;&#351;malar&#305;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/online-web-ve-tasarim-yayinlari "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sun, 07 Sep 2008 06:03:00 GMT</pubDate>
      <guid isPermaLink="false">173462@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/online-web-ve-tasarim-yayinlari</link>
    </item>
    <item>
      <title>83 inan&#305;lmaz After Effects dersi</title>
      <author>S_k_Y</author>
      <description>&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/68.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/52.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;Ak&#305;llar&#305;n&#305;za durgunluk verici, heyecanland&#305;r&#305;c&#305; ve yarat&#305;c&#305; After Effects dersleri &lt;a href="http://www.videocopilot.net/"&gt;http://www.videocopilot.net/ &lt;/a&gt;sitesinde. &lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/47.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/30.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/20b.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&#220;cretsiz yay&#305;nlanan bu videolar&#305; inan&#305;n izleyip yapt&#305;&#287;&#305;n&#305;z zaman, vay be, b&#246;yle bir&#351;eyi nas&#305;l ba&#351;ard&#305;m diyeceksiniz. &#199;&#252;nk&#252; sitede bulunan dersler filimlerde kullan&#305;lanlar ile ayn&#305;: Ate&#351; etmeler, patlamalar, zaman durdurmalar, ten deformasyonlar&#305;, organ de&#287;i&#351;tirmeler, kamera trackingler, grafiksel ses titre&#351;imleri, medikal zoomlar, so&#287;uk hava &lt;a href="http://www.bildirgec.org/ara/efekt"&gt;efekt&lt;/a&gt;leri, &#351;u reklamlarda g&#246;rd&#252;&#287;&#252;n&#252;z hareket eden &lt;a href="http://www.videocopilot.net/tutorials/moving_3d_lines/"&gt;3 boyutlu &#305;&#351;&#305;klar&lt;/a&gt;, &#305;&#351;&#305;n k&#305;l&#305;c&#305;, araba kazas&#305; animasyonlar&#305;, par&#305;ldayan g&#252;&#231; kalkanlar&#305;, meteor &#231;arp&#305;&#351;malar&#305; ve daha bir &#231;o&#287;u bu sitede. 

&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/50.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/43.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;Ve sak&#305;n bu yaz&#305;lanlar&#305;n grafik dersleri oldu&#287;unu sanmay&#305;n. Hay&#305;r tamam&#305;yla video olu&#351;turma ve &#252;zerinde oynama dersleri. Kaynak dosyalar&#305; ile birlikte. Bir&#231;ok ders 15dk civar&#305;nda. Bu adaml&#305;n ortalama her videosu 230bin civar&#305;nda bir izleyiciye sahip (s&#246;ylemeden edemedim)

	&lt;p&gt;&lt;strong&gt;Yeni ba&#351;layanlar Buradan &lt;/strong&gt;&lt;br&gt;&lt;a href="http://www.videocopilot.net/basic/"&gt;http://www.videocopilot.net/basic/&lt;/a&gt; &lt;br&gt;en temel 10 video bulunmakta. H&#305;zla &#246;&#287;renin.&lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/28.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/25.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;strong&gt;Geli&#351;tiriciler Buraya&lt;/strong&gt; &lt;a href="http://www.videocopilot.net/tutorials/all/"&gt;http://www.videocopilot.net/tutorials/all&lt;/a&gt;/&lt;br&gt;24 Eyl&#252;l tarihi itibari ile 73 ders bulunmakta.&lt;/p&gt;


	&lt;p&gt;Reklam piyasas&#305;ndan pay almak isteyenler bu yoldan ayr&#305;lmay&#305;n... &#246;zellikle bu profesyonel adamlar&#305;n bedava hizmetinden yararlan&#305;n. (sayfa kayna&#287;&#305;ndan flv videolar&#305; indirme &#351;ans&#305;n&#305;z var.)&lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/18.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/48-p3.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&#350;u enerji kalkan&#305;n&#305; indirip bir izleyin l&#252;tfen&lt;br&gt;&lt;a href="http://www.videocopilot.net/assets/public/flash/tutorialvids/68.flv"&gt;flv_enerjikalkan&#305;&lt;/a&gt;&lt;br&gt;Yada &lt;a href="http://www.videocopilot.net/tutorials/energy/"&gt;http://www.videocopilot.net/tutorials/energy/&lt;/a&gt; bu linkten ekrandaki resmin &#252;st&#252;nde farenizi bekletin. can&#305;n&#305;z nas&#305;l &#231;ekecek, bende istiyorum diyeceksiniz inan&#305;n.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/header-right.jpg' alt="Bu Adam &#304;nan&#305;lmaz" border="0"&gt;&lt;br&gt;Bu Adam &#304;nan&#305;lmaz&lt;/div&gt;&lt;br&gt;Hemen &lt;a href="http://www.videocopilot.net/forum/viewtopic.php?f=15&amp;t=6"&gt;&#351;uraya &#252;ye olup&lt;/a&gt; Andrew Kramer'e &#246;neri tutorial spari&#351;i verebilirsiniz. Bu adamlar i&#351;ini zevk i&#231;in yap&#305;yorlar haberiniz olsun. Ha bu arada sitede &#231;e&#351;itli materyallerde sat&#305;lmakta. Bunlar ses, video, mask, vs k&#252;t&#252;phaneleri. ve y&#252;ksek &#231;&#246;z&#252;n&#252;rl&#252;kteler. sat&#305;n alabiliyorsunuz (paras&#305; olanlar bu sizeydi, biz bedavalara devam)&lt;br&gt;&lt;a href="http://www.videocopilot.net/blog/"&gt;Bloglar&#305;n&#305;&lt;/a&gt; da bir kurcalaman&#305;z&#305; &#246;neriyorum.&lt;br&gt;&#304;nsanlar&#305;n bu video derslerinden snra neler yapt&#305;&#287;&#305;n&#305; merak edenler &lt;a href="http://www.videocopilot.net/forum/viewforum.php?f=12"&gt;buradan.&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/matasoy/142133113-100.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;Ya &lt;a href="http://vimeo.com/1612411?pg=embed&amp;sec=1612411"&gt;&#351;unu&lt;/a&gt; bir izlermisiniz l&#252;tfen :D after effects ile yap&#305;lm&#305;&#351; basit bir klip. &#304;nan&#305;n bu derslerin basic 10+di&#287;er 10 ders daha izleyin. Bu klibi yapars&#305;n&#305;z.

	&lt;p&gt;Program&#305; indirmek isteyenler, deneme s&#252;r&#252;ml&#252; olarak &lt;a href="http://www.adobe.com/downloads/"&gt;Adobenin Download Sitesinden&lt;/a&gt; indirebilirsiniz. K&#252;&#231;&#252;k bir kay&#305;ttan sonra.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/83-inanilmaz-after-effects-dersi "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Wed, 24 Sep 2008 13:15:00 GMT</pubDate>
      <guid isPermaLink="false">172985@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/83-inanilmaz-after-effects-dersi</link>
    </item>
    <item>
      <title>ayd&#305;nlatma ve soyut d&#252;&#351;&#252;nce i&#231;eren 40 photoshop dersi</title>
      <author>S_k_Y</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pisho/water.jpg' alt="m&#252;thi&#351; efektler" border="0"&gt;&lt;br&gt;m&#252;thi&#351; efektler&lt;/div&gt;

	&lt;p&gt;&#199;e&#351;itli ayd&#305;nlatma ve soyut etkileri kullanarak phtoshopta harikalar yarat&#305;labildi&#287;ini, en iyi g&#246;sterecek olan bu derslerdir, diyebiliriz.&lt;/p&gt;


	&lt;ol&gt;
	&lt;li&gt;&lt;a href="http://www.photoshopessentials.com/photo-effects/light-streaks/"&gt;Bir foto&#287;rafa hafif &#231;izgileri eklemek&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://psdtuts.com/drawing/fiery-photoshop-space-explosion-tutorial/"&gt;Ate&#351;li Photoshop uzay patlamas&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://abduzeedo.com/really-cool-eclipse-effect-photoshop"&gt;Ger&#231;ek tutulma efekti, Photoshop'ta&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://pshero.com/archives/electrifying-glow-album-art/"&gt;Alb&#252;m sanat&#305;nda heyacanl&#305; par&#305;lt&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1732"&gt;Photoshop'ta ayd&#305;nlatma efekti&lt;/a&gt;&lt;/li&gt;
	&lt;/ol&gt;


	&lt;p&gt;ilk 5 tanesi bu &#351;ekilde olan ve &lt;a href="http://vandelaydesign.com"&gt;vandelaydesign&lt;/a&gt; taraf&#305;ndan haz&#305;rlanan bu 40'l&#305;k derleme ger&#231;ekten incelenmeyi hak ediyor. piyasadaki en iyi 40 dersten olu&#351;an bu e&#351;siz kayna&#287;a &lt;a href="http://vandelaydesign.com/blog/design/photoshop-lighting-effects/"&gt;&#351;uradan&lt;/a&gt; ula&#351;abilirsiniz.&lt;/p&gt;


	&lt;p&gt;ayr&#305;ca &#351;u bildirilerde dikkatinizi &#231;ekebilir;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.bildirgec.org/yazi/en-iyi-photoshop-dersleri-ve"&gt;En iyi photoshop dersleri ve kaynak siteler&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.bildirgec.org/yazi/muhtesem-100-photoshop-efekti-dersleriyle"&gt;Muhte&#351;em 100 photoshop efekti (dersleriyle birlikte)&lt;/a&gt;&lt;br&gt;&lt;a href="http://www.bildirgec.org/yazi/53-adet-oldurucu-photoshop-ve"&gt;53 adet &#246;ld&#252;r&#252;c&#252; Photoshop ve illustrator efekti&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/aydinlatma-ve-soyut-dusunce-iceren "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 10 Jul 2008 08:19:00 GMT</pubDate>
      <guid isPermaLink="false">153594@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/aydinlatma-ve-soyut-dusunce-iceren</link>
    </item>
    <item>
      <title>Online ara&#351;t&#305;rma siteleri</title>
      <author>S_k_Y</author>
      <description>Ara&#351;t&#305;rma yaparken &#231;o&#287;umuzun ba&#351;&#305;na gelmi&#351;tir,konuyla ilgisi olmayan sitelerde kaybolan zaman ve ge&#231;en zamanla artan can s&#305;k&#305;nt&#305;s&#305;.Peki bu i&#351;i kendiniz i&#231;in daha kolay bir hale getirmek istemez misiniz?&lt;br&gt;&#304;&#351;te sanattan biyolojiye,Leonardo Da Vinci'nin notlar&#305;ndan m&#252;zelere uzanan bu siteler:
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.artcyclopedia.com/"&gt;Artcyclopedia&lt;/a&gt;  &lt;br&gt;Ressamlar,foto&#287;raf sanat&#231;&#305;lar&#305;,heykeltra&#351;lar,m&#252;zeler...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://biomedcentral.com/"&gt;biomedcentral&lt;/a&gt;&lt;br&gt;biyoloji,kimya,t&#305;p makaleleri...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://digitalhistory.uh.edu/"&gt;digitalhistory&lt;/a&gt;&lt;br&gt;amerika tarihiyle ilgili olduk&#231;a geni&#351; bir kaynak&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://findarticles.com/"&gt;FindArticles&lt;/a&gt;&lt;br&gt;sanat,spor,i&#351;,sa&#287;l&#305;k,teknoloji makaleleri&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://infomine.ucr.edu/"&gt;infomine&lt;/a&gt;&lt;br&gt;Kaliforniya &#252;niversitesi k&#252;t&#252;phanesinden elektronik kitaplar,gazeteler,makaleler...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.fordham.edu/halsall/"&gt;Internet History Sourcebooks&lt;/a&gt;&lt;br&gt;Orta &#231;a&#287; tarihi,d&#252;nya tarihi,&#304;slam tarihi...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.ipl.org/"&gt;Internet Public Library&lt;/a&gt;&lt;br&gt;halk k&#252;t&#252;phanesi:)&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.intute.ac.uk/"&gt;intute&lt;/a&gt;&lt;br&gt;fen,teknoloji,sanat...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://lii.org/"&gt;Librarians Internet Index&lt;/a&gt;&lt;br&gt;Bir grup k&#252;t&#252;phanecinin kurdu&#287;u bir site&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.loc.gov/index.html"&gt;Library of Congress&lt;/a&gt;&lt;br&gt;Amerika tarihi,kongreler,...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.perseus.tufts.edu/"&gt;Perseus Digital Library&lt;/a&gt; &lt;br&gt;eski &#231;a&#287;lara ait atlaslar,metinler,amerikan i&#231; sava&#351;&#305; hakk&#305;nda bilgiler...&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.gutenberg.org/wiki/Main_Page"&gt;Project Gutenberg&lt;/a&gt;&lt;br&gt;20.000 e-kitap&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.aresearchguide.com/"&gt;Research Guide for Students&lt;/a&gt; &lt;br&gt;&#246;&#287;renciler i&#231;in ara&#351;t&#305;rma rehberi&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;&lt;strong&gt;ilgili yaz&#305;lar&lt;/strong&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/apple-atagi-2"&gt;apple ata&#287;&#305; - 2&lt;/a&gt; (7)&lt;/li&gt;&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/ipod-icin-ucretsiz-video-donusturucu"&gt;iPod i&#231;in &#252;cretsiz video d&#246;n&#252;&#351;t&#252;r&#252;c&#252;!&lt;/a&gt; (2)&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/online-arastirma-siteleri "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 16 Jun 2007 08:12:00 GMT</pubDate>
      <guid isPermaLink="false">57973@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/online-arastirma-siteleri</link>
      <category>reklam</category>
      <category>mp3</category>
      <category>ipod</category>
      <category>video</category>
      <category>apple</category>
      <category>itunes</category>
      <category>ipod nano</category>
      <category>covwer flow</category>
    </item>
    <item>
      <title>Uzak Masa&#252;st&#252; Ba&#287;lant&#305;s&#305; - Nas&#305;l?</title>
      <author>S_k_Y</author>
      <description>&lt;p&gt;Bu yaz&#305;da Windows XP Professional y&#252;kl&#252; bir bilgisayar&#305; uzaktan eri&#351;im sa&#287;layarak nas&#305;l kullanabilece&#287;iniz anlat&#305;lm&#305;&#351;t&#305;r.&lt;/p&gt;


	&lt;p&gt;&#304;lk ve en b&#252;y&#252;k problemimiz IP adresimiz. ADSL kullan&#305;c&#305;lar&#305; 3 YTL'lik bir fark &#246;deyerek sabit IP edinebiliyorlar. IP adresinizi ezberleyerek ba&#287;lant&#305; kurabilirsiniz. Diyelim ki 3 YTL vermek istemiyorsunuz, dolay&#305;s&#305;yla IP adresiniz modeminiz kapan&#305;p a&#231;&#305;ld&#305;&#287;&#305;nda de&#287;i&#351;iyor. Yani de&#287;i&#351;ken bir IP adresine sahipsiniz. Ya da sabit bir IP adresine sahipsiniz fakat o kar&#305;&#351;&#305;k say&#305; &#246;be&#287;ini ezberlemek istemiyorsunuz. Daha ak&#305;lda kal&#305;c&#305;, ba&#351;kalar&#305;yla rahat&#231;a payla&#351;abilece&#287;iniz bir adresiniz olsun istiyorsunuz. Bu problemin &#252;stesinden gelmek i&#231;in no-ip.com'un &#252;cretsiz servisini kullanaca&#287;&#305;z.&lt;/p&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/kArA/no-ip-logo.jpg' alt="no-ip.com" border="0"&gt;&lt;/div&gt; &#304;lk olarak &lt;a href="http://www.no-ip.com"&gt;no-ip.com&lt;/a&gt;'dan kendimize bir hesap alal&#305;m ve haz&#305;r gelmi&#351;ken -IP adresiniz sabit de&#287;ilse- &lt;a href="http://www.no-ip.com/downloads.php"&gt;download&lt;/a&gt; sayfas&#305;ndan daha sonra kullanmak &#252;zere windows i&#231;in haz&#305;rlanm&#305;&#351; olan Dynamic DNS Update Client (Dinamik DNS G&#252;ncelleme &#304;stemcisi) program&#305;n&#305; (668 KB) bilgisayar&#305;m&#305;za indirelim.

	&lt;p&gt;&lt;a href="http://www.whatismyip.com"&gt;www.whatismyip.com&lt;/a&gt; adresinden IP adresimizi &#246;&#287;renip ilerde kullanmak &#252;zere bir kenara not alal&#305;m.&lt;/p&gt;


	&lt;p&gt;no-ip.com'a &#252;yelik bilgilerimizle giri&#351; yapal&#305;m. Sol taraftaki men&#252;den &lt;strong&gt;Hosts / Redirects&lt;/strong&gt; b&#246;l&#252;m&#252;n&#252;n alt&#305;ndaki &lt;strong&gt;Add&lt;/strong&gt; ba&#287;lant&#305;s&#305;na t&#305;klayal&#305;m. Kar&#351;m&#305;za a&#351;a&#287;&#305;daki ekran&#305; i&#231;eren bir ekran &#231;&#305;kacak: &lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/kArA/no-ip.jpg' alt="no-ip - yeni host ekleme ekran&#305;" border="0"&gt;&lt;br&gt;no-ip - yeni host ekleme ekran&#305;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;Burada &lt;strong&gt;Hostname&lt;/strong&gt; k&#305;sm&#305;na bilgisayar&#305;m&#305;za ba&#287;lanmak i&#231;in kullanaca&#287;&#305;m&#305;z sunucu ismini yazal&#305;m. (bildirgec.no-ip.com i&#231;in bildirgec) A&#351;a&#287;&#305; a&#231;&#305;l&#305;r men&#252;den bir uzant&#305; se&#231;elim. &lt;strong&gt;Host Type&lt;/strong&gt; olarak birinci se&#231;enek olan &lt;em&gt;DNS Host (A)&lt;/em&gt;'y&#305; se&#231;elim, &lt;strong&gt;IP address&lt;/strong&gt; k&#305;sm&#305;na biraz &#246;nce &lt;a href="http://www.whatismyip.com"&gt;whatismyip.com&lt;/a&gt; dan &#246;&#287;rendi&#287;imiz IP adresini yazal&#305;m ve sayfan&#305;n alt&#305;ndaki &lt;strong&gt;Create host&lt;/strong&gt; tu&#351;una basarak yeni host'umuzu yaratal&#305;m.&lt;/p&gt;


	&lt;p&gt;Sabit IP kullan&#305;c&#305;lar&#305; i&#231;in bu a&#351;ama burada bitiyor. Art&#305;k bildirgec.no-ip.com benzeri bir adrese sahipsiniz. De&#287;i&#351;ken IP'ye sahip kullan&#305;c&#305;lar i&#231;in ufak bir ad&#305;m&#305;m&#305;z daha var.&lt;/p&gt;


	&lt;p&gt;Kay&#305;t i&#351;lemi ile beraber bir de ufak program indirmi&#351;tik (&lt;a href="http://www.no-ip.com/downloads.php?page=win"&gt;DUC 2.2.1&lt;/a&gt;) Bu program yard&#305;m&#305;yla IP adresimiz de&#287;i&#351;se de se&#231;mi&#351; oldu&#287;umuz adresi kullanmaya devam edebilece&#287;iz. Program &#231;al&#305;&#351;t&#305;&#287;&#305;nda sistem &#231;ubu&#287;unda kendine bir yer ediniyor ve IP adresimiz de&#287;i&#351;ti&#287;inde no-ip veritaban&#305;ndaki bilgilerinizi g&#252;ncelleyerek adresimizin ge&#231;erlili&#287;ini s&#252;rd&#252;r&#252;yor.&lt;/p&gt;


&lt;div class="imajsag"&gt;&lt;img src='http://www.bildirgec.org/imaj/kArA/ducsetup.jpg' alt="DUC Simgesi" border="0"&gt;&lt;/div&gt; ducsetup.exe'ye &#231;ift t&#305;klayarak kurulum i&#351;lemini ba&#351;latal&#305;m. Bir ka&#231; kez &lt;strong&gt;Next&lt;/strong&gt; tu&#351;una bast&#305;ktan sonra &lt;strong&gt;Finish&lt;/strong&gt; tu&#351;una basarak kurulumu bitirelim. Kar&#351;&#305;m&#305;za program&#305;n ba&#351;lang&#305;&#231; ekran&#305; &#231;&#305;kacak. Bir sonraki a&#231;&#305;l&#305;&#351;ta bu ekran ile kar&#351;&#305;la&#351;mamak i&#231;in sol alt k&#246;&#351;edeki kutucu&#287;u i&#351;aretleyerek No-ip yaz&#305;s&#305;na t&#305;kl&#305;yoruz. Kar&#351;&#305;m&#305;za no-ip hesap bilgilerimizi soran bir ekran &#231;&#305;kacak. Hesap bilgilerimizi girip, &lt;strong&gt;Ok&lt;/strong&gt; tu&#351;una bast&#305;&#287;&#305;m&#305;zda program no-ip hesab&#305;m&#305;za ula&#351;arak daha &#246;nceden yaratt&#305;&#287;&#305;m&#305;z adresi ekrana getirecek.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/kArA/duc-ekran.jpg' alt="DUC Ekran&#305;" border="0"&gt;&lt;br&gt;DUC Ekran&#305;&lt;/div&gt;&lt;br&gt;Daha &#246;nceden eklemi&#351; oldu&#287;umuz adresimiz kar&#351;&#305;m&#305;zda g&#252;ne&#351; g&#246;zl&#252;&#287;&#252; takm&#305;&#351; duruyor. Hemen ba&#351; taraf&#305;ndaki kutucu&#287;a t&#305;klarsak bu adres i&#231;in DNS g&#252;ncelleme i&#351;leminin yap&#305;lmas&#305;n&#305; istedi&#287;imizi programa belirtmi&#351; oluruz. Art&#305;k 30 dakikada bir IP adresimiz no-ip veritaban&#305;na g&#246;nderilecek ve IP adresimiz de&#287;i&#351;tiyse otomatik olarak no-ip bilgileri g&#252;ncellenecek. 30 dakikadan daha az ya da daha &#231;ok bir yenileme s&#252;resi istersek &lt;strong&gt;Options&lt;/strong&gt; tu&#351;una basarak ayarlar penceresinden &lt;strong&gt;Connection&lt;/strong&gt; sekmesine ge&#231;ip, altta bulunan &#231;ubuk yard&#305;m&#305;yla g&#252;ncelleme s&#252;resini de&#287;i&#351;tirebiliriz. Yine &lt;strong&gt;Options&lt;/strong&gt; penceresinde &lt;strong&gt;Standard&lt;/strong&gt; sekmesinde &lt;em&gt;Run on startup&lt;/em&gt; se&#231;ene&#287;ini se&#231;erek bilgisayar&#305;m&#305;z her a&#231;&#305;ld&#305;&#287;&#305;nda DUC program&#305;n&#305;n da a&#231;&#305;lmas&#305;n&#305; sa&#287;layabiliriz. (E&#287;er sistem administrator yetkisine sahipseniz &#252;&#231;&#252;nc&#252; se&#231;ene&#287;i se&#231;erek servis olarak da &#231;al&#305;&#351;t&#305;rabilirsiniz. Servis olarak &#231;al&#305;&#351;t&#305;rmay&#305; se&#231;erseniz birinci se&#231;ene&#287;i iptal etmeyi unutmay&#305;n.) IP adresimiz ba&#351;ar&#305; ile g&#252;ncellendi&#287;ini yanaklar&#305; k&#305;zarm&#305;&#351; g&#252;len surattan anlayabiliriz. Art&#305;k IP adresimiz de&#287;i&#351;se bile se&#231;ti&#287;imiz adres ile bilgisayar&#305;m&#305;za ula&#351;abiliriz.

	&lt;p&gt;Ba&#287;lant&#305;m&#305;z ADSL ba&#287;lant&#305;s&#305; oldu&#287;undan b&#252;y&#252;k ihtimalle modemimiz ile ilgili sorun ya&#351;ayaca&#287;&#305;z. Nedir bu sorun derseniz, Microsoft Terminal Service (MSTSC) ya da s&#252;sl&#252; ad&#305;yla uzak masa&#252;st&#252; ba&#287;lant&#305;s&#305; veri ileti&#351;imini 3389 numaral&#305; port &#252;zerinden yapar. (Ekstra g&#252;venlik i&#231;in mstsc'nin dinleyece&#287;i portu &lt;a href="http://www.google.com/search?sourceid=navclient-ff&amp;ie=UTF-8&amp;rls=GGGL,GGGL:2006-11,GGGL:en&amp;q=terminal+service+change+port"&gt;de&#287;i&#351;tirebilirsiniz&lt;/a&gt;. (De&#287;i&#351;iklik yaparsan&#305;z ba&#287;lant&#305; s&#305;ras&#305;nda yeni port ile ba&#287;lanmay&#305; unutmay&#305;n.)) En temel anlat&#305;m&#305;yla ADSL modemimiz normal &#351;artlar alt&#305;nda g&#252;venli&#287;imiz i&#231;in d&#305;&#351;ardan gelen veri trafi&#287;ini otomatik olarak engeller. Yani biz d&#305;&#351;ardan kurulacak bir ba&#287;lant&#305;ya izin vermek istiyorsan&#305;z ADSL modeminize belli bir port &#252;zerinden gelebilecek istekleri, belli bir bilgisayara y&#246;nlendirmesini s&#246;ylemeliyiz. Bu i&#351;lem p2p programlar&#305;, mmorpg oyunlar vb i&#351;lemler i&#231;in de gereklidir. google da adsl modemimizin markas&#305; ile beraber "&lt;a href="http://www.google.com/search?hl=en&amp;lr=&amp;rls=GGGL%2CGGGL%3A2006-11%2CGGGL%3Aen&amp;q=adsl+modem+port+a%C3%A7ma&amp;btnG=Search"&gt;adsl modem port a&#231;ma&lt;/a&gt;" &#351;eklinde yapaca&#287;&#305;n&#305;z bir arama ile adsl modemimizde nas&#305;l bir port &#252;zerinden trafi&#287;i ilgili bilgisayara aktarabilece&#287;imizi &#246;&#287;renebilirsiniz. Bu ayar konusunda size daha fazla yard&#305;mc&#305; olamayaca&#287;&#305;m. 3389 numaral&#305; portu ba&#287;lant&#305; kurulacak bilgisayara y&#246;nlendirdi&#287;inizi varsayarak bir sonraki a&#351;amaya ge&#231;iyoruz.&lt;/p&gt;


	&lt;p&gt;&#350;imdi ba&#287;lant&#305; kurulacak bilgisayar&#305;n uzak ba&#287;lant&#305; taleplerini kabul etmesi i&#231;in gerekli ayar&#305; yapaca&#287;&#305;z. Bunun i&#231;in &lt;strong&gt;Bilgisayar&#305;m&lt;/strong&gt;'a sa&#287; tu&#351;la t&#305;klayarak &lt;strong&gt;&#214;zellikler&lt;/strong&gt;'i se&#231;elim. Kar&#351;&#305;m&#305;za gelen ekrandan &lt;strong&gt;Uzak&lt;/strong&gt; sekmesini se&#231;elim. Uzak sekmesi iki b&#246;l&#252;mden olu&#351;maktad&#305;r. Bizi ilgilendiren b&#246;l&#252;m &lt;strong&gt;Uzak Masa&#252;st&#252;&lt;/strong&gt; ba&#351;l&#305;kl&#305; alt b&#246;l&#252;m. Burada "&lt;em&gt;Kullan&#305;c&#305;lar&#305;n bu bilgisayara uzaktan ba&#287;lanmalar&#305;na izin ver&lt;/em&gt;" se&#231;ene&#287;ini aktif duruma getiriyoruz ve &lt;strong&gt;Tamam&lt;/strong&gt;'a basarak bu ekrandan &#231;&#305;k&#305;yoruz. Art&#305;k bilgisayar&#305;m&#305;z uzak masa&#252;st&#252; ba&#287;lant&#305;lar&#305; i&#231;in haz&#305;r durumda. Windows'u a&#231;t&#305;&#287;&#305;n&#305;z kullan&#305;c&#305; ad&#305; ve &#351;ifreniz ile uzak bir konumdan bilgisayar&#305;n&#305;za ba&#287;lanabilirsiniz.&lt;/p&gt;


	&lt;p&gt;Diyelim ki Windows 98 y&#252;kl&#252; bir bilgisayardan, bilgisayar&#305;n&#305;za ba&#287;lanmak istiyorsunuz. Uzak Masa&#252;st&#252; Ba&#287;lant&#305;s&#305; program&#305;n&#305; bulamam&#305;&#351; olabilirsiniz. Hemen Google da &lt;a href="http://www.google.com/search?sourceid=navclient-ff&amp;ie=UTF-8&amp;rls=GGGL,GGGL:2006-11,GGGL:en&amp;q=mstsc+download"&gt;mstsc download&lt;/a&gt; &#351;eklinde bir arama yaparak, Uzak masa&#252;st&#252; ba&#287;lant&#305;s&#305; i&#231;in gerekli istemciyi buluyoruz, indirip kuruyoruz ve hemen bilgisayar&#305;m&#305;za ba&#287;lan&#305;yoruz.&lt;/p&gt;


	&lt;p&gt;Art&#305;k bilgisayar&#305;n&#305;za linux sistemler &#252;zerinden bile ba&#287;lanabilirsiniz.&lt;/p&gt;


	&lt;p&gt;Son olarak; bu yaz&#305;da yaz&#305;lanlar&#305; uygulamay&#305; d&#252;&#351;&#252;n&#252;yorsan&#305;z t&#252;m sorumlulu&#287;un size ait oldu&#287;unun bilincinde olarak uygulamaya ge&#231;in. Yaz&#305;da anlat&#305;lanlar ki&#351;isel deneyimlerime dayanarak ortaya &#231;&#305;km&#305;&#351; olmalar&#305;na ra&#287;men farkl&#305; sistemlerde olmad&#305;k tepkiler ortaya &#231;&#305;kabilir. &#199;ok d&#252;&#351;&#252;k bir ihtimal olmas&#305;na ra&#287;men olu&#351;abilecek problemlerden yazar olarak ben ya da bildirinin yay&#305;nland&#305;&#287;&#305; mecra olarak bildirgec.org/pilli network sorumlu de&#287;ildir.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/S_k_Y"&gt;S_k_Y&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/uzak-masaustu-baglantisi-nasil "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Tue, 06 Jun 2006 10:13:00 GMT</pubDate>
      <guid isPermaLink="false">6678@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/uzak-masaustu-baglantisi-nasil</link>
    </item>
  </channel>
</rss>

