<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - sahip - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - sahip - be&#287;endikleri</description>
    <item>
      <title>Bu bildiklerimizden farkl&#305; bir manken</title>
      <author>sahip</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/iMania/ln-lifestyle-fashion.jpg' alt="Foto: AFP" border="0"&gt;&lt;br&gt;Foto: AFP&lt;/div&gt;

	&lt;p&gt;Japon ara&#351;t&#305;rmac&#305;lar 23 Mart'da bir moda fuar&#305;nda, d&#252;nyan&#305;n ilk manken robotunu tan&#305;tmaya haz&#305;rlan&#305;yorlar. Kad&#305;n olarak tasarlanan robotun, &#252;zerindeki 42 hareket motoru ile bir manken gibi hareket edebildi&#287;i bildiriliyor. iri g&#246;zleri, ufak burnu, 1.58'lik boyu ile do&#287;al olarak daha &#231;ok uzak do&#287;u mankenlerine benzeyen robotun, 19-29 ya&#351; aral&#305;&#287;&#305;nda ve 43 kilo gibi g&#246;z&#252;kt&#252;&#287;&#252; belirtiliyor. &#199;izgi filmlerden &#231;&#305;km&#305;&#351; gibi bir y&#252;z&#252; olan HRP-4C'nin (evet bu g&#252;zelim robota verilebilen isim bu. ara&#351;t&#305;rmac&#305;lar&#305;n acilen bir halkla ili&#351;kiler uzman&#305;na ihtiya&#231;lar&#305; var bence) v&#252;cudu metalik bir giysi ile kapl&#305;. gazetecilerin bluetooth ile verdikleri komutlara surat&#305;n&#305; asarak veya g&#252;l&#252;mseyerek cevap veren robotun &#252;retimi i&#231;in 200 milyon yen (kabaca 3 milyon dolar) harcanm&#305;&#351;.&lt;br&gt;&lt;a href="http://www.straitstimes.com/Breaking%2BNews/Lifestyle/Story/STIStory_350809.html"&gt;Kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/bu-bildiklerimizden-farkli-bir-manken "&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, 16 Mar 2009 19:06:00 GMT</pubDate>
      <guid isPermaLink="false">201099@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/bu-bildiklerimizden-farkli-bir-manken</link>
    </item>
    <item>
      <title>Web Tasar&#305;m&#305;nda Bo&#351;luklar&#305; Verimli Olarak Kullanmak</title>
      <author>sahip</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-01.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;Beyaz Bo&#351;luk (White Space) Nedir?&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Basit&#231;e anlatmam gerekirse beyaz bo&#351;luk bir tasar&#305;m&#305;n farkl&#305; elementleri aras&#305;ndaki bo&#351;luktur - metinler, resimler, paragraflar, ba&#351;l&#305;klar, altl&#305;klar, ba&#287;lant&#305;lar vb. Bu bo&#351;luk bir sayfa &#252;zerindeki farkl&#305; elementler aras&#305;ndaki bo&#351;luktur, harfler aras&#305;ndaki bo&#351;luk, bir paragraf&#305;n sat&#305;rlar&#305; aras&#305;ndaki bo&#351;luktur.&lt;/p&gt;


	&lt;p&gt;Beyaz bo&#351;luk bir web sitesinin kolayca taranabilmesini sa&#287;lar. Ziyaret&#231;inin sitenizi ziyaret etti&#287;inde g&#246;rd&#252;&#287;&#252; metin miktar&#305;n&#305; azalt&#305;r ve bu vesileyle okumay&#305; daha da kolayla&#351;t&#305;r&#305;r. Sayfan&#305;za kutular ve &#231;izgiler gibi yeni elementler eklemenize gerek kalmadan tasar&#305;m elementlerinin g&#246;rsel olarak ayr&#305;m&#305;n&#305; kolayla&#351;t&#305;r&#305;r. Bu bo&#351;luklar do&#287;ru kullan&#305;ld&#305;&#287;&#305;nda sayfan&#305;z&#305;n temiz ve profesyonel g&#246;r&#252;nmesini sa&#287;lad&#305;&#287;&#305; gibi, sitenizin karma&#351;&#305;k g&#246;r&#252;nmemesini, taze g&#246;r&#252;n&#252;m&#252;n&#252; korumas&#305;n&#305; sa&#287;lar.&lt;/p&gt;


	&lt;p&gt;Beyaz bo&#351;luk ne yaz&#305;k ki g&#252;&#231;l&#252; bir web tasar&#305;m&#305;nda en az dikkate al&#305;nan elementlerden birisidir. Beyaz bo&#351;luklar&#305;n parlak ve &#305;&#351;&#305;ldayan bir tasar&#305;m&#305;n&#305;n olmamas&#305;n&#305;n, onun web sitesi i&#231;in &#246;nemli olmad&#305;&#287;&#305; anlam&#305;na gelmez.&lt;/p&gt;


	&lt;p&gt;Bu konudaki ara&#351;t&#305;rmam&#305;za ba&#351;lamadan &#246;nce gelin tasar&#305;mlar&#305;nda beyaz bo&#351;luklar&#305; verimli bir &#351;ekilde kullanan baz&#305; web sitelerine bir g&#246;z atal&#305;m.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;1. &lt;a href="http://www.madebysofa.com/"&gt;Made By Sofa&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/89955751495ABC0E39685_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-02.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Made By Sofa web sitesi, sitenin &#252;st k&#305;sm&#305;nda b&#252;y&#252;k boyutlu bir imaj ve imaj&#305;n alt k&#305;sm&#305;nda ana i&#231;erik ve navigasyon &#246;&#287;eleri kullan&#305;larak g&#252;&#231;l&#252; bir tasar&#305;m olu&#351;turmu&#351;. Sofa ba&#351;l&#305;klar, paragraflar ve slogan elementlerini birbirinden ay&#305;rmak i&#231;in beyaz bo&#351;luklar&#305; kullanm&#305;&#351;. A&#351;a&#287;&#305;daki yak&#305;nla&#351;t&#305;r&#305;lm&#305;&#351; resme bir bak&#305;n:&lt;/p&gt;


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


&lt;div class="imajorta"&gt;&lt;a href="http://webdesigntuts.com/wp-content/uploads/2008/12/whitespace.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-03.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;i&gt;Not: G&#246;lgelenmi&#351; alanlar beyaz bo&#351;luklar&#305; temsil etmektedir&lt;/i&gt;&lt;/p&gt;


	&lt;p&gt;Beyaz bo&#351;luklar&#305;n bu &#351;ekilde kullan&#305;m&#305; sayesinde site daha organize ve b&#246;l&#252;mlenmi&#351; bir yap&#305;ya kavu&#351;urken, site ziyaret&#231;ilerinin de i&#231;eri&#287;i okuyabilmesi ve site i&#231;eri&#287;ini h&#305;zl&#305; ve verimli bir &#351;ekilde taramas&#305; (tabir-i caizse &#351;&#246;yle bir g&#246;z atmas&#305;) kolayla&#351;t&#305;r&#305;lm&#305;&#351;.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;2. &lt;a href="http://informationarchitects.jp/"&gt;Information Architects&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/1833564508495ABC0BAC634_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-04.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Information Architects web sitesi de beyaz alanlar&#305; kullanarak logo, metin, paragraflar ve ba&#351;l&#305;klar gibi baz&#305; site elementlerini birbirlerinden ay&#305;rm&#305;&#351; ve site tasar&#305;m&#305;n&#305;n temiz ve sade olmas&#305;n&#305;n &#246;n&#252;n&#252; a&#231;m&#305;&#351;. A&#351;a&#287;&#305;daki imaj, ilgili sitenin tasar&#305;m&#305;n&#305;n yak&#305;ndan bir g&#246;r&#252;n&#252;m&#252;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://webdesigntuts.com/wp-content/uploads/2008/12/ws2.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-05.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;i&gt;Not: G&#246;lgelenmi&#351; alanlar beyaz bo&#351;luklar&#305; temsil etmektedir&lt;/i&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Beyaz Bo&#351;luklar&#305; Nas&#305;l Verimli Bir &#350;ekilde Kullanabilirsiniz?&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Beyaz alanlar&#305; verimli bir &#351;ekilde kullanabilmek bazen zorlu bir i&#351; olabilir. Yaz&#305;n&#305;n devam&#305;nda size bu alanda yard&#305;mc&#305; olabilecek baz&#305; ipu&#231;lar&#305;n&#305; listelemeye &#231;al&#305;&#351;t&#305;m:&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;1. Sat&#305;r Aral&#305;&#287;&#305; (Line Spacing)&lt;/strong&gt;&lt;br&gt;Bir paragraf i&#231;erisindeki sat&#305;rlar&#305;n aral&#305;&#287;&#305;, konu sitenin okunabilirli&#287;i ve taranabilirli&#287;ine geldi&#287;inde en b&#252;y&#252;k fark&#305; olu&#351;turan en &#246;nemli unsurlardan birisidir. E&#287;er sat&#305;rlar birbirlerine &#231;ok yakla&#351;t&#305;r&#305;l&#305;rsa, o sayfan&#305;n i&#231;eri&#287;ini taramak neredeyse imkans&#305;z hale gelir. E&#287;er sat&#305;rlar birbirinden &#231;ok uzakla&#351;t&#305;r&#305;l&#305;rsa, o zaman ziyaret&#231;ileriniz sat&#305;rlar&#305;n birbirlerinden ba&#287;&#305;ms&#305;z oldu&#287;u hissine kap&#305;lacaklar ve konuyu b&#252;t&#252;nle&#351;tiremeyeceklerdir.&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;p&gt;Siz de sat&#305;r aral&#305;klar&#305;n&#305;z&#305;n yukar&#305;da iki &#246;rne&#287;in aras&#305;nda bir yerlerde (ne &#231;ok az ne de &#231;ok fazla) olmas&#305;n&#305; isteyeceksinizdir. CSS'de sat&#305;r aral&#305;klar&#305; hakk&#305;nda teknik bir makale ar&#305;yorsan&#305;z, o zaman &lt;a href="http://www.w3schools.com/css/pr_dim_line-height.asp"&gt;CSS line-height de&#287;eri&lt;/a&gt; makalesi size yard&#305;mc&#305; olacakt&#305;r.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;2. Marjlar (Margin)&lt;/strong&gt;&lt;br&gt;Marj, bir tasar&#305;mdaki elementleri &#231;evreleyen bo&#351;luklara verilen add&#305;r. &lt;a href="http://www.w3schools.com/CSS/css_margin.asp"&gt;CSS Marjlar&#305;&lt;/a&gt; bu bo&#351;lu&#287;u kendi avantaj&#305;n&#305;za kullanabilmeniz i&#231;in m&#252;kemmel bir yoldur. Marjlarla &#231;al&#305;&#351;&#305;rken hat&#305;rlaman&#305;z gereken birka&#231; unsur bulunmaktad&#305;r.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;ol&gt;
	&lt;li&gt;&lt;strong&gt;Tutarl&#305;l&#305;k&lt;/strong&gt;&lt;br&gt;Anahatt&#305;n&#305;z &#252;zerindeki marjlar&#305;n&#305;z&#305;n geneli birbirleri ile tutarl&#305; olsun. Bo&#351;uklar&#305;n&#305;zda ne kadar tutarl&#305; olabilirsiniz, siteniz o kadar profesyonel ve organize g&#246;r&#252;necektir. Marjlar&#305; d&#252;&#351;&#252;n&#252;rken hem dikey hem de yatay marjlar&#305; g&#246;z &#246;n&#252;nde bulundurun, zira bunlar&#305;n her ikisinin de tasar&#305;m&#305;n geneline &#246;nemli etkileri bulunmaktad&#305;r.&lt;/li&gt;
		&lt;li&gt;&lt;strong&gt;&#199;ok fazla olmas&#305;n&lt;/strong&gt;&lt;br&gt;Marjlar&#305;n&#305;z&#305; &#231;ok y&#252;ksek tutmay&#305;n. Birbirlerinden olmas&#305; gerekti&#287;inden fazla ayr&#305;lm&#305;&#351; site elementleri, yukar&#305;daki &lt;i&gt;sat&#305;r aral&#305;&#287;&#305;&lt;/i&gt; &#246;rne&#287;imizde de g&#246;rebilece&#287;iniz &#252;zere i&#231;eri&#287;in birbirleri ile olan ili&#351;kisini kaybetmesine yol a&#231;abilir. Ayr&#305;ca bir sayfaya sadece s&#305;n&#305;rl&#305; say&#305;da pikselin s&#305;&#287;abilece&#287;ini de unutmay&#305;n, bu sebeple ekran&#305;n b&#252;y&#252;k k&#305;sm&#305;n&#305; bo&#351;luklarla da doldurmay&#305;n (tabi e&#287;er sitenizin i&#231;eri&#287;i bu tip marjlar&#305;n kullan&#305;lmas&#305;n&#305; gerektirmiyorsa).&lt;/li&gt;
		&lt;li&gt;&lt;strong&gt;&#199;ok az da olmas&#305;n&lt;/strong&gt;&lt;br&gt;Unutmay&#305;n, burada beyaz alanlar&#305; &#246;&#287;renmeye &#231;al&#305;&#351;&#305;yoruz, bu sebeple tasar&#305;mlar&#305;n&#305;zda en az&#305;ndan biraz beyaz bo&#351;lu&#287;un olmas&#305;na &#246;zen g&#246;sterin. Bir metnin resme, yan &#231;ubu&#287;ua, ba&#351;l&#305;&#287;a, navigasyon &#231;ubu&#287;una ya da sitenin di&#287;er herhangi bir elementine &#231;ok yak&#305;n olmas&#305; durumunda tasar&#305;m&#305;n&#305;z biraz s&#305;k&#305;&#351;&#305;k g&#246;r&#252;necektir ki bu da ziyaret&#231;ilerinizi rahats&#305;z eder. Ziyaret&#231;ilerinizin biraz nefes alabilmesi i&#231;in bu bo&#351;luklara &#246;zen g&#246;sterin.&lt;/li&gt;
	&lt;/ol&gt;


	&lt;p&gt;&lt;strong&gt;3. Minimalist Tasar&#305;m Beyaz Bo&#351;lu&#287;a E&#351;it De&#287;ildir&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Modern tasar&#305;m d&#252;nyas&#305;n&#305;n problemlerinden biri de pek &#231;ok insan&#305;n beyaz bo&#351;luklar&#305; minimalist tasar&#305;mlarla b&#252;t&#252;nle&#351;tiriyor olu&#351;u. Bu kesinlikle yanl&#305;&#351;t&#305;r. Bir sitede &#231;ok miktarda metin bulunuyor olabilir ancak bu o sitenin kolayca okunabilir ve taranabilir bir web sitesi ol(a)mayaca&#287;&#305; anlam&#305;na gelmez. Beyaz bo&#351;luklar&#305;n do&#287;ru kullan&#305;m&#305; ile bu pek tabi m&#252;mk&#252;nd&#252;r.&lt;/p&gt;


	&lt;p&gt;&#214;rnek olarak &lt;a href="http://smashingmagazine.com/"&gt;Smashing Magazine&lt;/a&gt;'yi ele alal&#305;m. Bu sitenin tabir-i caizse kulaklar&#305;ndan i&#231;erik f&#305;&#351;k&#305;r&#305;yor, bununla birlikte site y&#246;neticileri sitenin taran&#305;labilirli&#287;ini ve okunabilirli&#287;ini en y&#252;ksek seviyede tutmay&#305; ba&#351;arabilmi&#351;ler. Site y&#246;netimi bunu renklerin ve metin boyutlar&#305;n&#305;n do&#287;ru se&#231;imi ile beyaz bo&#351;luklar&#305;n do&#287;ru kullan&#305;m&#305; ile ba&#351;arm&#305;&#351;lar.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://webdesigntuts.com/wp-content/uploads/2009/01/smashing-magazine.png"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-07.png' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Yine a&#351;a&#287;&#305;da site tasar&#305;m&#305;na yak&#305;ndan bir bak&#305;&#351; atal&#305;m:&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-25.png"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-08.png' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Site tasar&#305;m&#305;nda metinlerle resimlerin, navigasyon elementleri ile i&#231;erik ve yan bar&#305;n aras&#305;ndaki g&#246;rsel ayr&#305;m&#305; fark edebildiniz mi? &#304;&#351;te bu t&#252;m&#252;yle beyaz bo&#351;luklar&#305;n do&#287;ru kullan&#305;m&#305; ile sa&#287;lanm&#305;&#351; durumda.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;4. Ba&#351;l&#305;klar (Headings)&lt;/strong&gt;&lt;br&gt;B&#351;l&#305;klar site i&#231;eri&#287;inizi y&#246;netilebilir par&#231;alara ay&#305;rabilmek i&#231;in m&#252;kemmel bir yoldur. Bu makaleyi okurken 4 farkl&#305; ba&#351;l&#305;&#287;&#305;n kullan&#305;ld&#305;&#287;&#305;n&#305; g&#246;rm&#252;&#351;s&#252;n&#252;zd&#252;r: H1, H2, H3, H4. Bu ba&#351;l&#305;klar b&#252;y&#252;k, koyu, alt&#305; &#231;izili "b&#246;l&#252;m ba&#351;l&#305;klar&#305;"ndan olu&#351;uyor ve siz bu makale s&#252;resince bunu g&#246;rebiliyorsunuz.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;&#199;evirmenin notu:&lt;/strong&gt; &lt;i&gt;Makalenin orjinal yazar&#305; kendi site tasar&#305;m&#305;nda ba&#351;l&#305;klar&#305; kullan&#305;m &#351;ekline g&#246;re makalenin bu k&#305;sm&#305;n&#305; yazm&#305;&#351;. Bildirgec &#252;zerinde, &#252;z&#252;lerek s&#246;yl&#252;yorum, ba&#351;l&#305;k y&#246;netimi beni pek tatmin etmiyor. Makalenin bu k&#305;sm&#305;nda ad&#305; ge&#231;en kullan&#305;m &#246;rne&#287;ini g&#246;rmek i&#231;in yaz&#305;n&#305;n sonunda g&#246;rece&#287;iniz kaynak ba&#287;lant&#305;s&#305;na t&#305;klay&#305;n&#305;z.&lt;/i&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;Burada yapman&#305;z gereken ba&#351;l&#305;klar&#305;n alt ve &#252;st k&#305;s&#305;mlar&#305;ndaki bo&#351;lu&#287;a ve bu bo&#351;luklar&#305;n makalenin taranabilirli&#287;ini nas&#305;l etkilediklerine dikkat etmektir. &#214;rne&#287;in, sitenin H2 etiketlerinde (ikinci en b&#252;y&#252;k ba&#351;l&#305;k) metin ile alt &#231;izgi aras&#305;nda 5 piksel bo&#351;luk bulunuyor. Ayr&#305;ca yine ayn&#305; etiketin &#252;st ve alt k&#305;sm&#305;nda 15'er piksellik marj yer al&#305;yor. Bu beyaz bo&#351;luklar makalenin b&#246;l&#252;mlerini sizin g&#246;rsel olarak ay&#305;rabilmenizi ve i&#231;eri&#287;i tararken onlar&#305; kolayca se&#231;ebilmenizi sa&#287;l&#305;yor.&lt;/p&gt;


	&lt;p&gt;Bu bo&#351;luklar&#305; olu&#351;turarak i&#231;eri&#287;in taranmas&#305; b&#252;y&#252;k &#246;l&#231;&#252;de kolayla&#351;t&#305;r&#305;l&#305;rken, ziyaret&#231;inin hangi imi ya da hangi ba&#351;l&#305;&#287;&#305; okumak istedi&#287;ine karar vermesi kolayla&#351;&#305;yor. E&#287;er ba&#351;l&#305;klar do&#287;ru kullan&#305;lmam&#305;&#351; olsayd&#305;, okur t&#252;m makaleyi okumak zorunda b&#305;rak&#305;l&#305;rd&#305; ki bu da bu tip uzun makaleler i&#231;in okuyucu a&#231;&#305;s&#305;ndan tam bir i&#351;kencedir.&lt;/p&gt;


	&lt;p&gt;E&#287;er siz de benim H2 etiketini nas&#305;l stillendirdi&#287;imi merak ediyorsan&#305;z, o zaman a&#351;a&#287;&#305;daki kodu style.css dosyan&#305;za kopyalaman&#305;z yeterli.&lt;/p&gt;


&lt;code&gt;
h2 {
font-size: 28px;
padding-bottom: 5px;
border-bottom: 3px solid #2a2a2a;
letter-spacing: -1px;
color: #2A2A2A;
margin-top: 15px;
margin-bottom: 15px;
}
&lt;/code&gt;

	&lt;p&gt;&lt;strong&gt;5. &#304;majlar&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&#304;majlarla metnin aras&#305;nda kullanaca&#287;&#305;n&#305;z bo&#351;luk, bir tasar&#305;m&#305;n g&#252;zel ya da &#231;irkin olup olmayaca&#287;&#305;n&#305; belirleyebilecek kadar &#246;nemlidir. E&#287;er kelimeler imaja &#231;ok yak&#305;n olursa, o zaman i&#231;erik &#231;ok karma&#351;&#305;k g&#246;r&#252;necek ve okunmas&#305; da bir o kadar zorla&#351;acakt&#305;r. E&#287;er kelimeler imajdan &#231;ok uzak olurlarsa, o zaman birbirleri ile olan ba&#287;lant&#305;s&#305; kopacakt&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://webdesigntuts.com/"&gt;Web Design Tuts&lt;/a&gt; websitesinde imajlar&#305;m&#305; organize etmek ve onlar&#305;n g&#246;rsel olarak m&#252;mk&#252;n oldu&#287;u kadar &#231;ekici olabilmesini sa&#287;layabilmek i&#231;in baz&#305; &#246;zel imaj s&#305;n&#305;flar&#305; kullan&#305;r&#305;m. Ne zaman bunun gibi bir makale yazsam, bir imaj i&#231;in a&#351;a&#287;&#305;daki kodu kullan&#305;r&#305;m.&lt;/p&gt;


&lt;code&gt;&amp;lt;img class="imagelist" src=# /&amp;gt;&lt;/code&gt;

	&lt;p&gt;Bu imaj&#305; da CSS ile stillemek i&#231;in a&#351;a&#287;&#305;daki y&#246;ntemi kullan&#305;r&#305;m:&lt;/p&gt;


&lt;code&gt;
.imagelist {
border: 5px solid #cacaca;
margin-top: 15px;
margin-bottom: 15px;
}
&lt;/code&gt;

	&lt;p&gt;Kulland&#305;&#287;&#305;m imajlar ile ba&#351;l&#305;klar&#305;n &#252;st ve alt k&#305;s&#305;mlar&#305;nda 15'er piksellik bo&#351;luklar b&#305;rakarak tutarl&#305;l&#305;&#287;&#305; nas&#305;l korudu&#287;umu fark edebildiniz mi?&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Modern Web Tasar&#305;m&#305;nda Beyaz Alanlar&lt;/strong&gt;&lt;br&gt;E&#287;er makaleyi buraya kadar okuduysan&#305;z, o zaman beyaz bo&#351;lu&#287;un neden &#246;nemli oldu&#287;unu art&#305;k anlam&#305;&#351;s&#305;n&#305;zd&#305;r: Siteyi temiz g&#246;stermek, okuyucular i&#231;in okunmas&#305;n&#305; kolayla&#351;t&#305;rmak ve sitenin daha profesyonel g&#246;r&#252;nmesini sa&#287;lamak bunlardan sadece birka&#231;&#305;. Yine makale s&#252;resince beyaz alanlar&#305;n birbirleri ile tutarl&#305; marj, metin ayr&#305;m&#305; ve imajlarla ba&#351;l&#305;klar&#305;n g&#246;rsel ayr&#305;m&#305; i&#231;in kullan&#305;ld&#305;&#287;&#305;ndan da bahsetmi&#351;tim. Ancak halen beyaz alanlar&#305;n "iyi" kullan&#305;m&#305;n&#305;n ne oldu&#287;unu merak ediyor olabilirsiniz.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;da listeledi&#287;im web siteleri, beyaz alanlar&#305;n do&#287;ru kullan&#305;larak ziyaret&#231;ileri ile ileti&#351;imi g&#252;&#231;lendiren web sitelerine iyi birer &#246;rnektir.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;1. &lt;a href="http://surfstation.com/"&gt;Surfstation&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://webdesigntuts.com/wp-content/uploads/2009/01/picture-18.png"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-09.png' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Kullan&#305;lan beyaz alan&#305;n nas&#305;l site i&#231;eri&#287;i ile yan &#231;ubu&#287;u birbirinden ay&#305;rd&#305;&#287;&#305;na dikkat edin. Site ziyaret&#231;ilerinin siteyi taramas&#305;n&#305; kolayla&#351;t&#305;ran ve ihtiya&#231;lar&#305; olan i&#231;eri&#287;i kolayca bulabilmelerini sa&#287;layan yegane unsur i&#351;te budur.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;2. &lt;a href="http://www.jasonsantamaria.com/"&gt;Jason Santa Maria&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/280026435495AC780CB432_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-10.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Jason'un web sitesi &#231;izgilerin ve beyaz bo&#351;luklar&#305;n zekice kullan&#305;lm&#305;&#351; kombinasyonu ile i&#231;eri&#287;ini temiz ve verimli bir &#351;ekilde ziyaret&#231;ilerine aktarabiliyor.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;3. &lt;a href="http://digitalmash.com/"&gt;Digital Mash&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/81835934495AC77B594F1_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-11.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Avustralyal&#305; Tasar&#305;mc&#305; Rob Morris'&#305;n web sitesi Digital Mash, navigasyon, ana resim ve sayfan&#305;n alt k&#305;sm&#305;nda bulunan d&#246;rt adet i&#231;erik alan&#305;n&#305; i&#231;eren &#231;ok sade bir tasar&#305;m&#305; kullan&#305;yor. Marjlar&#305;n nas&#305;l birbirleri ile uyumlu ve i&#231;eri&#287;in nas&#305;l kolayca okunabilir oldu&#287;una ve metinler aras&#305;ndaki bo&#351;luklar ile ba&#351;l&#305;klar&#305;n ve simgelerin nas&#305;l g&#252;zel kullan&#305;lm&#305;&#351; oldu&#287;una bir bak&#305;n.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;4. &lt;a href="http://oddwebthings.com/"&gt;Odd Web Things&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/1993431092495ABC02BD326_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-12.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Metin tabanl&#305; bir web sitesi olan Odd Web Things, beyaz bo&#351;luklar&#305; kendi logolar&#305;n&#305; yan &#231;ubuktan, yan &#231;ubu&#287;u kendi portfolyalar&#305;ndan ve portfolyalar&#305;ndan da kendi bloglar&#305;n&#305; ay&#305;rmak i&#231;in kullanm&#305;&#351;.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;5. &lt;a href="http://www.vlourenco.com/"&gt;Vitor Lourenco&lt;/a&gt;&lt;/strong&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.quicksnapper.com/files/1577/739414612495ABC055B09B_m.jpg"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-13.jpg' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Vitor'un sitesi t&#252;m&#252;yle beyaz bir arkaplan &#252;zerinde oraya buraya yerle&#351;tirilmi&#351; tipografi kullanm&#305;&#351;. Koyu navigasyon, g&#252;&#231;l&#252; ba&#287;lant&#305;lar ve kulland&#305;&#287;&#305; sade renk &#351;emas&#305; bu websitesini i&#351;ler k&#305;lm&#305;&#351;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Beyaz Alanlar'a Dair @Twitter G&#246;r&#252;&#351;&#252;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Bu makaleyi yazarken beni Twitter &#252;zerinden takip eden baz&#305; ki&#351;ilerin g&#246;r&#252;&#351;lerini ald&#305;m. Onlara &#351;u soruyu sordum: "Bir web tasar&#305;m&#305;nda beyaz alanlar sizce neden &#246;nemlidir?" &#304;&#351;te onlar&#305;n cevaplar&#305;:&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://twitter.com/Brendan_McNally/status/1100780697"&gt;@Brendan&lt;/a&gt;: - Beyaz alanlar! Bence beyaz alanlar&#305;n do&#287;ru kullan&#305;lmas&#305;, oda&#287;&#305;n i&#231;eri&#287;in kendisine &#231;ekilebilmesi ve profesyonel g&#246;r&#252;n&#252;m i&#231;in &#246;nemlidir.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://twitter.com/brandonacox/status/1100758082"&gt;@Brandon&lt;/a&gt;: - &#214;nemlidir &#231;&#252;nk&#252; bilgi ve tasar&#305;m elementleri, b&#252;y&#252;k bir karma&#351;a yaratmaktansa birbirleri ile ili&#351;kilendirilebilir.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://twitter.com/sthursby/status/1100757681"&gt;@sthursby&lt;/a&gt;: - Bir ziyaret&#231;iyi web sitenize ba&#287;layabilmek i&#231;in sadece birka&#231; saniyeniz varken, o s&#252;reyi ziyaret&#231;inin arad&#305;&#287;&#305; i&#231;eri&#287;e kolayca ula&#351;abilmesi i&#231;in do&#287;ru kullanmak gerek.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://twitter.com/hyermish/status/1100686309"&gt;@Hyermish&lt;/a&gt; - Beyaz alanlar, sadeli&#287;in bir ill&#252;syonu olmakla birlikte bazen karma&#351;&#305;kl&#305;&#287;&#305; da giderebilir.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://twitter.com/DrewDouglass/status/1100927260"&gt;@Drew_Douglass&lt;/a&gt; - Benim beyaz alanlar&#305; kullanmaktaki ana sebebim, oda&#287;&#305; sayfan&#305;n bir elementine &#231;ekmek ve bak&#305;&#351;lar&#305; o i&#231;eri&#287;e y&#246;nlendirmektir.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/"&gt;Web Design Tuts&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;strong&gt;CSS ve Kullan&#305;labilirlik &#220;zerine 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/mobil-web-i-nasil-herkes"&gt;Mobil Web'i Nas&#305;l Herkes &#304;&#231;in Daha &#304;yi Yapar&#305;z?&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/10-kullanisli-web-uygulamasi-arayuzu"&gt;10 Kullan&#305;&#351;l&#305; Web Uygulamas&#305; Aray&#252;z&#252; Tekni&#287;i&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin"&gt;Kullan&#305;c&#305; Geri Bildirimleri &#304;le Sitenizin Kullan&#305;l&#305;rl&#305;&#287;&#305;n&#305; Artt&#305;rmak&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasaricilarinin-kodlama-yapmalarinin-6"&gt;Web Tasar&#305;mc&#305;lar&#305;n&#305;n Kodlama Yapmalar&#305;n&#305;n 6 Gere&#287;i&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken"&gt;Her Web Tasar&#305;mc&#305;s&#305;n&#305;n &#214;&#287;renmesi Gereken 9 &#214;nemli CSS Yetene&#287;i&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/sadece-css-ile-olusturulmus-animasyonlu"&gt;Sadece CSS &#304;le Olu&#351;turulmu&#351; Animasyonlu &#304;lerleme &#199;ubu&#287;u (Progress Bar)&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik"&gt;Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in 10 Kullan&#305;l&#305;rl&#305;k &#304;pucu&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasariminda-altin-oran"&gt;Web Tasar&#305;m&#305;nda 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/jquery-siz-mootools-suz-basit"&gt;jQuery'siz, mootools'suz Basit Sekmeli &#304;&#231;erik Olu&#351;tural&#305;m&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;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 22 Jan 2009 08:07:00 GMT</pubDate>
      <guid isPermaLink="false">192935@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak</link>
    </item>
    <item>
      <title>k&#305;sa linkleri uzat&#305;n</title>
      <author>sahip</author>
      <description>&lt;p&gt;&lt;a href="http://longurl.org/"&gt;LongURL&lt;/a&gt; web sitesi (ve Firefox eklentisi) &lt;a href="http://tinyurl.com/"&gt;TinyURL&lt;/a&gt; ve &lt;a href="http://www.kisaurl.com/"&gt;KisaURL&lt;/a&gt; gibi servislerin k&#305;salt&#305;lm&#305;&#351; linklerini uzat&#305;yor. B&#246;ylece URL'nin ger&#231;ekten nereye gitti&#287;ini g&#246;rebiliyorsunuz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/xfreestyler/2780087858-53ab898428-o.jpg' alt="longurl" border="0"&gt;&lt;br&gt;longurl&lt;/div&gt;

	&lt;p&gt;Site kendisi bu i&#351; i&#231;in uygun fakat Firefox eklentisi LongURL'yi ger&#231;ekten yararl&#305; yapan &#351;ey. Eklenti y&#252;klendii&#287;inde sayfa i&#231;indeki linklerin &#252;zerine geldi&#287;inizde uzat&#305;lm&#305;&#351; hallerini size ipucu olarak g&#246;sterecektir. Sayfada karma&#351;&#305;k linkler yoksa, bant geni&#351;li&#287;inizi t&#252;ketmez. Bir web servisi olarak kullan&#305;l&#305;yor olmas&#305;ndan, desteklenen servisler (k&#305;sa url siteleri) yeni servisler geldik&#231;e otomatik olarak g&#252;ncelleniyor. Ayr&#305;ca LongURL'nin &lt;a href="http://www.bildirgec.org/etiket/Greasemonkey"&gt;Greasemonkey&lt;/a&gt; skripti ve &lt;a href="http://www.bildirgec.org/etiket/Ubiquity"&gt;Ubiquity&lt;/a&gt; formu da var. yani eklenti i&#231;in tercih etti&#287;iniz arac&#305; se&#231;ebilirsiniz. &lt;a href="http://www.bildirgec.org/etiket/Firefox-eklentisi"&gt;Firefox eklentisi&lt;/a&gt; &#351;u an deney a&#351;amas&#305;nda.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://longurl.org/"&gt;LongURL&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/kisa-linkleri-uzatin "&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, 17 Sep 2008 13:50:00 GMT</pubDate>
      <guid isPermaLink="false">171562@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/kisa-linkleri-uzatin</link>
    </item>
    <item>
      <title>Bir haftada Photoshop &#246;&#287;renin</title>
      <author>sahip</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hindirella/videolayers.png' alt="Layerlarla &#231;al&#305;&#351;mak" border="0"&gt;&lt;br&gt;Layerlarla &#231;al&#305;&#351;mak&lt;/div&gt;

	&lt;p&gt;&lt;a href="http://elitebydesign.com/"&gt;Elitebydesign&lt;/a&gt; bir haftada Photoshop uzman&#305; olun ba&#351;l&#305;&#287;&#305; alt&#305;nda, Photoshop'un temel ara&#231;lar&#305;ndan, k&#305;sayollara, tutorial'lardan, layer'lar&#305;n nas&#305;l kullan&#305;laca&#287;&#305;na, Photoshop'a yeni ba&#351;layanlar i&#231;in faydal&#305; bir derleme yapm&#305;&#351;. &lt;a href="http://elitebydesign.com/how-to-master-photoshop-in-just-one-week/"&gt;Buradan&lt;/a&gt; ula&#351;abilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hindirella/t9visualtexture.png' alt="&#220;&#231; basit ad&#305;mda texture kullanma" border="0"&gt;&lt;br&gt;&#220;&#231; basit ad&#305;mda texture kullanma&lt;/div&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/bir-haftada-photoshop-ogrenin "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 11 Sep 2008 18:44:00 GMT</pubDate>
      <guid isPermaLink="false">170776@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/bir-haftada-photoshop-ogrenin</link>
    </item>
    <item>
      <title>PEYKit</title>
      <author>sahip</author>
      <description>&lt;p&gt;&lt;a href="http://www.peykit.com"&gt;PEYKit.com&lt;/a&gt; kolay reklam,ilan,bas&#305;n b&#252;lteni,site tan&#305;t&#305;m&#305; veya akl&#305;n&#305;za ne gelirse... tan&#305;t&#305;m sitesi&lt;br&gt;(deneme a&#351;amas&#305;ndad&#305;r!)&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/sahip/ekran.png' alt="PEYKit.com" border="0"&gt;&lt;br&gt;PEYKit.com&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://wordpress.org/"&gt;Wordpress&lt;/a&gt; ile &#231;al&#305;&#351;makta ve &lt;a href="http://prologuetheme.org/"&gt;prologue&lt;/a&gt; temas&#305; &#252;zerine &#231;e&#351;itli eklentiler ile ortaya &#231;&#305;kar&#305;lm&#305;&#351;t&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://peykit.sunipeyk.com/"&gt;Deneyebilirsiniz&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/peykit "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Tue, 19 Feb 2008 08:30:00 GMT</pubDate>
      <guid isPermaLink="false">126419@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/peykit</link>
    </item>
    <item>
      <title>photoshop'ta cross process</title>
      <author>sahip</author>
      <description>&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/nevdalist/ilk-foto.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/nevdalist/1.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&#304;lk &#246;nce k&#305;saca cross process'i ve sonras&#305;nda da ayn&#305; i&#351;lemin photoshopla yap&#305;l&#305;&#351;&#305;n&#305; anlatay&#305;m.&lt;br&gt;&lt;a href="http://en.wikipedia.org/wiki/Cross_processing  "&gt;Cross process&lt;/a&gt; filmin yap&#305;s&#305;n&#305; de&#287;i&#351;tirmektir. Daha basit&#231;esi ters i&#351;lemdir. &lt;a href="http://dome.blogcu.com/fotografcilik+egitimi/ "&gt;Renkli bir filmi&lt;/a&gt; E6 &lt;a href="http://www.difolab.com.tr/index2e6.html  "&gt;yani negatifi&lt;/a&gt; pozitif banyoda, pozitifi negatif &lt;a href="http://www.fotografim.com/modules.php?name=Encyclopedia&amp;op=content&amp;tid=140  "&gt;bir banyoda&lt;/a&gt; y&#305;katma i&#351;lemidir. Bu i&#351;lem sonucunda dramatik renk &#246;geleri elde edersiniz diyebiliriz. dia filmi c-41 denilen renkli film banyosunda y&#305;kat&#305;rsan&#305;z ye&#351;il tonlar elde edersiniz. &lt;br&gt;Peki neden b&#246;yle bir &#351;eye ihtiya&#231; duyar&#305;z? gibi bir soru akl&#305;n&#305;za gelebilir. Tamamen ki&#351;isel tercihler ile alakal&#305;d&#305;r. Dijitale ge&#231;memizle birlikte bu i&#351;lem photoshop'ta yap&#305;lmaya ba&#351;land&#305;. ki&#351;isel d&#252;&#351;&#252;ncem &lt;a href="http://www.noise-to-signal.com/2003/10/photoshop_cross.html"&gt;photoshop'ta&lt;/a&gt; yap&#305;lan&#305;n filmin yerini almad&#305;&#287;&#305;. 

	&lt;p&gt;&#304;lk a&#351;ama olarak foto&#287;raf&#305;n renk ayarlar&#305;n&#305; &lt;a href="http://www.photoshopsupport.com/tutorials/or/cross-processing.html"&gt;curves'tan de&#287;i&#351;tiriyoruz&lt;/a&gt;. Hatta baya&#287;&#305; bir u&#231; noktalarda a&#231;&#305;yoruz. &lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/nevdalist/2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;s&#305;ras&#305;yla bu i&#351;lemi yapt&#305;ktan sonra ikinci bir layer  a&#231;&#305;yoruz. ona sar&#305; renk verdikten sonra layer'lar&#305; birle&#351;tiriyoruz. ayr&#305;nt&#305;l&#305; bilgiler PDF olarak &lt;a href="http://www.photoshopforphotographers.com/pscs2/download/movie-06.pdf"&gt;&#351;urada&lt;/a&gt;, &lt;a href="http://blog.dannyngan.com/2005/08/01/tip-cross-processing-in-photoshop/"&gt;burada&lt;/a&gt; ve &lt;a href="http://www.dphotojournal.com/photoshop-tutorial-cross-processing-color/"&gt;son&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;can&#305;m&#305;z kan&#305;m&#305;z youtube'da izleyece&#287;im diyorsan&#305;z da &lt;a href="http://www.youtube.com/watch?v=sgNtOH1JT08"&gt;&#351;&#246;yle&lt;/a&gt; alay&#305;m. bu yetmedi bir video daha izleyece&#287;im diyorsan&#305;z &lt;a href="http://www.dphotojournal.com/retro-cross-process-c-41-effect-in-photoshop/"&gt;t&#305;kl&#305;yorsunuz&lt;/a&gt;. &lt;a href="http://www.3ayak.org/yazi/cross-processing"&gt;3ayak'ta da&lt;/a&gt; bu konuya k&#305;saca de&#287;inilmi&#351;.&lt;/p&gt;


	&lt;p&gt;Son olarak Tony Scott&#8217;&#305;n filmlerinde bu tekni&#287;i kulland&#305;&#287;&#305;n&#305; ekleyebilirim. &#214;zellikle &lt;a href="http://www.dominomovie.com/tony-scott.html"&gt;domino filminde&lt;/a&gt; cross process yap&#305;lm&#305;&#351;t&#305;r.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/photoshop-ta-cross-process "&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, 14 Jan 2008 08:13:00 GMT</pubDate>
      <guid isPermaLink="false">121192@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/photoshop-ta-cross-process</link>
    </item>
    <item>
      <title>Yeni Alan Ad&#305; Kay&#305;t Y&#246;ntemi</title>
      <author>sahip</author>
      <description>&lt;p&gt;&#304;nternette alan ad&#305; satan b&#305;r firma t&#252;ketici koruma kanunu ad&#305; alt&#305;nda  baz&#305; &#351;eyleri tutmakla ele&#351;tiriliyor.&lt;/p&gt;


	&lt;p&gt;Haftalarca yap&#305;lan testlerden sonra &lt;a href="http://www.networksolutions.com"&gt;Network Solutions&lt;/a&gt; insanlar&#305;n arad&#305;&#287;&#305; isimleri bu hafta bloke ba&#351;lad&#305;, fakat hemen kay&#305;t etmiyor. Bu isim 4 g&#252;n boyunca kilitleniyor bu s&#252;re boyunca aramay&#305; yapan ki&#351;i firmadan y&#305;ll&#305;k 35 dolar kar&#351;&#305;l&#305;&#287;&#305;nda direkt olarak sat&#305;n alabiliyor. Bu  fiyat rakip firmalar&#305;n istedi&#287;i &#252;cretten birka&#231; kat fazla. 4 g&#252;nden sonra ise bloke edilen alan ad&#305;  havuza geri d&#246;nerek herhangi bir alan ad&#305; firmas&#305;ndan al&#305;nabiliyor. Bu 4 g&#252;nl&#252;k s&#252;re boyunca herhangi ba&#351;ka bir alan ad&#305; satan firmadan da al&#305;nam&#305;yor.&lt;/p&gt;


	&lt;p&gt;firma s&#246;zc&#252;s&#252; Susan Wade &#351;&#246;yle demi&#351;; &#8220;&lt;a href="http://www.networksolutions.com"&gt;Network Solutions&lt;/a&gt; domain isimlerini herkesden &#246;nce almaya &#231;al&#305;&#351;an ki&#351;ilere kar&#351;&#305; sava&#351;&#305;yorduk.  Ki&#351;isel kay&#305;tlardan veya &#351;irketlerden &#246;nce  istenilen alan adlar&#305;n&#305; kaparak kendi adlar&#305;na kaydediyorlard&#305;."&lt;/p&gt;


	&lt;p&gt;Bu uygulamay&#305; ters bulanlar, Wade'&#305;n bahsetti&#287;i nedenlerden dolay&#305; Network Solutions firmas&#305; alan adlar&#305;n&#305; bloke edip 35 dolarl&#305;k bir fiyatla satmas&#305;n&#305;n do&#287;ru olmad&#305;&#287;&#305;n&#305; s&#246;yl&#252;yorlar. Yani asl&#305;nda firma aranan alan adlar&#305;n&#305; bloke ediyor ve almak istedi&#287;iniz zaman da rakiplerine oranla daha fazla bir &#252;crete sat&#305;yor. Bu y&#246;ntemin arkas&#305;nda duran firma bakal&#305;m ba&#351;ar&#305;l&#305; bir sonu&#231; alacak mi?&lt;/p&gt;


	&lt;p&gt;Haberin kayna&#287;&#305;na &lt;a href="http://www.msnbc.msn.com/id/22608368/"&gt;buradan &lt;/a&gt;ula&#351;abilirsiniz.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/yeni-alan-adi-kayit-yontemi "&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, 14 Jan 2008 10:30:00 GMT</pubDate>
      <guid isPermaLink="false">121191@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/yeni-alan-adi-kayit-yontemi</link>
    </item>
    <item>
      <title>Adobe CS3</title>
      <author>sahip</author>
      <description>&lt;p&gt;&lt;a href="http://www.whatisinthebox.co.uk/"&gt;What is in the box?&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/ryan/edvard-45ed65e7a2479.png' 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/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/adobe-cs3-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>Wed, 07 Mar 2007 20:37:00 GMT</pubDate>
      <guid isPermaLink="false">34714@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/adobe-cs3-1</link>
      <category>google</category>
      <category>cheat</category>
      <category>google account</category>
      <category>googlesayfalari</category>
      <category>google cheat sheet</category>
    </item>
    <item>
      <title>ratepoint; siteleri sen de&#287;erlendir!</title>
      <author>sahip</author>
      <description>&lt;p&gt;&lt;a href="http://www.ratepoint.com/"&gt;ratepoint&lt;/a&gt;&lt;br&gt;di&#287;er site de&#287;erlendirme sistemlerinden farkl&#305; bir y&#246;ntem gelmi&#351;. ratepoint ile siteleri siz de&#287;erlendiriyorsunuz. y&#305;ld&#305;z veriyorsunuz. yorum yaz&#305;yorsunuz. tek k&#246;t&#252; ( ya da eksik ) y&#246;n&#252; taray&#305;c&#305;n&#305;za bir ara&#231; &#231;ubu&#287;u eklemek zorunda olman&#305;z.( t&#252;m taray&#305;c&#305;lar i&#231;in var ) google pagerank, alexa sonras&#305;nda web 2.0 nimetli ilk insan ile &#231;al&#305;&#351;an :) de&#287;erlendirme aparat&#305; oluyor.&lt;/p&gt;&lt;p&gt;&lt;strong&gt;ilgili yaz&#305;lar&lt;/strong&gt;&lt;ul&gt;&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/revver-1-milyon-dolar-odeme"&gt;Revver 1 Milyon Dolar &#214;deme Yapt&#305;&lt;/a&gt; (9)&lt;/li&gt;&lt;/ul&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/ratepoint-siteleri-sen-degerlendir-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>Tue, 13 Feb 2007 10:02:00 GMT</pubDate>
      <guid isPermaLink="false">32128@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/ratepoint-siteleri-sen-degerlendir-1</link>
      <category>payla&#351;&#305;m</category>
      <category>video</category>
      <category>bittorrent</category>
      <category>azureus</category>
      <category>youtube</category>
      <category>metacafe</category>
      <category>revver</category>
      <category>zudeo</category>
    </item>
    <item>
      <title>delifikir</title>
      <author>sahip</author>
      <description>&lt;p&gt;&lt;a href="http://www.delifikir.org/"&gt;delifikir.org&lt;/a&gt; yepyeni, depdeli fikir.&lt;br&gt;&lt;a href="http://www.delifikir.org/tracker"&gt;En deli fikirler&lt;/a&gt;, delidolu fikirler, delirten fikirler, delideli fikirler.&lt;br&gt;Kimsenin akl&#305;na gelemeyen fikirler.&lt;br&gt;Ne zamand&#305;r b&#246;yle e&#287;lenceli bir proje g&#246;rmemi&#351;tim.&lt;br&gt;Deli bunlar! deli bir fikrim var &lt;a href="http://www.delifikir.org/user/register"&gt;diyorsan&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/sahip"&gt;sahip&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/delifikir "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Thu, 18 Jan 2007 08:15:00 GMT</pubDate>
      <guid isPermaLink="false">28955@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/delifikir</link>
      <category>oyun</category>
      <category>amerikan</category>
      <category>pinokyo</category>
      <category>iskambil</category>
      <category>satran&#231;</category>
      <category>bisiklet</category>
      <category>bilardo</category>
      <category>3 top</category>
      <category>3 bant</category>
      <category>k&#305;rm&#305;z&#305;</category>
      <category>ion</category>
      <category>tavla</category>
      <category>pi&#351;ti</category>
      <category>dama</category>
      <category>da&#287; bisikleti</category>
      <category>yar&#305;&#351; bisikleti</category>
      <category>falso</category>
      <category>topa&#231;</category>
      <category>bilye</category>
      <category>g&#252;lle</category>
    </item>
  </channel>
</rss>

