<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - Depozitosuz - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - Depozitosuz - be&#287;endikleri</description>
    <item>
      <title>T&#252;ketici Haklar&#305; Nelerdir; Neler yapabilece&#287;inizi biliyor musunuz?</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/tuketici.bmp' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Her birimiz onlarca teknolojik cihaz al&#305;yoruz ve bu cihazlar&#305;n bir k&#305;sm&#305; haliyle ar&#305;zalanabiliyor. &#304;&#351;te b&#246;yle bir durumla kar&#351;&#305; kar&#351;&#305;ya kald&#305;&#287;&#305;m&#305;zda bir &#231;o&#287;umuz yasal haklar&#305;m&#305;z&#305;n neler oldu&#287;unu bilmedi&#287;imizden teknik servislerin ve sat&#305;c&#305;lar&#305;n insaf&#305;na kal&#305;yoruz. Oysa yasal haklar&#305;m&#305;z bize &#246;yle geni&#351; imkanlar sunuyor ki...&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/law-20book-20n-20gavel.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Ben bu yaz&#305;da ya&#351;anan sorunlardan de&#287;il, yasal haklar&#305;m&#305;zdan ve neler yapabilece&#287;imizden bahsedece&#287;im.&lt;/p&gt;


	&lt;p&gt;Diyelim ki teknolojik bir cihaz ald&#305;n&#305;z ve &#252;r&#252;n ar&#305;zaland&#305;. Bu durumda yasal haklar&#305;n&#305;z neler?&lt;/p&gt;


	&lt;p&gt;&#304;malat&#231;&#305;-&#252;retici, sat&#305;c&#305;, bayi, acente ve/veya ithalat&#231;&#305;dan;&lt;/p&gt;


	&lt;p&gt;1- &#220;r&#252;n&#252;n&#252;z&#252;n onar&#305;m&#305;n&#305;,&lt;br&gt;2- &#220;r&#252;n&#252;n&#252;z&#252;n yenisiyle de&#287;i&#351;tirilmesini,&lt;br&gt;3- &#220;r&#252;ne &#246;dedi&#287;iniz paran&#305;n geri &#246;denmesini,&lt;br&gt;4- Ar&#305;za oran&#305;nda verdi&#287;iniz paradan indirim yap&#305;lmas&#305;n&#305; talep edebilirsiniz.&lt;/p&gt;


	&lt;p&gt;(Not: Genellikle sat&#305;n ald&#305;&#287;&#305;n&#305;z yere gittini&#287;izde size di&#287;er haklar&#305;n&#305;zdan bahsetmeden direkt olarak onar&#305;ma g&#246;nderirler.)&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/1646.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Onar&#305;ma verdikten sonra azami tamir s&#252;resinin a&#351;&#305;lmas&#305;, onar&#305;m&#305;n imkans&#305;z olmas&#305; veya ayn&#305; ar&#305;zan&#305;n s&#252;reklilik arz etmesi durumunda da yasal haklar&#305;n&#305;z var. Bu durumda ise yine yukar&#305;da bahsetti&#287;im haklar&#305;n&#305;z&#305; kullanabiliyorsunuz. Yani onar&#305;m&#305;n&#305;n tamamlanmas&#305; i&#231;in bekleyebilirsiniz; ya da para iadesi, &#252;r&#252;n&#252;n yenisiyle de&#287;i&#351;tirilmesi veya fiyat indirimi talep edebilirsiniz.&lt;/p&gt;


	&lt;p&gt;(Not: Azami tamir s&#252;recini a&#351;m&#305;&#351; &#252;r&#252;nlerde genellikle servis sizi aray&#305;p haklar&#305;n&#305;z&#305; kullanmak isteyip istemedi&#287;inizi sormaz.)&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/consumers-rights-tag.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Peki bu azami tamir s&#252;resi ka&#231; g&#252;nd&#252;r?&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;Bu garanti belgenizde g&#252;n veya i&#351;g&#252;n&#252; hesab&#305;ndan yazar. Fakat i&#351;g&#252;n&#252; hesab&#305;ndan yaz&#305;yorsa pazar g&#252;nlerini ve resmi tatil g&#252;nlerini bu g&#252;n hesab&#305;na katmaman&#305;z gerekiyor. (Cumartesi g&#252;nlerini de hesaba kat&#305;yorsunuz.) Bu s&#252;re genellikle 30 i&#351;g&#252;n&#252;d&#252;r.&lt;/p&gt;


	&lt;p&gt;Ar&#305;zan&#305;n s&#252;reklilik arz etmesi nedir?&lt;/p&gt;


	&lt;p&gt;Cihaz ayn&#305; ar&#305;zay&#305; &#252;&#231; defa veya farkl&#305; ar&#305;zalar&#305; be&#351; defa vermi&#351;se yine yukar&#305;daki se&#231;imlik haklar&#305;n&#305;z&#305; talep edebiliyorsunuz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/tuketici-haklari-1.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;"&#304;yi g&#252;zel ama i&#351; talep etmekle bitmiyor ki, kimse beni sallam&#305;yor talep etti&#287;im yerde." diyenler vard&#305;r.&lt;/p&gt;


	&lt;p&gt;E&#287;er ki talebinizi iletti&#287;iniz halde cevap alam&#305;yorsan&#305;z, yani sallanm&#305;yorsan&#305;z olay&#305; mahkeme s&#252;recine ta&#351;&#305;yabilirsiniz. E&#287;er ald&#305;&#287;&#305;n&#305;z &#252;r&#252;n&#252; 2000 TL'den daha az bir fiyata alm&#305;&#351;san&#305;z her il&#231;enin belediyesinde veya kaymakaml&#305;&#287;&#305;nda bulunan T&#252;ketici Hakem Heyeti'ne, 2000 TL'den fazla bir fiyata alm&#305;&#351;san&#305;z T&#252;ketici Mahkemesi'ne dava a&#231;abilirsiniz. Davay&#305; &#304;malat&#231;&#305;-&#252;retici, sat&#305;c&#305;, bayi, acente ve/veya ithalat&#231;&#305;dan her birine a&#231;ma hakk&#305;n&#305;z var. Hepsine birden de a&#231;abilirsiniz.&lt;/p&gt;


	&lt;p&gt;(Not: Bu 2000 TL'lik tutar her sene tekrar karara ba&#287;lan&#305;p belirlenmekte ve de&#287;i&#351;tirilmekte.)&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/consumer-rights.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Dava sonu&#231;land&#305; ve elinizde davay&#305; kazand&#305;&#287;&#305;n&#305;za dair bir belge var; bu durumda ne yapman&#305;z gerekiyor?&lt;/p&gt;


	&lt;p&gt;1) Hakk&#305;n&#305;z&#305; alman&#305;za h&#252;kmedilen yerden s&#246;z konusu belgeyle birlikte paran&#305;z&#305;/yeni &#252;r&#252;n&#252;n&#252;z&#252;/fiyat indiriminizi talep edebilirsiniz. Bu durumda b&#252;y&#252;k bir olas&#305;l&#305;kla hakk&#305;n&#305;z&#305; verirler.&lt;/p&gt;


	&lt;p&gt;2) E&#287;er halen size hakk&#305;n&#305;z&#305; vermemek konusunda diretiyorlarsa &#304;cra Mahkemesi'ne ba&#351;vurabilir, hakk&#305;n&#305;z&#305; icra yoluyla alabilirsiniz.&lt;/p&gt;


	&lt;p&gt;Tabii ki t&#252;m mahkeme &#252;cretlerini de kar&#351;&#305; taraf&#305;n &#246;demesini sa&#287;layabilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/majesty s infinity/credit-cards.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Mahkemeye vermeniz i&#231;in dilek&#231;e &#246;rnekleri;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.sanayi.gov.tr/download/tuketici/670.36_ytl_alti.zip"&gt;T&#252;ketici Hakem Heyeti i&#231;in&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.sanayi.gov.tr/download/tuketici/670.36_ytl_ustu.zip"&gt;T&#252;ketici Mahkemesi i&#231;in&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;&#304;nternette bu konuda kapsaml&#305; t&#252;rk&#231;e bir kaynak bulamad&#305;m, bu y&#252;zden bu s&#252;reci uzun ara&#351;t&#305;rmalar&#305;mdan ve b&#252;y&#252;k emeklerin ard&#305;ndan sizinle payla&#351;mak istedim. Umar&#305;m yararl&#305; olmu&#351;tur.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/tuketici-haklari-nelerdir-neler-yapabileceginizi "&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, 09 Dec 2009 18:34:00 GMT</pubDate>
      <guid isPermaLink="false">240148@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/tuketici-haklari-nelerdir-neler-yapabileceginizi</link>
    </item>
    <item>
      <title>960 css &#231;at&#305;s&#305;na yak&#305;ndan bak&#305;&#351;</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajsag"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/40-00.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;CSS &#231;at&#305;lar&#305;n&#305;n (framework) say&#305;s&#305; her ge&#231;en g&#252;n biraz daha art&#305;yor. CSS &#231;at&#305;lar&#305; &#246;zellikle CSS ile kod yazmak konusunda hen&#252;z kendisini yeteri kadar geli&#351;tirmemi&#351; olanlar i&#231;in kimi zaman olduk&#231;a kullan&#305;&#351;l&#305; bir hal alabiliyor. Ancak baz&#305; CSS profesyonellerine ve di&#287;er dillerin programc&#305;lar&#305;na g&#246;re CSS, &#252;zerine bir &#231;at&#305; geli&#351;tirilmesi gerekecek kadar zor bir dil de&#287;il.

	&lt;p&gt;E&#287;er herhangi bir CSS &#231;at&#305;s&#305; &#252;zerine bir rehber okuduysan&#305;z, ilgili rehberlere b&#305;rak&#305;lan pek &#231;ok yorum yukar&#305;dakilerle a&#351;a&#287;&#305; yukar&#305; ayn&#305;d&#305;r. Benim g&#246;r&#252;&#351;&#252;m bu tip yorumlar&#305;n b&#252;y&#252;k &#231;o&#287;unlu&#287;unun bir miktar tatminsizli&#287;e ba&#287;l&#305; oldu&#287;u y&#246;n&#252;nde. 960 &#252;zerinde biraz zaman ge&#231;irdikten sonra, web uygulamalar&#305;n&#305;z&#305; geli&#351;tirirken size ne kadar zaman kazand&#305;rabilece&#287;ine inanamayacaks&#305;n&#305;z. Hi&#231; olmazsa ilgili &#231;at&#305;y&#305; sadece bir 10 dakikal&#305;&#287;&#305;na inceleyin. Her zaman klavyenizin delete d&#252;&#287;mesine basabilirsiniz ancak bunu yapaca&#287;&#305;n&#305;zdan &#351;&#252;pheliyim.&lt;/p&gt;


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

&lt;strong&gt;Art&#305;lar&#305;&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;Geli&#351;tirme zaman&#305;n&#305; &#246;nemli &#246;l&#231;&#252;de k&#305;salt&#305;yor.&lt;/li&gt;
		&lt;li&gt;Temiz &#305;zgara yap&#305;s&#305;na sahip.&lt;/li&gt;
		&lt;li&gt;Farkl&#305; taray&#305;c&#305;lar &#252;zerinde problemlerle kar&#351;&#305;la&#351;ma ihtimaliniz &#231;ok d&#252;&#351;&#252;k. Bulduklar&#305;n&#305;z&#305; da kolayca d&#252;zeltebilirsiniz.&lt;/li&gt;
		&lt;li&gt;Pek &#231;ok ki&#351;inin s&#246;yledi&#287;inin aksine "abart&#305;lm&#305;&#351;" de&#287;il. Burada 3-4 KB'den bahsediyoruz arkada&#351;lar! Bu tip stillemelerinin pek &#231;o&#287;unu zaten neredeyse t&#252;m web uygulamalar&#305;nda kullan&#305;yorsunuz.&lt;/li&gt;
		&lt;li&gt;Karma&#351;&#305;k anahatlar&#305; kolayca olu&#351;turun.&lt;/li&gt;
	&lt;/ul&gt;


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


&lt;strong&gt;Eksileri&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;Ad&#305;n&#305;n "960" olmas&#305;n&#305;n bir nedeni var. Web siteniz i&#231;in ba&#351;ka bir geni&#351;li&#287;i kullanmak istiyorsan&#305;z, o zaman di&#287;er &#231;at&#305;lara g&#246;z atman&#305;z&#305; &#246;neririm.&lt;/li&gt;
		&lt;li&gt;Di&#287;er t&#252;m "&#231;at&#305;larda" oldu&#287;u gibi baz&#305; k&#305;s&#305;tlamalar&#305;n&#305;z yok de&#287;il.&lt;/li&gt;
		&lt;li&gt;Onu siz yapmad&#305;n&#305;z. Kodun %100'&#252;n&#252;n size ait olmas&#305;n&#305;n verdi&#287;i his bir ba&#351;kad&#305;r.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;Kullan&#305;m&lt;/strong&gt;&lt;br&gt;12 s&#252;tuna sahip bir altyap&#305; &#252;zerinde a&#351;a&#287;&#305;da g&#246;rd&#252;&#287;&#252;n&#252;z gibi olduk&#231;a sade bir anahat haz&#305;rlmak istedi&#287;inizi hayal edin. &#304;lk olarak "container_12" ad&#305;ndaki bir s&#305;n&#305;fa sahip bir kapsay&#305;c&#305; bir div olu&#351;turmam&#305;z gerekiyor. &lt;i&gt;12'ye dikkat edin&lt;/i&gt;.&lt;/p&gt;


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

&lt;code&gt;&amp;lt;div id="container" class="container_12"&amp;gt;  
...i&#231;erik buraya  
&amp;lt;/div&amp;gt;&lt;/code&gt;

	&lt;p&gt;Burada bir ID tan&#305;mlaman&#305;z&#305;n kesinlikle gere&#287;i yok ancak ben &#246;zellikle divin ne ama&#231;la kullan&#305;ld&#305;&#287;&#305;n&#305; daha sonra kolayca anlayabilmek ad&#305;na divlerime genellikle bir ID atar&#305;m. 960'&#305;n k&#246;t&#252; yanlar&#305;ndan birisi de s&#305;n&#305;flar&#305;n elementin ne ama&#231;la kullan&#305;ld&#305;&#287;&#305;n&#305; belirtecek herhangi bir tan&#305;m i&#231;ermiyor olu&#351;u. Bu sebeple DIV'e bir ID ekleyerek bu kavram sorununu kolayca gidermi&#351; oluyoruz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Izgaralar&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&#350;imdi de basit bir ba&#351;l&#305;k ve iki s&#252;tunlu bir altyap&#305; olu&#351;turmak istiyoruz. Ba&#351;lamadan &#246;nce tan&#305;t&#305;ma bakarak ne kadar geni&#351;likte bir &#305;zgara kullanmak istedi&#287;inize karar verebilirsiniz.&lt;/p&gt;


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

	&lt;p&gt;Ba&#351;l&#305;k geni&#351;li&#287;i olarak 940px se&#231;ece&#287;im (+20 px de marjlar i&#231;in = 960), yan &#231;ubuk geni&#351;li&#287;i i&#231;in 220px ve ana i&#231;erik k&#305;sm&#305; i&#231;in de 700 px se&#231;ece&#287;im.&lt;/p&gt;


	&lt;p&gt;Her bir div elementini bir s&#305;n&#305;fa dahil etmelisiniz. &#199;at&#305;n&#305;n kurallar&#305;na g&#246;re s&#305;n&#305;f isimleri "grid_" &#246;neki ile ba&#351;lamak ve devam&#305;nda istenen s&#252;tun say&#305;s&#305;n&#305; girmeniz gerekli. Bizim durumumuzda "grid_12", "grid_3" ve "grid_9" s&#305;n&#305;flar&#305;n&#305; kullanaca&#287;&#305;z.&lt;/p&gt;


&lt;code&gt;&amp;lt;div id="container" class="container_12"&amp;gt;  
  &amp;lt;div id="header" class="grid_12"&amp;gt;  
    i&#231;erik buraya  
  &amp;lt;/div&amp;gt;  

  &amp;lt;div id="sidebar" class="grid_3"&amp;gt;  
    i&#231;erik buraya
  &amp;lt;/div&amp;gt;  

  &amp;lt;div id="mainContent" class="grid_9"&amp;gt;  
    i&#231;erik buraya  
  &amp;lt;/div&amp;gt;  
&amp;lt;/div&lt;/code&gt;

	&lt;p&gt;&#199;at&#305;n&#305;n sundu&#287;u stillerin &#252;zerine her bir div i&#231;in arkaplan rengi ve minimum geni&#351;lik ekledim. Bunu koda eklemedim zira sadece s&#252;tunlar&#305; tan&#305;t&#305;mda daha belirgin yapmak i&#231;in ilgili stilleri kulland&#305;m.&lt;/p&gt;


	&lt;p&gt;Marjlar, y&#252;zen divler ya da IE hileleri ile bo&#287;u&#351;madan bu anahatt&#305; inan&#305;lmaz derecede &#231;abuk bir &#351;ekilde haz&#305;rlad&#305;k. &lt;strong&gt;960'&#305;n ger&#231;ek g&#252;c&#252; &#246;zellikle karma&#351;&#305;k gazete-benzeri arabirimler geli&#351;tirmek istedi&#287;inizde ortaya &#231;&#305;k&#305;yor&lt;/strong&gt;. Bu konuda daha fazla bilgi almak istiyorsan&#305;z &lt;a href="http://blip.tv/play/grg35q0Sj7EM"&gt;buradaki screencast&lt;/a&gt;'&#305; izleyebilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;960 GS &#304;le &#304;lgili &#304;lginizi &#199;ekebilecek Di&#287;er Kaynaklar&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/40-04.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; &lt;strong&gt;960 CSS &#199;at&#305;s&#305; &#304;le Prototip Olu&#351;turma&lt;/strong&gt;&lt;br&gt;Grid 960 bir CSS &#231;at&#305;s&#305; olup geli&#351;tiricilerin h&#305;zl&#305;ca prototip tasar&#305;mlar olu&#351;turabilmelerini sa&#287;l&#305;yor. &#350;ablonlar olu&#351;turabilmek i&#231;in inan&#305;lmaz ara&#231;lar bulunuyor? Neden mi? &#199;&#252;nk&#252; hepsi sizin daha h&#305;zl&#305; sonu&#231;lar alabilmeniz i&#231;in i&#351;in zor k&#305;sm&#305;n&#305; s&#305;rt&#305;n&#305;zdan alabilmenizi sa&#287;l&#305;yor.

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://nettuts.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/"&gt;Makaleyi Ziyaret Edin&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/40-05.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; &lt;strong&gt;WP_Query ve 960 CSS &#199;at&#305;s&#305; &#304;le Gazete Temas&#305; Olu&#351;turun&lt;/strong&gt;&lt;br&gt;WP_Query olduk&#231;a g&#252;&#231;l&#252; bir ara&#231;t&#305;r. Bug&#252;n ilgili arac&#305; kullanarak nas&#305;l 3 s&#252;tunlu gazete &#351;ablonu olu&#351;turabilece&#287;inizi g&#246;sterece&#287;im. Ana s&#252;tunda t&#252;m blog girdileriniz yer al&#305;rken, yanlara ilerledik&#231;e belirli kategorilere ait bloglar&#305; listeleyece&#287;iz. Temel anahatt&#305;m&#305;z ve temam&#305;z&#305; s&#305;f&#305;rlamak i&#231;in 960 CSS &#231;at&#305;s&#305;n&#305; kullanaca&#287;&#305;z ki bu sayede, i&#351;in b&#252;y&#252;k bir k&#305;sm&#305; tamamlanm&#305;&#351; olacak.

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://nettuts.com/tutorials/wordpress/build-a-newspaper-theme-with-wp_query-and-the-960-css-framework/"&gt;Makaleyi Ziyaret Edin&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/40-06.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; &lt;strong&gt;Web Tasar&#305;m&#305; &#304;&#231;in Hangi CSS &#199;at&#305;s&#305;n&#305; Kullanmal&#305;s&#305;n&#305;z?&lt;/strong&gt;&lt;br&gt;WordPress ve di&#287;er platformlar i&#231;in o g&#252;zel "magazin" temalar&#305;n&#305;n nas&#305;l olu&#351;turuldu&#287;unu hi&#231; merak ettiniz mi? Hepsi olmasa da pek &#231;o&#287;u, CSS Izgara &#199;at&#305;lar&#305; kullan&#305;larak geli&#351;tirilmi&#351;tir. Bu y&#252;zden siz de halihaz&#305;rda sunulan CSS &#231;at&#305;lar&#305;n&#305; kullanarak kendi magazin teman&#305;z&#305; olu&#351;turabilirsiniz. Karma&#351;&#305;k web sayfas&#305; anahatlar&#305;n&#305; &#231;at&#305; kullanmadan olu&#351;turmak m&#252;mk&#252;n olsa da bunun g&#252;n&#252;m&#252;zde mazo&#351;ist bir tutumun bir &#252;r&#252;n&#252; oldu&#287;unu s&#246;ylemek yanl&#305;&#351; olmaz. Bu makalede g&#252;n&#252;m&#252;zde sunulan &#231;at&#305;lara genel bir bak&#305;&#351; atacak ve hangisini kullanman&#305;z gerekti&#287;ine birlikte karar verece&#287;iz.

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://nettuts.com/tutorials/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/"&gt;Makaleyi Ziyaret Edin&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://nettuts.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/"&gt;NETTUTS&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;CSS &#199;at&#305;lar&#305; Hakk&#305;nda Yazd&#305;&#287;&#305;m Di&#287;er Yaz&#305;lar&lt;/strong&gt;
	&lt;ol&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin"&gt;Daha H&#305;zl&#305; &#350;ablon Olu&#351;turabilmek &#304;&#231;in Kullan&#305;labilecek 9 CSS &#199;at&#305;s&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kullanisli-12"&gt;Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in Kullan&#305;&#351;l&#305; 12 CSS Framework'&#252;, &#350;ablonu ve Kod Sitesi&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/modern-css-de-altin-oran"&gt;Modern CSS'de Alt&#305;n Oran&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/blueprint-css-framework-unu-kullanmak"&gt;BluePrint CSS Framework'&#252;n&#252; Kullanmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin"&gt;SenCSs: Layout D&#305;&#351;&#305;ndaki Her&#351;ey &#304;&#231;in CSS Framework'&#252;&lt;/a&gt;&lt;/li&gt;
	&lt;/ol&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/960-css-catisina-yakindan-bakis "&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, 15 Feb 2009 13:13:00 GMT</pubDate>
      <guid isPermaLink="false">197363@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/960-css-catisina-yakindan-bakis</link>
    </item>
    <item>
      <title>facebook connect'in kullan&#305;ld&#305;&#287;&#305; 10 m&#252;kemmel &#246;rnek</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajsag"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/37-00.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;a href="http://developers.facebook.com/connect.php"&gt;Facebook Connect&lt;/a&gt; &lt;a href="http://www.bildirgec.org/etiket/facebook-connect"&gt;*&lt;/a&gt; &#231;&#305;lg&#305;nl&#305;&#287;&#305; &#304;nternet'i y&#305;kt&#305; ge&#231;ti. Sadece tek bir d&#252;&#287;meyi kullanarak sitenize kullan&#305;c&#305;lar&#305; &#252;ye edebilmek varken neden sitenize &#246;zg&#252; bir kay&#305;t formu olu&#351;turas&#305;n&#305;z? &#304;&#351;te Facebook Connect'in g&#252;c&#252; de burada yat&#305;yor. Bu servis sayesinde &#231;e&#351;itli web siteleri, yaz&#305;l&#305;mlar ve hatta mobil cihazlar bile Facebook ile b&#252;t&#252;nle&#351;erek iki y&#246;nl&#252; olarak bilgi payla&#351;&#305;m&#305;nda bulunabilirler.

	&lt;p&gt;Ge&#231;ti&#287;imiz birka&#231; ay &#246;zellikle yaz&#305;l&#305;m geli&#351;tiricileri i&#231;in olduk&#231;a yo&#287;un bir ayd&#305; zira geli&#351;tiricilerin pek &#231;o&#287;u, Facebook Connect servisini web sitelerine entegre etmeye &#231;al&#305;&#351;t&#305;lar. Ancak bunlarda baz&#305;lar&#305; di&#287;erlerinden birka&#231; ad&#305;m &#246;ne &#231;&#305;kt&#305;. &#304;&#351;te biz de bu yaz&#305;m&#305;zda Facebook Connect servisini sistemlerine ba&#351;ar&#305;l&#305; bir &#351;ekilde entegre eden sitelerin bir listesini olu&#351;turmaya &#231;al&#305;&#351;t&#305;k.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. Joost&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://joost.com/"&gt;Joost&lt;/a&gt; bu servisi ilk kullananlardan biriydi ve bildirimleri, g&#252;ncellemeleri, yorumlar&#305; ve en sevilenler listelerini Facebook'a aktarmay&#305; ba&#351;ard&#305;lar. Elbette Joost'a do&#287;rudan Facebook hesab&#305;n&#305;z&#305; kullanarak giri&#351; yapabilece&#287;inizi de s&#246;ylemeden ge&#231;meyelim.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Joost ger&#231;ekten Facebook ile etkile&#351;imin nas&#305;l verimli olabilece&#287;ine dair en g&#252;zel &#246;rnek, sorunsuz giri&#351;ler, Facebook &#252;zerinden web sitenizi g&#252;ncelleyebilme ve arkada&#351;lar&#305;n&#305;z&#305;n g&#246;rece&#287;i haber besleme &#246;&#287;eleri bunlardan sadece birka&#231;&#305;.&lt;/p&gt;


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


	&lt;p&gt;&lt;strong&gt;2. Vimeo&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://vimeo.com/"&gt;Vimeo&lt;/a&gt; sadece web sitesine Facebook hesab&#305;n&#305;zla giri&#351; yapabilmenizi sa&#287;lamakla kalm&#305;yor, bunun yan&#305;s&#305;ra be&#287;endi&#287;iniz ve g&#246;nderdi&#287;iniz videolar&#305; Facebook haber beslemesine dahil edebiliyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Sadelik burada ba&#351;&#305; &#231;ekiyor. Vime &#252;zerinde hesap olu&#351;turma i&#351;lemini olabilecek en sade hale getirmek Vimeo'ya dahil olmay&#305; kolayla&#351;t&#305;rmakla kalm&#305;yor, ayr&#305;ca sitenin tan&#305;t&#305;m&#305; i&#231;in de m&#252;kemmel bir tan&#305;t&#305;m arac&#305; haline geliyor. Di&#287;er Facebook kullan&#305;c&#305;lar&#305; arkada&#351;lar&#305;n&#305;n Vimeo'ya video y&#252;klediklerini g&#246;rd&#252;k&#231;e, o videolar&#305; g&#246;rmek i&#231;in kullan&#305;c&#305;lar Vimeo sitesine gitmek zorunda kal&#305;yor ve bunun sonucunda servise &#252;ye olabiliyorlar.&lt;/p&gt;


	&lt;p&gt;Haz&#305;r buradayken Facebook Connect ile blogunuzu nas&#305;l birle&#351;tirebilece&#287;inize dair bir &lt;a href="http://vimeo.com/2502815"&gt;Vimeo rehberinin&lt;/a&gt; oldu&#287;unu da hat&#305;rlatal&#305;m.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;3. MediaWiki &#304;&#231;in Facebook Connect&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: Facebook Wikipedia'y&#305; &#231;al&#305;&#351;t&#305;ran yaz&#305;l&#305;m&#305; es ge&#231;medi&#287;inden emin olmak istemi&#351; olsa gerek ortaya &lt;a href="http://wiki.developers.facebook.com/index.php/Facebook_Connect_Plugin_for_MediaWiki"&gt;MediaWiki &#304;&#231;in Facebook Connect Eklentisi&lt;/a&gt; &#231;&#305;kt&#305;. E&#287;er sizin de bir Wiki'niz var ise bu eklentiyi kullanarak kullan&#305;c&#305;lar&#305;n sitenize &#252;ye olup sayfalar&#305; d&#252;zenlemeye ba&#351;lamas&#305; &#231;ok k&#305;sa bir s&#252;re i&#231;inde ger&#231;ekle&#351;ebilir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: MediaWiki &#231;ok geni&#351; &#246;l&#231;ekte kullan&#305;lan bir yaz&#305;l&#305;m ancak Wikilerin pek &#231;o&#287;unda siteye giri&#351; yapmadan bile d&#252;zenleme yapabildi&#287;iniz i&#231;in pek &#231;ok &#252;ye Wiki sitelere kay&#305;t olma ihtiyac&#305; duymazlar. Facebook Connect kullanarak aradaki bu a&#231;&#305;k kapat&#305;larak kullan&#305;c&#305;lar sitenize &#231;abucak &#252;ye olabilirler. Bunun yan&#305;s&#305;r Wiki metni i&#231;erisinde XFBML etiketleri de kullanabilirsiniz (ancak bunun g&#252;venli&#287;ini iyile&#351;tirmedikleri s&#252;rece bu &#351;imdilik &#246;nerebilece&#287;im bir y&#246;ntem de&#287;il).&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;4. Workstir&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://workstir.com/"&gt;Workstir&lt;/a&gt; di&#287;er t&#252;m Facebook Connect etkile&#351;imlerinden &lt;a href="http://mashable.com/2008/12/17/workstir-facebook-connect/"&gt;bir ad&#305;m &#246;teye gidiyor&lt;/a&gt; ve ilgili siteye Facebook heab&#305;n&#305;z&#305; kullanarak giri&#351; yapabilmenizi sa&#287;lamakla kalm&#305;yor, bunun yan&#305;s&#305;ra o an bulundu&#287;unuz b&#246;lgedeki eleman istekleri de an&#305;nda sayfan&#305;zda beliriyor. Bu y&#252;zden e&#287;er fazladan bir i&#351;e ihtiyac&#305;n&#305;z var ise ya da projeniz i&#231;in bir web tasar&#305;mc&#305;s&#305; ar&#305;yorsan&#305;z, Facebook Connect ve Workstir bunu inan&#305;lmaz kolay hale getiriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: &#304;&#351; istekleri bulundu&#287;unuz yer ile do&#287;rudan ilgilidir - &#304;zmir'de olup salonunuzu boyatmak i&#231;in Antalya'dan bir boyac&#305;yla anla&#351;mazs&#305;n&#305;z. Facebook Connect sayesinde Facebook &#252;zerinde halihaz&#305;rda kaydetmi&#351; oldu&#287;unuz konum bilgileri ile bulundu&#287;unuz yerdeki i&#351; ve eleman ihtiyac&#305;n&#305;z&#305; giderebilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5. BackType&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://backtype.com/"&gt;Backtype&lt;/a&gt; Facebook Connect'i kullanarak Internet &#252;zerine g&#246;nderdi&#287;iniz yorumlar&#305; sahiplenmenizi sa&#287;l&#305;yor. Pek yak&#305;nda t&#252;m yorumlar&#305;n&#305;z&#305;, &lt;i&gt;her yere&lt;/i&gt;, haber beslemenize dahil edebilmenizi sa&#287;layacak.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Backtype servisi ile yorumlar&#305; sahiplenmek kolay bir hale gelmi&#351;ken t&#252;m bu yorumlar&#305; haber beslemesine dahil etmek ba&#351;ar&#305;l&#305; bir iyile&#351;tirme olarak g&#246;sterilebilir, tabi ki g&#252;nde 30 40 bloga yorum b&#305;rakanlardan de&#287;ilseniz. Bu durumda arkada&#351;lar&#305;n&#305;z sizi biraz geveze olarak alg&#305;layabilirler.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;6. CNN Forum&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: CNN bir s&#252;redir &lt;a href="http://mashable.com/2008/09/04/cnn-twitter/"&gt;sosyal medya ile etkile&#351;imde lider&lt;/a&gt; konumda bulunuyor ve bu durum Facebook Connect i&#231;in de de&#287;i&#351;memi&#351;. &lt;a href="http://theforum.cnn.com/"&gt;CNN the Forum&lt;/a&gt; sayesinde CNN &#252;zerindeki di&#287;er arkada&#351;lar&#305;n&#305;z&#305; bulabilir ve onlar&#305;n haberlere yapt&#305;klar&#305; yorumlar&#305; kendi yorumlar&#305;n&#305;zla kar&#351;&#305;la&#351;t&#305;rabilirsiniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Tan&#305;mad&#305;&#287;&#305;n&#305;z ki&#351;ilerle politika &#252;zerine tart&#305;&#351;t&#305;&#287;&#305;n&#305;za eminim ancak e&#287;er insanlar tan&#305;d&#305;klar&#305; arkada&#351;lar&#305; ile politika hakk&#305;nda siteniz &#252;zerinde tart&#305;&#351;&#305;yorlarsa bu onlar&#305; sitenize daha &#231;ok ba&#287;lar. CNN, konu sosyal medyaya geldi&#287;inde di&#287;er medya &#351;irketlerinden bir ad&#305;m &#246;nde yer al&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;7. Digg&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: Bu pek &#231;ok ki&#351;inin akl&#305;na gelmeyecektir zira Digg, Facebook Connect servisini &lt;a href="http://blog.digg.com/?p=117"&gt;Ge&#231;ti&#287;imiz Nisan ay&#305;nda&lt;/a&gt; kullanmaya ba&#351;lam&#305;&#351;t&#305;. Her ne kadar Facebook hesab&#305;n&#305;z&#305; kullanarak Digg'e halen giri&#351; yapamaman&#305;za ra&#287;men (ki Kevin bunun i&#231;in &lt;a href="http://blog.digg.com/?p=131"&gt;Temmuz ay&#305;nda s&#246;z vermi&#351;ti&lt;/a&gt;) Digglerinizi Facebook haber beslemenize dahil etmeniz m&#252;mk&#252;n.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: &#214;zellikle tan&#305;t&#305;m ve trafik artt&#305;r&#305;m&#305; a&#231;&#305;s&#305;ndan ba&#351;ar&#305;l&#305;. Digg, Facebook Connect ve haber beslemeleri &#252;zerinde Facebook ile ilk ortakl&#305;k kuranlar aras&#305;nda yer al&#305;yordu. Bu birlikteli&#287;in sonucunda binlerce Digg Facebook &#252;zerindeki haber beslemelerinde yer ald&#305;. Digg'e daha fazla insan &#252;ye olup bilgilerini Facebook'a dahil ettik&#231;e, daha &#231;ok insan bundan etkilenmeye ba&#351;lad&#305;. Digg halen i&#351;leri bir ad&#305;m daha ileri g&#246;t&#252;r&#252;p kullan&#305;c&#305;lar&#305;n Facebook Connect servisi arac&#305;l&#305;&#287;&#305; ile Digg'e giri&#351; yapabilmelerini sa&#287;lamas&#305; gerekiyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;8. Red Bull Connect&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: Bu bir blog de&#287;il, bir eklenti de&#287;il, bir sosyal a&#287; hi&#231; de&#287;il. Bu Facebook'u kullanarak bir marka olu&#351;turman&#305;n en g&#252;zel &#246;rne&#287;i. &lt;a href="http://connect.redbullusa.com/"&gt;Red Bull Connect&lt;/a&gt; flash tabanl&#305; bir web sitesi olup kullan&#305;c&#305;lar&#305;n Red Bull web siteleri &#252;zerindeki bilgileri, yorumlar&#305; okuyabilmelerini sa&#287;l&#305;yor. &#304;&#351;in g&#252;zel yan&#305;, bu katk&#305;lar&#305; Facebook arkada&#351;lar&#305;n&#305;n yap&#305;p yapmad&#305;klar&#305;n&#305; g&#246;rebiliyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Facebook Connect'i sitelerine &#231;ok &#231;abuk entegre ettiler ve bunu sorunsuz bir &#351;ekilde ba&#351;ard&#305;lar. T&#252;m bunlar&#305;n yan&#305;s&#305;ra Red Bull, sadece Red Bull Connect ile kalmayacak. Red Bull her ne kadar online medyay&#305; kullanarak kendi tan&#305;t&#305;m&#305;nda ba&#351;ar&#305;l&#305; olmu&#351; olsa da, Facebook Connect'i kullanarak daha nelere imza atacaklar&#305;n&#305; merak etmiyor de&#287;ilim.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;9. Xobni&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://xobni.com/"&gt;Xobni&lt;/a&gt;, Facebook Connect'in &lt;a href="http://www.xobni.com/blog/2008/07/23/xobni-joins-facebook-connect-partner-launch-at-f8-conference"&gt;ba&#351;lang&#305;&#231; ortaklar&#305;ndan&lt;/a&gt; birisiydi. Xobni'nin elektronik posta y&#246;netim uygulamas&#305; ki&#351;i listenizdekilerin Facebook profillerindeki foto&#287;raflar&#305;n&#305; g&#246;rebilmelerine olanak tan&#305;yor. Bunun yan&#305;s&#305;ra yine ayn&#305; ki&#351;ilerin durum g&#252;ncellemelerine ve konum bilgilerine de ula&#351;abiliyorsunuz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: Facebook Connect ile Xobni &#231;ok daha g&#252;&#231;l&#252; bir &#252;r&#252;n haline geldi, &#246;zellikle ki&#351;i listesi y&#246;netimi bak&#305;m&#305;ndan. Ben g&#246;rselli&#287;e &#246;nem veren biri oldu&#287;umdan dolay&#305; herhangi bir ara&#351;t&#305;rmaya gerek kalmadan istedi&#287;im ki&#351;inin profil resmini ve konum bilgisini g&#246;erebilmek bana g&#246;re zaman kazand&#305;ran, sade ve basit olan m&#252;kemmel bir &#246;zellik.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;10. Disqus&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Facebook Connect'i Nas&#305;l Kullan&#305;yor?&lt;/strong&gt;: &lt;a href="http://disqus.com/"&gt;Disqus&lt;/a&gt;, farkl&#305; sitelere b&#305;rakt&#305;&#287;&#305;n&#305;z yorumlar&#305;n&#305;z&#305; y&#246;netebilece&#287;iniz bir eklenti servisi olup, Facebook Connect deste&#287;i ile blog okuyucular&#305;n&#305;z&#305;n Disqus hesab&#305; a&#231;malar&#305;na gerek kalmadan ve yorum b&#305;rakmadan &#246;nce isim ve elektronik posta adresi girme zorunlulu&#287;unu ortadan kald&#305;rarak bu i&#351;lemi &lt;a href="http://mashable.com/2008/12/16/disqus-to-integrate-facebook-connect/"&gt;basitle&#351;tiren&lt;/a&gt; bir uygulama. Sadece birka&#231; fare t&#305;klamas&#305; ile Disqus servisinin etkinle&#351;tirildi&#287;i bir bloga okuyucular yorum b&#305;rakmaya ba&#351;layabiliyorlar.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Neden Ba&#351;ar&#305;l&#305;?&lt;/strong&gt;: &#199;ok basit - g&#252;n&#252;m&#252;zde Facebook hesab&#305; olan kullan&#305;c&#305; say&#305;s&#305; Disqus hesab&#305; olanlara oranla &#231;ok daha fazla. Disqus'&#305;n kullan&#305;m&#305;n&#305; kolayla&#351;t&#305;ran her &#351;ey bu &#351;irket i&#231;in olumlu.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Daha fazla yenilik yolda&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Daha fazla web sitesi Facebook Connect, Google Connect ve benzeri di&#287;er servislerle b&#252;t&#252;nle&#351;tik&#231;e bu alanda daha fazla yeniliklerle kar&#351;&#305;la&#351;aca&#287;&#305;m&#305;z a&#351;ikar. &#214;zellikle Workstir'in Facebook Connect'in kullan&#305;m&#305;nda kendine has &#231;ok &#246;zg&#252;n bir y&#246;ntem buldu&#287;una inan&#305;yorum ve &#246;n&#252;m&#252;zdeki aylarda buna benzer kullan&#305;mlar&#305;n di&#287;er web sitelerinde de g&#246;r&#252;lmeye ba&#351;lanaca&#287;&#305;n&#305; umuyorum.&lt;/p&gt;


	&lt;p&gt;&lt;i&gt;Sizin de Facebook Connect servisini ba&#351;ar&#305;yla sitesine entegre etti&#287;ine inand&#305;&#287;&#305;n&#305;z siteler var m&#305;? Bu alanda en be&#287;endi&#287;iniz siteleri yorumlar&#305;n&#305;zla payla&#351;&#305;n&lt;/i&gt;.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://mashable.com/2009/01/12/facebook-connect-implementations/"&gt;Mashable!&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;Sosyal A&#287; Siteleri &#304;le &#304;lgili Yazd&#305;&#287;&#305;m Di&#287;er Yaz&#305;lar&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sosyal-aglarin-twitter-i-kullanabilmelerinin"&gt;Sosyal A&#287;lar&#305;n Twitter'&#305; Kullanabilmelerinin 11 Yolu&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sosyal-medya-kurtlari-icin-70"&gt;Sosyal Medya Kurtlar&#305; &#304;&#231;in 70+ &#220;cretsiz iPhone Uygulamas&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sosyal-medya-ozgecmisi-nasil-yazilir"&gt;Sosyal Medya &#214;zge&#231;mi&#351;i Nas&#305;l Yaz&#305;l&#305;r?&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/sosyal-aglar-icin-15-arama"&gt;Sosyal A&#287;lar &#304;&#231;in 15 Arama Motoru Optimizasyonu &#304;pucu&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/twitter-da-kendi-toplulugunuzu-olusturun"&gt;Twitter'da Kendi Toplulu&#287;unuzu Olu&#351;turun&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/facebook-connect-in-kullanildigi-10 "&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>Fri, 13 Feb 2009 07:40:00 GMT</pubDate>
      <guid isPermaLink="false">197217@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/facebook-connect-in-kullanildigi-10</link>
    </item>
    <item>
      <title>75 (ger&#231;ekten) kullan&#305;&#351;l&#305; javascript tekni&#287;i</title>
      <author>Depozitosuz</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/Depozitosuz"&gt;Depozitosuz&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">197186@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi</link>
    </item>
    <item>
      <title>photoshop'ta do&#287;ru web renkleri almak</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajsag"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/32-00.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;Daha &#246;nce hi&#231; Photoshop &#252;zerinde bir web sitesi tasarlay&#305;p ard&#305;ndan i&#351; g&#246;rselleri kesme a&#351;amas&#305;na geldi&#287;inde kaydedilen g&#246;rseldeki renklerin Photoshop &#252;zerinde g&#246;r&#252;nen renklerden farkl&#305; oldu&#287;unu g&#246;rd&#252;&#287;&#252;n&#252;z oldu mu? &#220;stelik HEX de&#287;erleri ayn&#305;yken bile g&#246;r&#252;nen renkler tamam&#305;yla farkl&#305;.

	&lt;p&gt;Hemen panik yap&#305;p Photoshop'u su&#231;lamaya kalkmay&#305;n. E&#287;er de&#287;i&#351;tirmeniz gereken ayarlar&#305;n hangisi oldu&#287;unu biliyorsan&#305;z, bu sorunu d&#252;zeltmesi olduk&#231;a kolay.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Renklerin Farkl&#305;l&#305;klar&#305;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Photoshop'ta View men&#252;s&#252; alt&#305;nda &#231;al&#305;&#351;mak istedi&#287;iniz renk profilini belirleyebilece&#287;iniz bir ayar bulunmaktad&#305;r. CMYK gibi baz&#305; renk profilleri bask&#305; s&#305;ras&#305;nda daha do&#287;ru sonu&#231;lar verirken RGB gibi renk profilleri web &#252;zerinde daha do&#287;ru sonu&#231; verir. &#214;ntan&#305;ml&#305; olarak Photoshop web renk profilleri ile &#231;al&#305;&#351;acak &#351;ekilde ayarlanmam&#305;&#351;t&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Proof Color Ayar&#305;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&#214;ncelikle View men&#252;s&#252;n&#252; a&#231;&#305;n ve Proof Colors &#246;zelli&#287;ini etkinle&#351;tirin.&lt;/p&gt;


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

	&lt;p&gt;Ard&#305;ndan yine View men&#252;s&#252; alt&#305;ndan Proof Setup b&#246;l&#252;m&#252;ne gelin ve renk profilini "Monitor RGB" olarak de&#287;i&#351;tirin.&lt;/p&gt;


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


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

	&lt;p&gt;&#350;imdi Photoshop belgesinde g&#246;rd&#252;&#287;&#252;n&#252;z renkler ilgili belgeyi kaydetti&#287;inizde de&#287;i&#351;memesi gerekir. Yukar&#305;daki de&#287;i&#351;iklikleri yapmadan &#246;nce Photoshop'ta g&#246;r&#252;nen ile kaydedilen g&#246;rselde g&#246;r&#252;nen renklerin farklar&#305;na bir bak&#305;n.&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;Sonu&#231;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&#304;&#351;te bu kadar. Proof Colors &#246;zelli&#287;inin &#246;ntan&#305;ml&#305; de&#287;erini de&#287;i&#351;tirebilece&#287;im bir ayar bulamad&#305;m, bu y&#252;zden Photoshop &#252;zerinde &#231;al&#305;&#351;maya her ba&#351;lad&#305;&#287;&#305;n&#305;z zaman bu ayarlar&#305; de&#287;i&#351;tirmeniz gerekti&#287;ini unutmay&#305;n. E&#287;er bu &#246;ntan&#305;ml&#305; de&#287;eri nas&#305;l de&#287;i&#351;tirebilece&#287;inizi biliyorsan&#305;z yorumlar&#305;n&#305;zda payla&#351;may&#305; unutmay&#305;n.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://buildinternet.com/2009/01/quick-tip-accurate-web-colors-in-photoshop/"&gt;Build !nternet&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;Photoshop &#304;le &#304;lgili Yazd&#305;&#287;&#305;m Di&#287;er Yaz&#305;lar&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/hicbir-zaman-olmeyecek-28-photoshop"&gt;Hi&#231;bir Zaman &#214;lmeyecek 28 Photoshop Dersi&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/photoshop-ta-dogru-web-renkleri "&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, 11 Feb 2009 14:48:00 GMT</pubDate>
      <guid isPermaLink="false">196795@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/photoshop-ta-dogru-web-renkleri</link>
    </item>
    <item>
      <title>300+ Css Navigation Men&#252;</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/screenhunter-4.jpg'&gt;&lt;br&gt;&lt;a href="http://1stwebdesigner.com"&gt;1stwebdesigner.com&lt;/a&gt;&lt;/div&gt;

	&lt;p&gt;Web tasar&#305;mc&#305;s&#305;ysan&#305;z haz&#305;r navigasyon men&#252;leri herzaman i&#351;inize yarayacak demektir. Hele bir de i&#351;inizi &#231;abuk bitirmeniz gerekiyorsa haz&#305;r men&#252;ler tam size g&#246;re. &lt;a href="http://www.1stwebdesigner.com"&gt;1stwebdesigner&lt;/a&gt; bizler i&#231;in 300 &#252;zerinde navigasyon men&#252;s&#252;n&#252; bir araya toplam&#305;&#351;. Bildirimizde &lt;a href="http://www.bildirgec.org/etiket/Apple"&gt;Apple&lt;/a&gt; Dock men&#252;lerden akordiyon &#351;eklinde slide men&#252;lere kadar genel kullan&#305;mda &#231;ok yayg&#305;n men&#252;ler var. men&#252;lerin tamam&#305;n&#305; g&#246;rmek i&#231;in &lt;a href="http://www.1stwebdesigner.com/recources/300-jquery-css-mootools-and-js-navigation-menus/"&gt;buraya&lt;/a&gt;. Aralar&#305;ndan en kullan&#305;&#351;l&#305; olanlar&#305; sizler i&#231;in se&#231;tim. Bunlar i&#231;inde yaz&#305;n&#305;n devam&#305;na bakabilirsiniz.&lt;/p&gt;


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


	&lt;ol&gt;
	&lt;li&gt;&lt;a href="http://www.ndesign-studio.com/file/css-dock-menu.zip"&gt;Apple Dock Style Menu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/css-dock-menu.jpg' alt="Apple Dock" border="0"&gt;&lt;br&gt;Apple Dock&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.alvit.de/css-showcase/css-navigation-techniques-showcase.php"&gt;37 Farkl&#305; Css Menu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/navigation-6.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.sunsean.com/idTabs/"&gt;8 Farkl&#305; Jquery Menu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/jquery-cool.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.cssmenubuilder.com/menus"&gt;Css Menu Creator&lt;/a&gt; &lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/navigation-4.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;G&#246;r&#252;n&#252;m&#252;n&#252; kendiniz de&#287;i&#351;tirebilece&#287;iniz tek tu&#351;la men&#252;n&#252;z&#252; download edebilece&#287;iniz bi sayfa&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://stickmanlabs.com/accordion/"&gt;Yatay Akordeon Layout/Menu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/accordion.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://dev.portalzine.de/index?/Horizontal_Accordion--print"&gt;Jquery Dikey Akordeon Layout/Menu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/jquery-nav.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt; Ayr&#305;ca Css ile ilgili hert&#252;rl&#252; layout, menu, kutu vs elemanlar bulabilee&#287;iniz bir site. &lt;a href="http://www.cssplay.co.uk"&gt;CSSplay&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Nodtveidt/cssplay.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
	&lt;/ol&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/300-css-navigation-menu "&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>Mon, 22 Sep 2008 11:10:00 GMT</pubDate>
      <guid isPermaLink="false">196713@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/300-css-navigation-menu</link>
    </item>
    <item>
      <title>Css A&#351;a&#287;&#305; A&#231;&#305;l&#305;r (Drop-Down) Men&#252;ler</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/ultimate.png' alt="free css drop-down menu" border="0"&gt;&lt;br&gt;free css drop-down menu&lt;/div&gt;

	&lt;p&gt;Tomas Bagdanavicius taraf&#305;ndan geli&#351;tirilmi&#351; ve &#252;cretsiz olarak sunulan, aralar&#305;nda NVIDIA.com, Adobe.com, MTV.com sitelerinin &lt;a href="http://www.bildirgec.org/etiket/men%C3%BC"&gt;men&#252;&lt;/a&gt; &#246;rneklerinin de yer ald&#305;&#287;&#305;, A&#351;a&#287;&#305; A&#231;&#305;l&#305;r (Drop-Down) &lt;a href="http://tr.wikipedia.org/wiki/Stil_%C5%9Fablonlar%C4%B1"&gt;css&lt;/a&gt; men&#252;ler, h&#305;z, kullan&#305;m ve d&#252;zenleme esneklikleri ile &lt;a href="http://www.bildirgec.org/etiket/web-site"&gt;site&lt;/a&gt; men&#252;leriniz i&#231;in g&#252;zel alternatifler olacaklar.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.nvidia.com/"&gt;NVIDIA.com&lt;/a&gt; sitesinin men&#252; &#246;rne&#287;ini g&#246;rmek i&#231;in &lt;a href="http://lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.html"&gt;buraya t&#305;kla&lt;/a&gt;yabilirsiniz.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/nvidia.png' alt="NVIDIA.com horizontal improved css drop-down menu " border="0"&gt;&lt;br&gt;NVIDIA.com horizontal improved css drop-down menu &lt;/div&gt;&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;br&gt;&lt;a href="http://www.adobe.com/"&gt;Adobe.com&lt;/a&gt; sitesinin men&#252; &#246;rne&#287;ini g&#246;rmek i&#231;in &lt;a href="http://lwis.net/free-css-drop-down-menu/dropdown.adobe.com.html"&gt;buraya t&#305;kla&lt;/a&gt;yabilirsiniz.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/adobe.png' alt="Adobe.com horizontal improved css drop-down menu " border="0"&gt;&lt;br&gt;Adobe.com horizontal improved css drop-down menu &lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.mtv.com/"&gt;MTV.com&lt;/a&gt; sitesinin men&#252; &#246;rne&#287;ini g&#246;rmek i&#231;in &lt;a href="http://lwis.net/free-css-drop-down-menu/dropdown.mtv.com.html"&gt;buraya t&#305;kla&lt;/a&gt;yabilirsiniz.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/mtv.png' alt="MTV.com horizontal css drop-down menu" border="0"&gt;&lt;br&gt;MTV.com horizontal css drop-down menu&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&#350;u an, 14 &#246;rnek ile gelen men&#252; paketini indirmek ve daha fazla bilgi almak i&#231;in &lt;a href="http://lwis.net/free-css-drop-down-menu/"&gt;buraya t&#305;kla&lt;/a&gt;yabilirsiniz.&lt;/p&gt;


	&lt;p&gt;(Not: Tamamen css ile geli&#351;tirilmi&#351;, bir&#231;ok taray&#305;c&#305; ile sorunsuz &#231;al&#305;&#351;an men&#252;ler, &lt;a href="http://www.microsoft.com/windows/ie/ie6/default.mspx"&gt;IE6&lt;/a&gt; i&#231;in &lt;a href="http://tr.wikipedia.org/wiki/JavaScript"&gt;JavaScript&lt;/a&gt; k&#252;t&#252;phaneleri &lt;a href="http://jquery.com/"&gt;Jquery&lt;/a&gt; ve &lt;a href="http://script.aculo.us/"&gt;Scriptaculous&lt;/a&gt; ile desteklenmektedir.)&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/css-asagi-acilir-drop-down "&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, 26 Nov 2008 07:12:00 GMT</pubDate>
      <guid isPermaLink="false">196710@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/css-asagi-acilir-drop-down</link>
    </item>
    <item>
      <title>Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in 12 Ara&#231; ve Site</title>
      <author>Depozitosuz</author>
      <description>&lt;p&gt;Kendi i&#351;inizin patronu olmak bazen zorlay&#305;c&#305; olabilir. Fakat ne &#351;ans ki bizim i&#351;imizi daha h&#305;zl&#305; ve daha iyi yapabilmemizi sa&#287;layacak &#231;e&#351;itli siteler ve ara&#231;lar geli&#351;tiren bir grup insan bulunuyor. S&#305;kl&#305;kla web tasar&#305;mc&#305;l&#305;&#287;&#305;m ve geli&#351;tiricili&#287;im s&#305;ras&#305;nda hangi ara&#231;lar&#305; kulland&#305;&#287;&#305;m sorulur bana, ben de bunun &#252;zerine bu ara&#231;lara y&#246;nelik bir liste yapmaya karar verdim. Mac OS X i&#351;letim sistemi &#252;zerinde &#231;al&#305;&#351;t&#305;&#287;&#305;m i&#231;in bu ara&#231;lar&#305;n pek &#231;o&#287;unun Mac i&#231;in oldu&#287;unu hat&#305;rlatmak isterim. &#304;&#351;te ba&#351;l&#305;yoruz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. &lt;a href="http://thecosmicmachine.com/"&gt;Event Box&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Event Box'u sadece birka&#231; ay &#246;nce kullanmaya ba&#351;lad&#305;m ve bu servisin m&#252;kemmel oldu&#287;unu s&#246;ylemek zorunday&#305;m. Hatta m&#252;kemmelden de &#246;te. Tahmin edece&#287;iniz &#252;zere zaman&#305;m&#305;n b&#252;y&#252;k bir k&#305;sm&#305;n&#305; &#231;evrimi&#231;i olarak ge&#231;iriyorum ve bir s&#252;r&#252; RSS beslemesini takip ediyorum. &#304;&#351;te Event Box bu beslemelerin yan&#305;s&#305;ra &lt;a href="http://www.twitter.com/"&gt;Twitter&lt;/a&gt;, &lt;a href="http://www.facebook.com/"&gt;Facebook&lt;/a&gt; ve &lt;a href="http://www.flickr.com/"&gt;Flickr&lt;/a&gt;'&#305; da takip edebilmemi sa&#287;l&#305;yor. Kesinlikle bu ara&#231; daha yarat&#305;c&#305; ve tasar&#305;m kom&#252;nitesinin son zamanlarda nelerle ilgilendi&#287;ini takip edebilmem a&#231;&#305;s&#305;ndan m&#252;kemmel bir ara&#231;.&lt;/p&gt;


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


	&lt;p&gt;&lt;strong&gt;2. &lt;a href="http://www.adobe.com/products/creativesuite/"&gt;Adobe Creative Suite&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;San&#305;r&#305;m bunu kulland&#305;&#287;&#305;m&#305; tahmin etmeniz zor olmazd&#305;. Adobe'nin herhangi bir giri&#351; metnine ihtiyac&#305; oldu&#287;unu sanm&#305;yorum. Ben genellikle FireWorks, Photoshop ve Illustrator'u kullan&#305;yorum. Ve evet, FireWorks'un olmas&#305; gerekti&#287;i kadar pop&#252;ler olmad&#305;&#287;&#305;n&#305;n fark&#305;nday&#305;m ancak ilgili yaz&#305;l&#305;m&#305; her zaman kullan&#305;yorum ve istedi&#287;im her &#351;eyi ve &#231;ok daha fazlas&#305;n&#305; yap&#305;yor. Yapt&#305;&#287;&#305;m i&#351;lerin &#231;o&#287;u web ile alakal&#305; ve FW ile PS ihtiyac&#305;m&#305; &#231;abucak kar&#351;&#305;layabilecek kapasitede.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;3. &lt;a href="http://wordpress.org/"&gt;WordPress&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Geli&#351;tirdi&#287;im sitelerin pek &#231;o&#287;u WordPress &#252;zerinde &#231;al&#305;&#351;&#305;yor. Neden mi? &#199;&#252;nk&#252; platformun &#246;zelle&#351;tirmeye &#231;ok a&#231;&#305;k ve kom&#252;nitesinden ald&#305;&#287;&#305;n&#305;z deste&#287;in inan&#305;lmaz oldu&#287;una inan&#305;yorum. WordPress'i sadece bir 'bloglama platformu' olarak g&#246;rm&#252;yorum. Bence WordPress ondan &#231;ok daha fazlas&#305;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;4. &lt;a href="http://www.barebones.com/products/TextWrangler/"&gt;Text Wrangler&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&#214;zetle, Text Wrangler benim en be&#287;endi&#287;im metin d&#252;zenleyicisidir. Kod, CSS ve benzeri di&#287;er kodlar&#305; yazman&#305;n yan&#305;s&#305;ra bildirge&#231; &#252;zerindeki makalelerimi yazmak i&#231;in de bunu kullan&#305;yorum (bazen de &lt;a href="http://support.apple.com/kb/HT2523"&gt;Text Edit&lt;/a&gt;'i kullan&#305;yorum elbette).&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5. &lt;a href="http://evernote.com/"&gt;Evernote&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Evernote sayesinde kendinizi en rahat hissetti&#287;iniz platform &#252;zerinde diledi&#287;iniz bilgi par&#231;ac&#305;&#287;&#305;n&#305; depolay&#305;p daha sonra ona yeniden, istedi&#287;iniz yerden ula&#351;abilirsiniz. Servisin g&#246;rseller &#252;zerindeki metinleri de aranabilir k&#305;lmas&#305; benim &#231;ok i&#351;ime yar&#305;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;6. &lt;a href="http://www.istockphoto.com/index.php"&gt;iStockPhoto&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Bir blog yaz&#305;s&#305;na bir g&#246;rsel yerle&#351;tirmek istedi&#287;imde ya da bir web sitesi i&#231;in bir simge ya da o siteye &#246;zg&#252; bir g&#246;rsele ihtiyac&#305;m oldu&#287;unda genellikle iStockPhoto web sitesini ziyaret ederim. G&#246;rsellerin fiyatlar&#305; &#231;ok uygun ve bazen uzat&#305;lm&#305;&#351; lisanslar da sunuluyor. Kesinlikle &#246;nerilir. &#214;zellikle kurumsal web siteleri haz&#305;rl&#305;yorsan&#305;z ve daha sonra telif haklar&#305; ile ba&#351;&#305;n&#305;z&#305;n a&#287;r&#305;mas&#305;n&#305; istemiyorsan&#305;z bu tip siteleri kullanman&#305;z&#305; &#246;neririm.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;7. &lt;a href="http://www.flickr.com/"&gt;Flickr&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Flickr blog yaz&#305;lar&#305; ve makaleler i&#231;in sadece g&#246;rsel bulmak i&#231;in m&#252;kemmel bir ara&#231; olmakla kalm&#305;yor, ayr&#305;ca tasar&#305;mc&#305;lar ve foto&#287;raf&#231;&#305;larla ileti&#351;im kurmak i&#231;in de kullan&#305;&#351;l&#305; bir platform olarak kullan&#305;labiliyor. Flickr &#252;zerinde bir pro hesab&#305;m var ve &#246;dedi&#287;im her kuru&#351;una de&#287;di&#287;ini s&#246;yleyebilirim.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;8. &lt;a href="http://www.obdev.at/products/launchbar/"&gt;Launch Bar&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Launch Bar, pop&#252;ler &lt;a href="http://quicksilver.blacktree.com/"&gt;QuickSilver&lt;/a&gt;'a m&#252;kemmel bir alternatif. Pek &#231;ok Mac kullan&#305;c&#305;s&#305;n&#305;n QuickSilver a&#351;&#305;&#287;&#305; oldu&#287;unu biliyorum ama ben her nedense Launch Bar'&#305; tercih ediyorum. Belki de aray&#252;z&#252;n&#252;n sadeli&#287;inden olsa gerek.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;9. &lt;a href="http://www.parallels.com/"&gt;Parallels Desktop&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Web siteleri tasarlarken ve geli&#351;tirirken, onun farkl&#305; taray&#305;c&#305;larda nas&#305;l g&#246;r&#252;nd&#252;&#287;&#252;n&#252; kontrol etmeniz gerekmektedir (ah IE6 ah!). Elbette Mac &#252;zerinde &#252;cretsiz BootCamp'i kullanarak Windows kurabilirsiniz ancak bu yaz&#305;l&#305;m ile Windows kullanmak istedi&#287;inizde sisteminizi yeniden ba&#351;latman&#305;z gerekir. Parallels sayesinde Mac &#252;zerinde &#231;al&#305;&#351;&#305;rken Windows'u kullanabilmenin bana kazand&#305;rd&#305;&#287;&#305; zaman tart&#305;&#351;&#305;lmaz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;10. &lt;a href="http://www.pixelmator.com/"&gt;Pixelmator&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Pixelmator yaz&#305;l&#305;m&#305; Photoshop'a m&#252;kemmel bir alternatif. Elbette Photoshop ile daha fazlas&#305;n&#305; yapabilirsiniz ancak sadece temel iyile&#351;tirmeler ve de&#287;i&#351;iklikler yapmak istedi&#287;inizde neden Photoshop'u a&#231;man&#305;z gereksin ki? T&#252;m bunlar&#305;n yan&#305;s&#305;ra ikisinin aras&#305;ndaki fiyat fark&#305; da olduk&#231;a fazla. G&#252;n ge&#231;tik&#231;e kendimi daha az Photoshop, daha fazla Pixelmator kullan&#305;rken buluyorum.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;11. &lt;a href="http://www.mamp.info/en/index.php"&gt;MAMP Pro&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;MAMP ger&#231;ekten kullan&#305;&#351;l&#305; bir yaz&#305;l&#305;m. &#214;zellikle Internet eri&#351;iminin olmad&#305;&#287;&#305; durumlarda MySQL, PHP ve Apache'yi sisteminizde kullanmak istiyorsan&#305;z, MAMP Pro kesinlikle denemeniz gereken bir yaz&#305;l&#305;m.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;12. &lt;a href="https://spyrestudios.freshbooks.com/signup/"&gt;FreshBooks&lt;/a&gt;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;Freshbooks'u, projeler &#252;zerinde ge&#231;irdi&#287;im zaman&#305; kaydetmek ve ard&#305;ndan m&#252;&#351;terilerime fatura g&#246;ndermek i&#231;in kullan&#305;yorum. Faturalamaya y&#246;nelik her &#351;eyi kaydetmek i&#231;in kullanmas&#305; olduk&#231;a kolay bir uygulama. Uygulamay&#305; neredeyse bir y&#305;ld&#305;r kullan&#305;yorum ve daha &#231;ok uzun s&#252;re kullanmay&#305; planl&#305;yorum. Web tabanl&#305; olan bu uygulaman&#305;n &lt;a href="http://www.freshbooks.com/blog/2008/10/22/freshbooks-iphone-application-is-finally-here/"&gt;iPhone ve iPod touch &#252;zerinde &#231;al&#305;&#351;an bir uygulamas&#305;&lt;/a&gt; da mevcut.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&#350;imdi Konu&#351;ma S&#305;ras&#305; Sizde&lt;/strong&gt;&lt;br&gt;Kulland&#305;&#287;&#305;m ara&#231;lar&#305;n ve sitelerin bir listesini g&#246;rd&#252;n&#252;z. &#350;imdi san&#305;r&#305;m s&#305;ra sizde. Sizin &#246;zellikle web tasar&#305;m&#305;nda kulland&#305;&#287;&#305;n&#305;z ara&#231;lar neler? Faturalama, geli&#351;tirme ve tasar&#305;m i&#351;leriniz i&#231;in hangi ara&#231;lar&#305; kullan&#305;yorsunuz? Yorumlar&#305;n&#305;zla payla&#351;&#305;n.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://spyrestudios.com/tools-web-design-business/"&gt;Spyre Studios&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;Web Tasar&#305;mc&#305;lar&#305; ve Geli&#351;tiricileri &#304;&#231;in Yararl&#305; Kaynaklara Y&#246;nelik Yazd&#305;&#287;&#305;m Di&#287;er Yaz&#305;lar&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/2008-in-onlarsiz-yapamayacaginiz-23"&gt;2008'in Onlars&#305;z Yapamayaca&#287;&#305;m&#305;z 23 Kayna&#287;&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin"&gt;Daha H&#305;zl&#305; &#350;ablon Olu&#351;turabilmek &#304;&#231;in Kullan&#305;labilecek 9 CSS Framework'&#252;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript"&gt;2008'in En &#304;yi JavaScript Kaynaklar&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-web-uzerindeki"&gt;Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in Web &#220;zerindeki 6 Kullan&#305;&#351;l&#305; Ara&#231;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/hicbir-zaman-olmeyecek-28-photoshop"&gt;Hi&#231;bir Zaman &#214;lmeyecek 28 Photoshop Dersi&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac "&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>Mon, 09 Feb 2009 17:01:00 GMT</pubDate>
      <guid isPermaLink="false">196460@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/web-tasarimcilari-icin-12-arac</link>
    </item>
    <item>
      <title>SEO i&#231;in Alt&#305;n Backlinkler -1</title>
      <author>Depozitosuz</author>
      <description>&lt;p&gt;SEO i&#231;in en &#246;nemli unsurlardan biri sitelerimize kaliteli backlink sa&#287;lamakt&#305;r. Backlinklerin olu&#351;turulma i&#351;lemi zahmetli ve uzun s&#252;ren bir &#231;al&#305;&#351;mad&#305;r. Ayr&#305;ca sitemize sa&#287;layaca&#287;&#305;m&#305;z linklerin kalitesi de bir di&#287;er &#246;nemli unsurdur. Bir&#231;ok dizin ve toplistlerden alaca&#287;&#305;m&#305;z linkler zaman zaman bizlere art&#305; bir&#351;ey katmazken, zarar dahi verebilirler.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/alpercankaya/backlink-bildirgec.jpg' alt="Backlink Semasi" border="0"&gt;&lt;br&gt;Backlink Semasi&lt;/div&gt; &#304;&#351;te biz seocular da bu backlinkleri sa&#287;lamak i&#231;in uzun s&#252;ren &#231;al&#305;&#351;malarla belirledi&#287;imiz baz&#305; dizin ve di&#287;er sayfalara linkimizi ekleriz. &lt;strong&gt;&lt;em&gt;&#350;imdi sizlere uzun s&#252;ren &#231;al&#305;&#351;malar&#305;m sonucu haz&#305;rlad&#305;&#287;&#305;m baz&#305; dizin ve sitenizin linklerini "tavsiye edilen siteler" b&#246;l&#252;m&#252;ne ekleyen link &#246;neri ve ekleme sayfalar&#305;n&#305;n adresleri ile birlikte payla&#351;mak istiyorum. Bu serinin ilkidir ve devam&#305; da taraf&#305;mdan yaz&#305;lacakt&#305;r.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;


&lt;blockquote&gt;&lt;br&gt;&lt;strong&gt;Bu yaz&#305; serisi tamamen benim taraf&#305;mdan haz&#305;rlanm&#305;&#351; olup ba&#351;ka hi&#231; bir kaynakta bulamayaca&#287;&#305;n&#305;z bir i&#231;eriktir.&lt;/strong&gt;&lt;/blockquote&gt;

	&lt;p&gt;Listelenme S&#305;ras&#305; : &lt;strong&gt;(Site Adresi) - (Kategorisi) - (Ekleme Sayfas&#305; Linki) - (&#199;e&#351;idi) - (Domain PR)&lt;/strong&gt;&lt;/p&gt;


&lt;li&gt;&lt;a href="http://www.nature.com/nrg/info/info_links.html"&gt;Nature.com Recommended    Links&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.nature.com/nrg/info/info_links.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR9&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.educationworld.com/"&gt;Education World&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.educationworld.com/navigation/add_url_form.shtml"&gt;Ekleme Sayfas&#305;&lt;/a&gt;

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


	&lt;p&gt;&lt;strong&gt;(Di&#287;er) PR8&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://dir.yahoo.com/"&gt;Yahoo! Directory&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="https://ecom.yahoo.com/dir/submit/intro/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR8&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://dmoz.org/"&gt;dmoz &lt;strong&gt;(open directory project)&lt;/strong&gt;&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://dmoz.org/add.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR8&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.artcyclopedia.com/"&gt;Artcyclopedia&lt;/a&gt;&lt;strong&gt;(Resim ve &#304;nsanl&#305;k)&lt;/strong&gt;&lt;a href="http://www.artcyclopedia.com/links.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.surfnetkids.com/"&gt;Surfing the Net with Kids&lt;/a&gt;&lt;strong&gt;(Toplum)&lt;/strong&gt;&lt;a href="http://www.surfnetkids.com/reader/submit-review.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://nsr.mij.mrs.org/links/"&gt;MRS Internet Journal of Nitride    Semiconductor Research&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://nsr.mij.mrs.org/links/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.getafreelancer.com/"&gt;Get a Freelancer&lt;/a&gt;&lt;strong&gt;(Sekt&#246;rel)&lt;/strong&gt;&lt;a href="http://www.getafreelancer.com/res/submit-your-site.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.paleoportal.org/"&gt;The Paleontology Portal&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.paleoportal.org/submissions/index.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Di&#287;er) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.calstatela.edu/library/libfac/music.htm"&gt;Cal State LA    Recommended Music Websites&lt;/a&gt;&lt;strong&gt;(Resim ve &#304;nsanl&#305;k)&lt;/strong&gt;&lt;a href="http://www.calstatela.edu/library/libfac/music.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.podcastingnews.com/forum/links.php"&gt;Podcasting Directory&lt;/a&gt;&lt;strong&gt;(Bilgisayarlar)&lt;/strong&gt;&lt;a href="http://www.podcastingnews.com/forum/profile.php?mode=register"&gt;Ekleme    Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.inc.com/resources/startup/recommended.html"&gt;Inc.com    Recommended Start-Up Resources&lt;/a&gt;&lt;strong&gt;(Sekt&#246;rel)&lt;/strong&gt;&lt;a href="http://www.inc.com/about/contact_us.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR7&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.nchealthinfo.org/"&gt;North Carolina Health Information&lt;/a&gt;&lt;strong&gt;(Sa&#287;l&#305;k)&lt;/strong&gt;&lt;a href="http://www.nchealthinfo.org/suggest.cfm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.unixguide.net/"&gt;UNIXguide.net&lt;/a&gt;&lt;strong&gt;(Bilgisayarlar)&lt;/strong&gt;&lt;a href="http://www.unixguide.net/addurl.shtml"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.localeye.info/"&gt;Localeye&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.localeye.info/utilities/suggestSite"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.ananzi.co.za/"&gt;Ananzi&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.ananzi.co.za/Add_site/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.indiainfo.com/"&gt;Indiainfo.com&lt;/a&gt;&lt;strong&gt;(Toplum)&lt;/strong&gt;&lt;a href="http://indiafocus.indiainfo.com/suggest.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.tenlinks.com/"&gt;TenLinks.com&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.tenlinks.com/ABOUT/suggest.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://ottawastart.com/"&gt;Ottawa Start&lt;/a&gt;&lt;strong&gt;(Toplum)&lt;/strong&gt;&lt;a href="http://ottawastart.com/suggest.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.designinteract.com/"&gt;Design Interact&lt;/a&gt;&lt;strong&gt;(Resim ve &#304;nsanl&#305;k)&lt;/strong&gt;&lt;a href="http://www.commarts.com/mediakit/index.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(&#220;cretli Reklam) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.cancerindex.org/"&gt;CancerIndex&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.cancerindex.org/clinks1s.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.ala.org/gwstemplate.cfm?section=greatwebsites&amp;amp;template=/cfapps/gws/default.cfm"&gt;American    Library Association Great Web Sites for Kids&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.ala.org/ala/alsc/greatwebsites/suggestgreatsite/suggestgreat.cfm"&gt;Ekleme    Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.eatwellguide.org/"&gt;Eat Well Guide&lt;/a&gt;&lt;strong&gt;(Toplum)&lt;/strong&gt;&lt;a href="http://www.eatwellguide.org/addlisting.cfm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.tourism.net.nz/"&gt;New Zealand Tourism Online&lt;/a&gt;&lt;strong&gt;(Eglence)&lt;/strong&gt;&lt;a href="http://www.tourism.net.nz/listing/add"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.wheelock.edu/library/liresources/liwebsites.asp"&gt;Wheelock    College Recommended Websites&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.wheelock.edu/library/liwebmasterform.asp"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.freeindex.co.uk/"&gt;FreeIndex&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.freeindex.co.uk/addyourbusiness.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.emilychang.com/go/ehub"&gt;eHub by Emily Chang&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.emilychang.com/go/ehub/submit/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Di&#287;er) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.joeant.com/"&gt;JoeAnt.com&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.joeant.com/suggest.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR6&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.public.iastate.edu/~savega/les_biga.htm"&gt;Recommended    LGBT/Queer Studies Websites&lt;/a&gt;&lt;strong&gt;(Toplum)&lt;/strong&gt;&lt;a href="http://www.public.iastate.edu/~savega/les_biga.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.safetydirectory.com/"&gt;SafetyDirectory.com&lt;/a&gt;&lt;strong&gt;(Sa&#287;l&#305;k)&lt;/strong&gt;&lt;a href="http://www.safetydirectory.com/add_url.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.therealestatelibrary.com/"&gt;The Real Estate Library&lt;/a&gt;&lt;strong&gt;(Sekt&#246;rel)&lt;/strong&gt;&lt;a href="http://www.therealestatelibrary.com/suggest.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.austinastro.org/links.html"&gt;Austin Astronomical Society&#160;&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.austinastro.org/contact.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.greatbridgelinks.com/GBLnew.html"&gt;Great Bridge Links&lt;/a&gt;&lt;strong&gt;(Eglence)&lt;/strong&gt;&lt;a href="http://www.greatbridgelinks.com/GBLnew.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.elexp.com/links.htm"&gt;Electronix Express&lt;/a&gt;&lt;strong&gt;(Bilim)&lt;/strong&gt;&lt;a href="http://www.elexp.com/links.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.womenshealthmatters.ca/index.cfm"&gt;Women's Health Matters&lt;/a&gt;&lt;strong&gt;(Sa&#287;l&#305;k)&lt;/strong&gt;&lt;a href="http://www.womenshealthmatters.ca/resources/post_res.cfm"&gt;Ekleme    Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.linguistic-funland.com/"&gt;Linguistic Funland&lt;/a&gt;&lt;strong&gt;(Resim ve &#304;nsanl&#305;k)&lt;/strong&gt;&lt;a href="http://www.linguistic-funland.com/lingsubmit.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.outdoored.com/default.aspx"&gt;Outdoor Ed&lt;/a&gt;&lt;strong&gt;(Eglence)&lt;/strong&gt;&lt;a href="http://www.outdoored.com/Advertising/default.aspx"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(&#220;cretli Reklam) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.rahul.net/mcgrew/hotlist.html"&gt;McGrew's Recommended Websites&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.rahul.net/mcgrew/personal/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Di&#287;er) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://library.austincc.edu/w3/"&gt;Austin Community College Recommended    Websites&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://library.austincc.edu/help/askEmail.htm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.eatwellguide.org/index.cfm"&gt;Eat Well Guide&lt;/a&gt;&lt;strong&gt;(Sa&#287;l&#305;k)&lt;/strong&gt;&lt;a href="http://www.eatwellguide.org/addlisting.cfm"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.bloggerandpodcaster.com/guide.php"&gt;Blogger &amp;amp; Podcaster    Guide&lt;/a&gt;&lt;strong&gt;(Medya)&lt;/strong&gt;&lt;a href="http://www.bloggerandpodcaster.com/guide.php"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.madison.k12.wi.us/tnl/detectives/"&gt;Madison Metropolitan    School District Library of Student Recommended Sites&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.madison.k12.wi.us/tnl/detectives/"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;br&gt;&lt;li&gt;&lt;a href="http://www.quackwatch.com/05Links/othersites.html"&gt;Quackwatch    Interesting Web Sites&lt;/a&gt;&lt;strong&gt;(Genel)&lt;/strong&gt;&lt;a href="http://www.quackwatch.com/05Links/othersites.html"&gt;Ekleme Sayfas&#305;&lt;/a&gt;&lt;strong&gt;(Dizin) PR5&lt;/strong&gt;&lt;/li&gt;&lt;br&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/seo-icin-altin-backlinkler-1 "&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>Fri, 06 Feb 2009 07:46:00 GMT</pubDate>
      <guid isPermaLink="false">195924@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/seo-icin-altin-backlinkler-1</link>
    </item>
    <item>
      <title>Flickr logo tasar&#305;m gruplar&#305;</title>
      <author>Depozitosuz</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/preview-2.jpg' alt="Flickr Groups for Logo Design Lovers" border="0"&gt;&lt;br&gt;Flickr Groups for Logo Design Lovers&lt;/div&gt;

	&lt;p&gt;Logo, bir &#351;irketi temsil eden, M&#252;&#351;terilere, verilen hizmeti ve sat&#305;&#351;&#305;n&#305; yapmakta oldu&#287;u &#252;r&#252;n&#252; anlatmak i&#231;in veya m&#252;&#351;terinin &#351;irketten ne bekleyebilece&#287;ini tan&#305;mlamak i&#231;in &#351;irketin amac&#305; ile uyumlu, sanatsal &#351;ekildir.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/flickr.png' alt="Flickr'&#305;n sahibi Yahoo'dur." border="0"&gt;&lt;br&gt;Flickr'&#305;n sahibi Yahoo'dur.&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://aiburn.com/"&gt;aiburn&lt;/a&gt; sitesi yazarlar&#305;ndan, &lt;a href="http://aiburn.com/users/sean_hodge"&gt;Sean Hodge&lt;/a&gt;, bir foto&#287;raf payla&#351;&#305;m sitesi olan flickr'de, logo tasar&#305;m&#305; i&#231;in olu&#351;turulan gruplardan en aktif olanlar&#305;n&#305; bir araya toplayarak bizlere sunmu&#351;.Bu gruplar a&#351;a&#287;&#305;da listelenmi&#351;tir.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.flickr.com/groups/identitydesign/"&gt;1- Logopond Lillies&lt;/a&gt;  : 200 logo ve 100'&#252;n &#252;zerinde &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/logopond-lillies.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;2- &lt;a href="http://www.flickr.com/groups/logodesign/"&gt;Design the Logo&lt;/a&gt; : 5000 logo ve 2400 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/design-the-logo.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;3- &lt;a href="http://www.flickr.com/groups/identitydesign/"&gt;Identity + Logo Design&lt;/a&gt; : 600 logo ve 300 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/identity-plus-logo-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;4- &lt;a href="http://www.flickr.com/groups/logotype/"&gt;Logotype&lt;/a&gt; : 200 logo ve 200 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/logotype.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;5- &lt;a href="http://www.flickr.com/groups/web20logo/"&gt;Web 2.0 logo&lt;/a&gt; : 150 logo ve 60 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/web2-logos.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;6- &lt;a href="http://www.flickr.com/groups/logo/"&gt;Logo Design&lt;/a&gt; : 100 logo ve 50 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/logo-design.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;7- &lt;a href="http://www.flickr.com/groups/randomlogoproject/"&gt;Random Logo Project&lt;/a&gt; : 400 logo ve 100 &#252;yesi olan bir grup.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/filezza/the-random-logo-project.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/Depozitosuz"&gt;Depozitosuz&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/flickr-logo-tasarim-gruplari "&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>Mon, 04 Aug 2008 14:29:00 GMT</pubDate>
      <guid isPermaLink="false">195621@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/flickr-logo-tasarim-gruplari</link>
    </item>
  </channel>
</rss>

