<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - cosane - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - cosane - be&#287;endikleri</description>
    <item>
      <title>web tasar&#305;mc&#305;lar&#305; i&#231;in 16 firefox eklentisi</title>
      <author>cosane</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Qmer/tasar-c4-b1mc-c4-b1laricin19firefoxeklentisi.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;mozilla firefox taray&#305;c&#305;lar aras&#305;ndan &#246;ne &#231;&#305;km&#305;&#351; bir taray&#305;c&#305;. belkide onu &#246;ne &#231;&#305;karan eklentiler, temalar ile ki&#351;iselle&#351;tirilebilir olmas&#305;. daha &#246;nce bir &#231;ok yerde ( &lt;a href="http://mashable.com/2007/08/27/30-firefox-add-ons-for-web-developers-designers/"&gt;*&lt;/a&gt;, &lt;a href="http://www.1stwebdesigner.com/development/the-best-50-firefox-add-ons-for-web-developers/"&gt;*&lt;/a&gt;, &lt;a href="http://www.problogdesign.com/resources/9-essential-firefox-add-ons-for-easy-web-development/"&gt;*&lt;/a&gt; ) web geli&#351;tiricileri i&#231;in firefox eklenti listeleri yap&#305;lm&#305;&#351;t&#305;. &#351;imdi de &lt;a href="http://www.sitepoint.com"&gt;sitepoint&lt;/a&gt; taraf&#305;ndan &lt;strong&gt;web tasar&#305;mc&#305;lar&#305;&lt;/strong&gt; i&#231;in firefox eklentileri listelenmi&#351;.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;renk ara&#231;lar&#305;&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Qmer/colorsuckr.png' alt="colorsuckr" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/13383"&gt;colorsuckr&lt;/a&gt; renk skalas&#305; yaratmaya yarayan bir ara&#231;.&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Qmer/colorzilla.gif' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;en &#231;ok kullan&#305;lan eklentilerden biri olan &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/271"&gt;colorzilla&lt;/a&gt; photoshoptaki Eyedropper ve ColorPicker ara&#231;lar&#305;n&#305;n g&#246;revlerini yap&#305;yor.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/12377"&gt;firepalette&lt;/a&gt; firebug ile &#231;al&#305;&#351;an, firebug'un css panelini zenginle&#351;tiren bir renk arac&#305;.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/2290"&gt;palette grabber&lt;/a&gt; websitesindeki renkleri bir palet halinde kullanman&#305;z i&#231;in photoshop, illustrator, flash, fireworks, gimp, paintshop pro ve t&#252;revi programlara uygun formata getiriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&#246;l&#231;me/&#246;l&#231;&#252;m ara&#231;lar&#305;&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/4904"&gt;gridfox&lt;/a&gt; &#351;ablon &#231;&#305;kartmak i&#231;in harika m&#305; harika bir ara&#231; websitelerinin tablolar&#305;n&#305; g&#246;sterebiliyor. &#246;rnek bir uygulamas&#305;n&#305; g&#246;stereyim:&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Qmer/1245732038.jpeg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/539"&gt;measureit&lt;/a&gt; en iyi &#246;l&#231;me arac&#305; olarak g&#246;z&#252;k&#252;yor. herhangi bir elementin ka&#231; piksel oldu&#287;unu measureit cetveli ile birka&#231; saniyede &#246;l&#231;ebilirsiniz.&lt;/p&gt;


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

	&lt;p&gt;web sayfas&#305;ndaki herhangi bir resim dosyas&#305;n&#305;n ( jpg, png, gif ) k&#246;&#351;elerini yuvarlak ( overlay ) hale gelirmek i&#231;in ideal bir eklenti &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/7943"&gt;pixelperfect&lt;/a&gt;. &#231;al&#305;&#351;mas&#305; i&#231;in &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/1843"&gt;firebug&lt;/a&gt; eklentisi gerekli&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;di&#287;er ara&#231;lar&lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/1843"&gt;firebug&lt;/a&gt; 17,346,759 indirme say&#305;s&#305; ile firefox eklentilerinin g&#246;zdelerinden. ne i&#351;e yarad&#305;&#287;&#305;n&#305; sorarsan&#305;z css, html ve t&#252;revi dosyalar&#305; g&#246;rerek d&#252;zenlemenize yar&#305;yor  diyebilirim k&#305;saca.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/4415"&gt;fontfinder&lt;/a&gt;'in tam kar&#351;&#305;l&#305;&#287;&#305; yaz&#305; tipi bulucu. eklenti a&#231;&#305;klamas&#305;nda ise firefoxta se&#231;ili t&#252;m metnin stilleriin firefox veya thunderbird'e al&#305;n deniliyor. denemedi&#287;im i&#231;in bir&#351;ey s&#246;yleyemeyece&#287;im bu eklenti hakk&#305;nda.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/1985"&gt;window resizer&lt;/a&gt; ad&#305;nda anla&#351;&#305;laca&#287;&#305; &#252;zere pencereyi farkl&#305; boyutlarda g&#246;stermeye yarayan bir eklenti.&lt;/p&gt;


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

	&lt;p&gt;webdeveloper'da en &#231;ok indirilenler -       11,882,236 indirme- listesinde ba&#351;&#305; &#231;ekiyor. web tasar&#305;m ve geli&#351;tirenlerin kesinlikle kullanmas&#305; gereken bir eklenti. web tasar&#305;mc&#305; ve geli&#351;tiriciler i&#231;in bir toolbar.&lt;/p&gt;


	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/2214"&gt;view dependencies&lt;/a&gt; 'page info', sayfa bilgisi penceresi alt&#305;nda resimde g&#246;r&#252;ld&#252;&#287;&#252; &#252;zere sayfalar&#305;n boyutlar&#305;n&#305; belirtiyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;ekran g&#246;r&#252;nt&#252;s&#252; ara&#231;lar&#305; &lt;/strong&gt;&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/3408"&gt;abduction&lt;/a&gt; sa&#287; t&#305;klama ile web sayfas&#305;n&#305;n bir alan&#305;n&#305; veya t&#252;m websayfas&#305;n&#305; resim olarak kaydedebilirsiniz.&lt;/p&gt;


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

	&lt;p&gt;en kapsaml&#305; ekran g&#246;r&#252;nt&#252;s&#252; eklentisi kesinlikle &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/5648"&gt;fireshot&lt;/a&gt;dur. bir milyonu a&#351;an indirme say&#305;s&#305;da bunun kan&#305;t&#305; olabilir. ald&#305;&#287;&#305;n&#305;z ekran g&#246;r&#252;nt&#252;s&#252; &#252;zerinde hi&#231;bir program kullanmadan kesme, k&#305;rpma ve benzeri i&#351;lemler yapabiliyorsunuz.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/139"&gt;imagezoom&lt;/a&gt; adl&#305; basit eklenti websayfas&#305;ndaki resimlere daha dikkatli bakman&#305;z i&#231;in %400e kadar b&#252;y&#252;tebiliyor.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/4889"&gt;picnik&lt;/a&gt; eklentisi resimlere sa&#287; t&#305;klad&#287;&#305;n&#305;da edit image in picnik &#246;zelli&#287;i ile resim d&#252;zenleme sitesi picnik.com'da resmi d&#252;zenlemesini sa&#287;l&#305;yor.&lt;/p&gt;


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

	&lt;p&gt;&lt;a href="https://addons.mozilla.org/en-US/firefox/addon/9924"&gt;pixlr&lt;/a&gt; picnik eklentisi ile ayn&#305; i&#351;i pixlr.com ile yap&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/Qmer/screengrab.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-16-firefox "&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, 23 Aug 2009 11:45:00 GMT</pubDate>
      <guid isPermaLink="false">220488@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/web-tasarimcilari-icin-16-firefox</link>
    </item>
    <item>
      <title>Photoshop &#304;le G&#252;zel Web &#350;ablonu Haz&#305;rlama Dersleri Sunan 22 Site</title>
      <author>cosane</author>
      <description>&lt;p&gt;Daha &#246;nce &lt;a href="http://www.bildirgec.org/ara/web%20tasar%C4%B1m"&gt;web tasar&#305;m&lt;/a&gt; &lt;a href="http://www.bildirgec.org/ara/%C5%9Fablon"&gt;&#351;ablon&lt;/a&gt;u olu&#351;turmak i&#231;in baz&#305; dersleri [&lt;a href="http://www.bildirgec.org/yazi/90-yeni-ve-yuksek-kaliteli"&gt;1&lt;/a&gt;] [&lt;a href="http://www.bildirgec.org/yazi/web-tasarimi-olusturmak-icin-16"&gt;2&lt;/a&gt;] g&#246;rm&#252;&#351;t&#252;k. Bu yaz&#305;da bu &lt;a href="http://www.bildirgec.org/ara/dersler"&gt;dersler&lt;/a&gt;in kaynaklar&#305; yer almaktad&#305;r. Sitelere abone olarak yeni yaz&#305;lara an&#305;nda ula&#351;abilirsiniz.&lt;/p&gt;


	&lt;p&gt;1. &lt;a href="http://psdvibe.com/category/photoshop/"&gt;PsdVibe&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/psdvibe-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;br&gt;2. &lt;a href="http://hv-designs.co.uk/category/photoshop-tutorials/"&gt;HV-Designs&lt;/a&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/hv-designs-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;3. &lt;a href="http://sixrevisions.com/tutorials/"&gt;SixRevisions&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/sixrevisions-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;4. &lt;a href="http://www.adobetutorialz.com/categories/Adobe-Photoshop/Web-Layout/"&gt;AdobeTutorialz&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/adobe-tutorialz-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;5. &lt;a href="http://www.grafpedia.com/category/tutorials/web-layouts"&gt;GrafPedia&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/grafpedia-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;6. &lt;a href="http://templatetuts.com/category/tutorials/"&gt;TemplateTuts&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/template-tuts-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;7. &lt;a href="http://www.webdesigndev.com/category/photoshop"&gt;WebDesignDev&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/web-design-dev-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;8. &lt;a href="http://psd.tutsplus.com/category/tutorials/interface-tutorials/"&gt;PSD Tuts&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/psd-tuts-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;9. &lt;a href="http://webtint.net/tutorials/"&gt;Web Tint&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/web-tint-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;10. &lt;a href="http://psdtemplate.com/psd-tutorials/"&gt;PSD Tempate&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/pst-template-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;11. &lt;a href="http://webitect.net/tutorials/web-design-psd"&gt;Webitect*&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/webitect-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;12. &lt;a href="http://monstertuts.com/category/photoshop/"&gt;MonsterTuts&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/monster-tuts-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;13. &lt;a href="http://www.psdcore.com/category/tutorials/web-layouts/"&gt;PSDCore&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/psdcore-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;14. &lt;a href="http://www.webdesign.org/web/photoshop/web-layout/"&gt;WebDesignLibrary&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/design-library-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;15. &lt;a href="http://www.talk-mania.com/web-layouts/"&gt;Talk-Mania&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/talk-mania-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;16. &lt;a href="http://psdfan.com/category/tutorials/designing/"&gt;PSDFan&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/psdfan-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;17. &lt;a href="http://psdnewsbox.com/category/tutorials/"&gt;PSD News Box&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/newsbox-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;18. &lt;a href="http://2photoshop.com/tag/tutorials/"&gt;2Photoshop&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/2photoshop-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;19. &lt;a href="http://tutorialtab.net/?cat=50"&gt;TutorialTab&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/tutorial-tab-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;20. &lt;a href="http://www.toxiclab.org/default.asp?ID=3"&gt;ToxicLab&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/toxic-lab-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;21. &lt;a href="http://alfoart.com/website_design.html"&gt;AlfoArt&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/alfoart-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;22. &lt;a href="http://insanelyart.com/tutorials.php"&gt;InsanelyArt&lt;/a&gt;&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/insanely-art-photoshop-web-layout-tutorial-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;kaynak:&lt;/strong&gt; &lt;a href="http://www.1stwebdesigner.com/tutorials/22-photoshop-web-design-interface-tutorial-sites/"&gt;1stwebdesigner.com&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;yaz&#305;lar&#305;m&#305; takip edebilirsiniz.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://lebron.bildirgec.org/"&gt;blog&lt;/a&gt; | &lt;a href="http://twitter.com/lebron5"&gt;twitter&lt;/a&gt; | &lt;a href="http://friendfeed.com/lebron5"&gt;friendfeed&lt;/a&gt; | &lt;a href="http://delicious.com/lebron5"&gt;delicious&lt;/a&gt; | &lt;a href="http://feeds.feedburner.com/lebron"&gt;rss&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/photoshop-ile-guzel-web-sablonu "&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, 21 Aug 2009 16:37:00 GMT</pubDate>
      <guid isPermaLink="false">219859@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/photoshop-ile-guzel-web-sablonu</link>
    </item>
    <item>
      <title>JQuery ile Ho&#351; Bir Men&#252;</title>
      <author>cosane</author>
      <description>&lt;p&gt;Genellikle &lt;a href="http://www.bildirgec.org/ara/Visual%20Studio"&gt;Microsoft Visual Studio&lt;/a&gt; gibi masa&#252;st&#252; uygulama geli&#351;tirme ortamlar&#305;nda (&lt;a href="http://www.bildirgec.org/ara/ide"&gt;ide&lt;/a&gt;) men&#252; olarak docking (yana&#351;ma/imle&#231; &#252;zerine gelince a&#231;&#305;lan ve istenirse devaml&#305; a&#231;&#305;l&#305;r halde tutulabilen gizli men&#252;ler) y&#246;ntemi kullan&#305;l&#305;r.&lt;/p&gt;


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

	&lt;p&gt;Docking y&#246;ntemini &lt;a href="http://www.jankoatwarpspeed.com/examples/AdvancedDocking/"&gt;buradaki&lt;/a&gt; &#246;rnekteki gibi web sayfan&#305;zda veya blogunuzda kullanmak isterseniz; &lt;a href="http://www.bildirgec.org/ara/JQuery"&gt;JQuery&lt;/a&gt; ile haz&#305;rlanm&#305;&#351; ve  i&#231;inde &#246;rnek kodlar&#305;n bulundu&#287;u &lt;a href="http://www.jankoatwarpspeed.com/file.axd?file=2009%2f6%2fadvanced_docking.zip"&gt;buradaki&lt;/a&gt; dosyay&#305; indirdikten sonra &lt;a href="http://www.jankoatwarpspeed.com/post/2009/05/30/Advanced-docking-using-jQuery.aspx"&gt;buradaki&lt;/a&gt; anlat&#305;m yard&#305;m&#305;yla kolayca web sayfan&#305;za veya blogunuza uygulayabilirsiniz.&lt;/p&gt;


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

	&lt;p&gt;Kaynak: &lt;a href="http://www.jankoatwarpspeed.com/post/2009/05/30/Advanced-docking-using-jQuery.aspx"&gt;jankoatwarpspeed&lt;/a&gt;&lt;br&gt;Takip Et: &lt;a href="http://algoz.bildirgec.org/"&gt;Blog&lt;/a&gt; &lt;a href="http://friendfeed.com/algoz"&gt;FriendFeed&lt;/a&gt; &lt;a href="http://twitter.com/algozz"&gt;Twitter&lt;/a&gt; &lt;a href="http://apps.facebook.com/algozzz/"&gt;Facebook&lt;/a&gt; &lt;a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;amp;loc=tr_TR"&gt;Email&lt;/a&gt; &lt;a href="http://feeds2.feedburner.com/algoz"&gt;RSS&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/jquery-ile-hos-bir-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>Thu, 11 Jun 2009 06:56:00 GMT</pubDate>
      <guid isPermaLink="false">212893@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/jquery-ile-hos-bir-menu</link>
    </item>
    <item>
      <title>Youtube Videolar&#305;n&#305; Farkl&#305; Formatlarda &#304;ndirin</title>
      <author>cosane</author>
      <description>&lt;p&gt;Web tabanl&#305; bir ara&#231; olan &lt;a href="http://www.farkie.com/"&gt;Farkie&lt;/a&gt;; web sitelerinde ve sosyal a&#287;larda bulunan bir&#231;ok i&#231;eri&#287;i indirebilmenizi sa&#287;l&#305;yor. &#220;stelik bu hizmet i&#231;in kay&#305;t yapt&#305;rmaya veya &#252;cret &#246;demeye gerek yok.&lt;/p&gt;


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

	&lt;p&gt;&#304;&#231;eri&#287;ini indirmek istedi&#287;iniz web sayfas&#305;n&#305;n adresini Farkie'de bulunan indirme kutusuna yazd&#305;ktan sonra download butonuna basarak i&#351;lemi ba&#351;lat&#305;yorsunuz.&lt;br&gt;Daha sonra web adresinizde bulunan i&#231;erikten hangi t&#252;r i&#231;eri&#287;i (medya, linkler, javascript'ler, resimler, css'ler) indirmek istiyorsan&#305;z onu se&#231;erek indirebiliyorsunuz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/algoz/10724v1-max-150x150.png' alt="\"\"" border="0"&gt; &lt;img src='http://www.bildirgec.org/imaj/algoz/4414v60-max-150x150.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Farkie'nin en &#246;nemli &#246;zelliklerinde biri de &lt;a href="http://www.bildirgec.org/ara/Youtube"&gt;Youtube&lt;/a&gt; videolar&#305;n&#305; ve &lt;a href="http://www.bildirgec.org/ara/MySpace"&gt;MySpace&lt;/a&gt; m&#252;zik listelerini indirebilmenizin yan&#305;nda, Youtube videolar&#305;n&#305; farkl&#305; formatlarda (MP3, AVI, WMV, WAV MOV, FLV) indirebilme olana&#287;&#305; sunmas&#305;.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/algoz/farkie-screen-1.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Ayr&#305;ca &lt;a href="http://www.bildirgec.org/ara/FireFox"&gt;FireFox&lt;/a&gt; i&#231;in haz&#305;rlanm&#305;&#351; eklentisini &lt;a href="https://addons.mozilla.org/en-US/firefox/addon/11777"&gt;buradan&lt;/a&gt; indirip deneyebilirsiniz.&lt;/p&gt;


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

	&lt;p&gt;Kaynak: &lt;a href="http://www.techcrunch.com/2009/05/25/farkie-lets-you-download-youtube-videos-myspace-playlists-and-much-more/"&gt;techcrunch&lt;/a&gt;, &lt;a href="http://blog.farkie.com/"&gt;Farkie blog&lt;/a&gt;.&lt;br&gt;Takip Et: &lt;a href="http://algoz.bildirgec.org/"&gt;Blog&lt;/a&gt; &lt;a href="http://friendfeed.com/algoz"&gt;FriendFeed&lt;/a&gt; &lt;a href="http://twitter.com/algozz"&gt;Twitter&lt;/a&gt; &lt;a href="http://apps.facebook.com/algozzz/"&gt;Facebook&lt;/a&gt; &lt;a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;amp;loc=tr_TR"&gt;Email&lt;/a&gt; &lt;a href="http://feeds2.feedburner.com/algoz"&gt;RSS&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/youtube-videolarini-farkli-formatlarda-indirin "&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, 27 May 2009 06:46:00 GMT</pubDate>
      <guid isPermaLink="false">211012@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/youtube-videolarini-farkli-formatlarda-indirin</link>
    </item>
    <item>
      <title>grafik tasar&#305;mda kusursuz hizmet</title>
      <author>cosane</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/flawless-service.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;em&gt;&lt;a href="http://www.gomediazine.com/design-tip/flawless-service/"&gt;&#350;u adresteki&lt;/a&gt; dersin bir &#246;zetini ge&#231;iyorum size. &lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;Bill&lt;/a&gt;'in daha &#246;nce &#231;evirmi&#351; oldu&#287;um bir &lt;a href="http://www.bildirgec.org/yazi/tasariminizi-musteriye-sevdirmeniz-icin-13"&gt;yaz&#305;s&#305;na &lt;/a&gt;olduk&#231;a benzeyen ancak farkl&#305;l&#305;klar ta&#351;&#305;mas&#305; a&#231;&#305;s&#305;ndan &#231;evirmeye de&#287;er buldu&#287;um bu yaz&#305;s&#305;, Bill'in "kusursuz servis" &#252;zerine verdi&#287;i bir dersten derlenen ve birka&#231; e-mail &#252;zerinden &#231;al&#305;&#351;arak olu&#351;turdu&#287;u i&#231;erikten daha fazlas&#305; olmayan ho&#351; bir tavsiyeler b&#252;t&#252;n&#252;.&lt;/em&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1. &#304;leti&#351;im bilgilerinizi belirleyin.&lt;/strong&gt; Kim oldu&#287;unuzu a&#231;&#305;k bir &#351;ekilde belirtin, nas&#305;l ileti&#351;ime ge&#231;ilece&#287;ini ve ileti&#351;im bilgilerini yaz&#305;n. Birden fazla ki&#351;i yard&#305;mc&#305; oluyorsa m&#252;&#351;terinin bir "lider" se&#231;mesini sa&#287;lamak olduk&#231;a i&#351;e yarard&#305;r. Tek bir lider se&#231;in, bu sayede o liderin size a&#231;&#305;k, net bir bilgi vermesini sa&#287;lam&#305;&#351; olursunuz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;2. &#304;&#351;in detaylar&#305;n&#305; belirleyin.&lt;/strong&gt; Son bitim tarihi ne? Tasar&#305;m hangi formatta verilecek? Kesin bitim tarihi var m&#305;? Gerekirse bir zaman &#231;izelgesi haz&#305;rlay&#305;n. Bunlar&#305;n basit &#351;eyler oldu&#287;unu biliyorum, ama bence her tasar&#305;mc&#305; i&#351;iyle ilgili yeterli detay toplam&#305;yor.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/make-small-talk2.jpg' 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;3. M&#252;&#351;teriyle dost&#231;a bir ili&#351;ki kurun.&lt;/strong&gt; &#199;o&#287;unlukla kendimi m&#252;&#351;terilerle, projeden tamamen alakas&#305;z &#351;eyler konu&#351;urken buluyorum. E&#287;er bir m&#252;&#351;terinin Spider-Man hayran&#305; oldu&#287;unu &#246;&#287;renirsem, onun en iyi s&#252;per kahraman oldu&#287;u konusunda bir tart&#305;&#351;ma ba&#351;latmaktan kendimi al&#305;koyam&#305;yorum. Bazen de i&#351;, ko&#351;u veya ba&#351;ka bi&#351;eyler hakk&#305;nda oluyor. &#304;lgimi &#231;eken her t&#252;rl&#252; &#351;ey bir sohbete konu olabiliyor. M&#252;&#351;teriyle bu &#351;ekilde bir sohbete girmekten ka&#231;&#305;nmay&#305;n. Ortak zeminde bulu&#351;un, espriler yap&#305;n. Bu m&#252;&#351;terinin sizi sevmesini ve onlarla arkada&#351; olman&#305;z&#305; sa&#287;layacak. Bu, m&#252;&#351;terinin sizinle &#231;al&#305;&#351;ma bi&#231;imini temelden de&#287;i&#351;terecektir. &#350;imdi sizi ara&#351;t&#305;r&#305;yorlar, yard&#305;mc&#305; oluyorlar, ba&#351;ar&#305;l&#305; olman&#305;z&#305; &#304;ST&#304;YORLAR. Sizi UMURSUYORLAR. &#199;&#252;nk&#252; sizi tan&#305;d&#305;klar&#305;n&#305; hissediyorlar. Bunu &#231;ok s&#305;k yapar&#305;m ben.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/MisterMadDog/remind-customer-of-value.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&lt;strong&gt;4. M&#252;&#351;terinin yapt&#305;&#287;&#305;n&#305;z &#351;eyin de&#287;erini anlad&#305;&#287;&#305;ndan emin olun, &#246;zellikle fiyat&#305;n&#305;z d&#252;&#351;&#252;yorsa.&lt;/strong&gt; Bu son derece kurnazl&#305;kla ve ortama g&#246;re yap&#305;lmal&#305;d&#305;r. "Dostum benimle &#231;al&#305;&#351;t&#305;&#287;&#305;n i&#231;in &#231;oooooook &#351;ansl&#305;s&#305;n. Normalde bunun 3 kat&#305; fiyatland&#305;r&#305;r&#305;m" gibi bir&#351;ey demek kesinlikle i&#351;e yaramayacakt&#305;r. E&#287;er yapt&#305;&#287;&#305;n&#305;z &#351;eyin &#246;nemini kaba g&#246;r&#252;nmeden ifade edebilece&#287;iniz bir yol bulursan&#305;z, kullan&#305;n.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;5. G&#252;lmelerini, en az&#305;ndan g&#252;l&#252;msemelerini sa&#287;lay&#305;n.&lt;/strong&gt; E-postalar&#305;mda araya ufak bir espri veya komik bir yorum katar&#305;m. E&#287;er bir m&#252;&#351;teriyi g&#252;ld&#252;rd&#252;yseniz, kendinizi kesinlikle sevdirdiniz demektir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;6. Bir zaman &#231;izelgesi yap&#305;n ve ona ba&#287;l&#305; kal&#305;n.&lt;/strong&gt; M&#252;&#351;teri dakikli&#287;i sever. E&#287;er m&#252;&#351;teriden &#246;nce davran&#305;p zaman &#231;izelgesi olu&#351;turur ve bitim tarihinize g&#252;n&#252; g&#252;n&#252;ne ba&#287;l&#305; kal&#305;rsan&#305;z, m&#252;&#351;terinin g&#246;z&#252;nde alt&#305;n kadar de&#287;erlisinizdir. Ama unutmay&#305;n, vurgu "g&#252;n&#252; g&#252;n&#252;ne ba&#287;l&#305; kalma" k&#305;sm&#305;nda olmal&#305;d&#305;r. E&#287;er bitim tarihinizi ka&#231;&#305;rmak i&#231;in &#231;izelge haz&#305;rl&#305;yorsan&#305;z, yaln&#305;zca kendi hatalar&#305;n&#305;z&#305; vurguluyorsunuz demektir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;7. &#304;lgin&#231; olaylar&#305; &#246;nemli insanlara bildirin.&lt;/strong&gt; E&#287;er ileti&#351;imde kalman&#305;z gereken ki&#351;iler varsa, mutlaka her e-postay&#305; veya davetiyeyi g&#246;nderin. Ben bunu yapmama hatas&#305;na &#231;ok d&#252;&#351;t&#252;m. Kolayca ka&#231;&#305;n&#305;labilecek k&#246;t&#252; sonu&#231;lar&#305; vard&#305;r.&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;8. Onlara se&#231;enek sunun, ama ayn&#305; zamanda istedikleri &#351;eyi verdi&#287;inizden de emin olun.&lt;/strong&gt; E&#287;er istenilen tasar&#305;m&#305;n d&#305;&#351;&#305;nda bir&#351;ey yapacaksan&#305;z bile onlara istedikleri &#351;eylerden vermeyi unutmay&#305;n. Bu &#231;ok &#246;nemli. M&#252;&#351;teri bir&#351;eyi iki kere istemek zorunda hissetmemeli veya sizinle bir&#351;eyi almak i&#231;in sava&#351;mamal&#305;. Onlar&#305; farkl&#305; bir fikre &#231;ekmek i&#231;in kararl&#305; bir &#231;aba harcayabilir ve onlar&#305; e&#287;itmeye &#231;al&#305;&#351;abilirsiniz. Ama bunu b&#252;y&#252;k ihtimalle telefonda yapard&#305;m ve en sonunda istedikleri &#351;eyi alacaklar&#305;na dair g&#252;vence veriridim.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;9. D&#252;zeltmeleri g&#246;nderirken, onlar&#305;n size vermi&#351; oldu&#287;u bilgileri de yeniden g&#246;nderin.&lt;/strong&gt; Mesela ben bir d&#252;zeltme g&#246;nderiyorsam ve bana bir liste verilmi&#351;se, s&#305;k s&#305;k listeyi de eklerim ve araya ufak yorumlar katar&#305;m. Bu &#351;ekilde onlar&#305;n s&#246;yledi&#287;i yoldan gitti&#287;im mesaj&#305;n&#305; da veririm. &lt;em&gt;(Bu maddeyi biraz a&#231;&#305;klamak gerekirse: "liste" olarak bahsedilen "check list" kelimesi, bizim markete al&#305;&#351;veri&#351;e &#231;&#305;karken haz&#305;rlamam&#305;z ve listeye yazd&#305;&#287;&#305;m&#305;z her &#252;r&#252;n&#252; ald&#305;&#287;&#305;m&#305;zda yanlar&#305;na bir i&#351;aret koymam&#305;z gibidir. Yazar burada, m&#252;&#351;teriye mektup g&#246;nderirken &#246;nceden bana verilmi&#351; olan listede yapm&#305;&#351; oldu&#287;um &#351;eyleri i&#351;aretler, hatta biraz zenginle&#351;tirmek i&#231;in yorum bile katar&#305;m demi&#351;.)&lt;/em&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;10. Ba&#351;ka servislerinizi de sat&#305;n.&lt;/strong&gt; Bu noktada, Go Media zorla sat&#305;&#351; yapan bir &#351;irket de&#287;ildir. Ama i&#351;ler ger&#231;ekten iyi gidiyor ve aram&#305;zdaki ili&#351;ki sa&#287;lam bir d&#252;zene oturtulmu&#351;sa, onlara ba&#351;ka servislerimiz oldu&#287;unu da s&#246;ylerim ben. &#350;&#246;yle basit bir &#351;ey olabilir: "E&#287;er site tasar&#305;m&#305;na ihtiyac&#305;n&#305;z olursa, onu da yap&#305;yoruz!"&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;11. Onlara &#252;cretsiz olarak bir &#351;eyler verin.&lt;/strong&gt; Bu, genelde dan&#305;&#351;manl&#305;k format&#305;ndad&#305;r. Ama &#231;ok h&#305;zl&#305; yap&#305;lm&#305;&#351; bir tasar&#305;m projesi de olabilir. Benim yapabilece&#287;im/s&#246;yleyebilece&#287;im iki &#246;rnek &#351;&#246;yle: "Ge&#231;en ak&#351;am projenizi d&#252;&#351;&#252;n&#252;yordum ve &#252;r&#252;n&#252;n&#252;z i&#231;in g&#252;zel bir fikir geldi..." veya "logonuzun d&#252;&#351;&#252;k &#231;&#246;z&#252;n&#252;rl&#252;kte bir JPEG oldu&#287;unu fark ettim. Bir ka&#231; dakika i&#231;inde vekt&#246;rel hale getirdim ve y&#252;ksek &#231;&#246;z&#252;n&#252;rl&#252;kl&#252; bir &#231;&#305;k&#305;&#351;&#305;n&#305; ald&#305;m. Bu dosyalar&#305;n yan&#305;na ekledim - &#252;cretsiz."&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;12. Te&#351;ekk&#252;r ederim deyin.&lt;/strong&gt; &#304;&#231;ten ve zamanlamas&#305; iyi bir te&#351;ekk&#252;rden daha g&#252;&#231;l&#252; bir &#351;ey yoktur.&lt;/p&gt;


	&lt;p&gt;Ve bununla birlikte ben de zaman ay&#305;r&#305;p bu yaz&#305;y&#305; okudu&#287;unuz i&#231;in te&#351;ekk&#252;r etmek istiyorum. Umar&#305;m bir&#351;eyler &#246;&#287;renmi&#351;sinizdir.&lt;/p&gt;


	&lt;p&gt;Yazar: &lt;a href="http://www.gomediazine.com/author/wbeachy/"&gt;Bill&lt;/a&gt; (&lt;a href="http://www.gomediazine.com/design-tip/flawless-service/"&gt;kaynak&lt;/a&gt;)&lt;br&gt;&lt;em&gt;Yaz&#305; taraf&#305;mdan &#231;evirilmi&#351;tir, benim de&#287;ildir.&lt;/em&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/grafik-tasarimda-kusursuz-hizmet "&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, 14 Jan 2009 12:37:00 GMT</pubDate>
      <guid isPermaLink="false">192585@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/grafik-tasarimda-kusursuz-hizmet</link>
    </item>
    <item>
      <title>Web Uygulamalar&#305; &#304;&#231;in En &#304;yi 21 Simge Seti</title>
      <author>cosane</author>
      <description>&lt;p&gt;Bir web uygulamas&#305; tasarlarken &lt;a href="http://www.bildirgec.org/etiket/ui"&gt;kullan&#305;c&#305; arabirimi&lt;/a&gt;ni kolay kullan&#305;labilecek &#351;ekilde tasarlamak &#246;nemlidir. Gezinti (&lt;a href="http://www.bildirgec.org/etiket/navigasyon"&gt;navigasyon&lt;/a&gt;) ba&#287;lant&#305;lar&#305;n&#305;n yan&#305; s&#305;ra &lt;a href="http://www.bildirgec.org/etiket/simge"&gt;simge&lt;/a&gt;ler kullanmak bu hedefe ula&#351;mak i&#231;in &#252;zerinde &#231;al&#305;&#351;mam&#305;z gereken &#246;nemli bir g&#246;revdir. Ancak uzun zaman&#305;n&#305;z&#305; alacak &lt;a href="http://www.bildirgec.org/etiket/simge-setleri"&gt;simge setleri&lt;/a&gt;ni ba&#351;tan olu&#351;turmak yerine neden ba&#351;kalar&#305;n&#305;n sizler i&#231;in olu&#351;turdu&#287;u simge setlerini kullanmayas&#305;n&#305;z? Bu yaz&#305;da web uygulamalar&#305; geli&#351;tirmek isteyen kullan&#305;c&#305;lar&#305;n uygulamalar&#305;nda kullanabilecekleri &lt;a href="http://webdesignledger.com/freebies/21-best-icon-sets-for-designing-web-apps"&gt;en ba&#351;ar&#305;l&#305; simge setlerini&lt;/a&gt; listelemeye &#231;al&#305;&#351;t&#305;m.&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://jonas.seph.ws/stuff/drf.zip"&gt;Jonas Rask Design Icons for Developers&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-01-icons-app-9.jpg' alt="Jonas Rask Design Icons for Developers" border="0"&gt;&lt;br&gt;Jonas Rask Design Icons for Developers&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.aspneticons.com/"&gt;ASP.NET Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-02-icons-app-1.jpg' alt="ASP.NET Icons" border="0"&gt;&lt;br&gt;ASP.NET Icons&lt;/div&gt;

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


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://tango.freedesktop.org/Tango_Icon_Library"&gt;Tango Icon Library&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-03-icons-app-10.jpg' alt="Tango Icon Library" border="0"&gt;&lt;br&gt;Tango Icon Library&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://dryicons.com/free-icons/preview/aesthetica/"&gt;Aesthetica Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-04-icons-app-13.jpg' alt="Aesthetica Icons" border="0"&gt;&lt;br&gt;Aesthetica Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.pinvoke.com/icon/image/diagona.png"&gt;Diagona Icons&lt;/a&gt; by &lt;a href="http://www.pinvoke.com/"&gt;pinvoke&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-05-icons-app-2.jpg' alt="Diagona Icons" border="0"&gt;&lt;br&gt;Diagona Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.pinvoke.com/icon/image/fugue_all.png"&gt;Fugue Icons&lt;/a&gt; by &lt;a href="http://www.pinvoke.com/"&gt;pinvoke&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-06-icons-app-3.jpg' alt="Fugue Icons" border="0"&gt;&lt;br&gt;Fugue Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.famfamfam.com/lab/icons/silk/"&gt;FAMFAMFAM - Silk&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-07-icons-app-4.jpg' alt="FAMFAMFAM - Silk" border="0"&gt;&lt;br&gt;FAMFAMFAM - Silk&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.webappers.com/2008/02/12/webappers-released-free-web-application-icons-set/"&gt;Web Application Icon Set&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-08-icons-app-5.jpg' alt="Web Application Icon Set" border="0"&gt;&lt;br&gt;Web Application Icon Set&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://dryicons.com/free-icons/preview/coquette-icons-set/#coquette-icons-set_icons_preview"&gt;Coquette Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-09-icons-app-6.jpg' alt="Coquette Icons" border="0"&gt;&lt;br&gt;Coquette Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.icojoy.com/articles/26/"&gt;Free web development icons #4 SE&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-10-icons-app-7.jpg' alt="Coquette IconsFree web development icons #4 SE" border="0"&gt;&lt;br&gt;Coquette IconsFree web development icons #4 SE&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://sekkyumu.deviantart.com/art/Developpers-Icons-63052312"&gt;Developpers Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://itweek.deviantart.com/art/Knob-Buttons-Toolbar-icons-73463960"&gt;Knob Buttons Toolbar Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-12-icons-app-11.jpg' alt="Knob Buttons Toolbar Icons" border="0"&gt;&lt;br&gt;Knob Buttons Toolbar Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://dryicons.com/free-icons/preview/simplistica/"&gt;Simplistica Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-13-icons-app-12.jpg' alt="Simplistica Icons" border="0"&gt;&lt;br&gt;Simplistica Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://wefunction.com/2008/07/function-free-icon-set/"&gt;Function Icon Set&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-14-icons-app-14.jpg' alt="Function Icon Set" border="0"&gt;&lt;br&gt;Function Icon Set&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://min.frexy.com/articles/category/milky/"&gt;Milky&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2008/09/02/simplicio-a-free-icon-set/"&gt;Simplico&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2008/10/09/finance-and-applications-a-free-icon-set/"&gt;Fresh&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.famfamfam.com/lab/icons/mini/"&gt;FAMFAMFAM - Mini&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://commons.wikimedia.org/wiki/Crystal_Clear"&gt;Crystal Clear&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


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

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.monofactor.com/free-vector-icon-set-1-25-icons/"&gt;Monofactor Vector Icons&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-20-icons-app-20.jpg' alt="Monofactor Vector Icons" border="0"&gt;&lt;br&gt;Monofactor Vector Icons&lt;/div&gt;

	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.vistaicons.com/icon/i143s0/ivista_icon_pack_2.htm"&gt;IVista Icon Pack 2&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/11-21-icons-app-21.jpg' alt="IVista Icon Pack 2" border="0"&gt;&lt;br&gt;IVista Icon Pack 2&lt;/div&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/web-uygulamalari-icin-en-iyi "&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 Jan 2009 14:15:00 GMT</pubDate>
      <guid isPermaLink="false">192584@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/web-uygulamalari-icin-en-iyi</link>
    </item>
    <item>
      <title>Modern CSS'de Alt&#305;n Oran</title>
      <author>cosane</author>
      <description>&lt;p&gt;Bir websitesini stillemek onun sadece nas&#305;l g&#246;r&#252;nece&#287;ini belirlemek demek de&#287;ildir. Bundan &#231;ok daha fazlas&#305;d&#305;r. Bu, ziyaret&#231;iyi nas&#305;l daha rahat hissetirebilece&#287;inizi, nas&#305;l web sitenizi daha &#231;ok sevece&#287;ini ve onu nas&#305;l daha fazla kendi evinde hissetirebilece&#287;ini tasarlamakt&#305;r.&lt;/p&gt;


&lt;blockquote&gt;M&#252;kemmel tasar&#305;m ziyaret&#231;inin web sitesini kullanmas&#305;na yard&#305;m eder ve ince bir zekay&#305; yans&#305;t&#305;r. Ziyaret&#231;inin onu be&#287;enmesi yetmez&lt;/blockquote&gt;

	&lt;p&gt;Bir haber sitesini ele alal&#305;m. Ziyaret&#231;i, "lezzetli" gradyanlar&#305;n&#305;za ve seksi g&#246;r&#252;n&#252;ml&#252; yuvarlat&#305;lm&#305;&#351; k&#246;&#351;elerinize bak&#305;p saatler ge&#231;irmemeli. Ziyaret&#231;i, de&#287;erli web zaman&#305;n&#305; de&#287;erli i&#231;eri&#287;inizi okuyarak ge&#231;irmeli. Biz ona arad&#305;&#287;&#305; i&#231;eri&#287;e en k&#305;sa s&#252;rede ula&#351;mas&#305;na yard&#305;mc&#305; olmal&#305;, onu m&#252;mk&#252;n oldu&#287;u kadar &#231;ok makale okumaya te&#351;vik etmeli, sitede daha uzun s&#252;re kalmas&#305;n&#305; sa&#287;lamal&#305; ve sitenizi ilk kez ziyaret eden bir ziyaret&#231;iden kal&#305;c&#305; bir ziyaret&#231;iye d&#246;n&#252;&#351;t&#252;rmeliyiz.&lt;/p&gt;


	&lt;p&gt;T&#252;m bunlara ula&#351;abilmek i&#231;in sayfam&#305;zdaki her element &#252;zerinde bir harmoni ve benzerlik sunmal&#305;y&#305;z, k&#252;&#231;&#252;k ve &#246;nemsiz elementlerde bile. Bunlar&#305;n kar&#305;&#351;&#305;m&#305; bize arzulanan sonucu verecektir.&lt;/p&gt;


	&lt;p&gt;Harmoni. Anlam&#305; gibi kula&#287;a ho&#351; gelen bir kelime. Peki anahat (layout) tasar&#305;m&#305;nda buna nas&#305;l ula&#351;abiliriz? Cevab&#305; "Alt&#305;n Oran".&lt;/p&gt;


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


	&lt;p&gt;Peki "&lt;a href="http://www.bildirgec.org/etiket/altin-oran/"&gt;Alt&#305;n Oran&lt;/a&gt;" tam olarak nedir? Gelin Wikipedia'n&#305;n bunu nas&#305;l g&#252;zel &#246;zetledi&#287;ine bir bakal&#305;m: Bir do&#287;ru par&#231;as&#305;n&#305;n (AB) Alt&#305;n Oran'a uygun bi&#231;imde iki par&#231;aya b&#246;l&#252;nmesi gerekti&#287;inde, bu do&#287;ru &#246;yle bir noktadan (C) b&#246;l&#252;nmelidir ki; k&#252;&#231;&#252;k par&#231;an&#305;n (AC) b&#252;y&#252;k par&#231;aya (CB) oran&#305;, b&#252;y&#252;k par&#231;an&#305;n (CB) b&#252;t&#252;n do&#287;ruya (AB)oran&#305;na e&#351;it olsun. Alt&#305;n oran&#305;n matematiksel de&#287;eri yakla&#351;&#305;k olarak 1.6180339887'dir.&lt;/p&gt;


	&lt;p&gt;Bu mukayesenin kullan&#305;m&#305;, tam harmoniyi yakalayabilmemiz i&#231;in evrensel olmal&#305;d&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Oran&#305; Bizim &#304;&#231;in &#304;&#351;e Yarar K&#305;lmak&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Gelin bu oran&#305; kendi anahatt&#305;m&#305;z &#252;zerinde nas&#305;l kullanabilece&#287;imize bir bakal&#305;m.&lt;/p&gt;


	&lt;p&gt;&#304;lk olarak temel kapsay&#305;c&#305;lar&#305;m&#305;z ile ba&#351;lamam&#305;z gerek. Bu basit &#246;rnekte mukayesemizi i&#231;eri&#287;imizde b&#246;l&#252;nm&#252;&#351; durumda olan iki element &#252;zerinde (main ve sidebar) &#252;zerinde uygulayabiliriz. Bu elementlerin y&#252;ksekli&#287;i ile oynayamayaca&#287;&#305;m&#305;zdan &#246;t&#252;r&#252;, sadece geni&#351;li&#287;e odaklanmam&#305;z gerekir.&lt;/p&gt;


	&lt;p&gt;Diyelim sayfam&#305;z&#305;n geni&#351;li&#287;i 960 piksel olsun ve biz bu geni&#351;li&#287;i alt&#305;n oran kullanarak b&#246;l&#252;mlemek isteyelim. Ana i&#231;erik k&#305;sm&#305;n&#305;n geni&#351;li&#287;i 960 / 1.62 = 593 piksel, yan bar k&#305;sm&#305;n&#305;n geni&#351;li&#287;i ise 960 - 596 = 367 piksel olacakt&#305;r.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.sympozium.gr/images/articles/golden_ratio_01.png"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-01.png' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;&#350;imdi, ana s&#252;tunlar&#305;m&#305;z&#305;n mukayeselerini buldu&#287;umuza g&#246;re, ana tipografiyi belirlemenin zaman&#305; geldi. Benim baz&#305; ili&#351;kiler i&#231;in &#246;nerim:&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;line-height = font-size x 1.62&lt;/li&gt;
		&lt;li&gt;paragraf marj&#305; = paragraf sat&#305;r y&#252;ksekli&#287;i x 1.62/2&lt;/li&gt;
		&lt;li&gt;ba&#351;l&#305;k &#252;st-marj&#305; = ba&#351;l&#305;k sat&#305;r y&#252;ksekli&#287;i x 1.62&lt;/li&gt;
	&lt;/ul&gt;


&lt;div class="imajorta"&gt;&lt;a href="http://www.sympozium.gr/images/articles/golden_ratio_02.png"&gt;&lt;img src='http://www.bildirgec.org/imaj/pinkfloyd/09-golden-ratio-02.png' alt="\"\"" border="0"&gt;&lt;/a&gt;&lt;br&gt;&lt;/div&gt;

	&lt;p&gt;Bu mant&#305;&#287;&#305; akl&#305;m&#305;zda tuttu&#287;umuz s&#252;rece kar&#351;&#305;m&#305;za &#231;&#305;kabilecek t&#252;m mukayese ve boyut problemlerini &#231;&#246;zmemiz m&#252;mk&#252;n.&lt;/p&gt;


	&lt;p&gt;Form elementleri i&#231;erisinde bir di&#287;er &#246;rnek ise, input geni&#351;li&#287;inin ba&#351;l&#305;k geni&#351;li&#287;inin 1.62 kat&#305; olmas&#305; gerekti&#287;i.&lt;/p&gt;


	&lt;p&gt;Ayn&#305; oran, m&#252;kemmel olmas&#305;n&#305; istedi&#287;imiz t&#252;m alanlarda kullan&#305;labilr. Geni&#351;li&#287;i y&#252;ksekli&#287;inin 1.62 kat&#305;na e&#351;it olmal&#305;d&#305;r.&lt;/p&gt;


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


	&lt;p&gt;Pek &#231;ok insan, bu tekni&#287;in bir &#252;topya oldu&#287;unu ve &#246;zellikle zaman k&#305;s&#305;tl&#305; projeler &#252;zerinde &#231;al&#305;&#351;&#305;rken yan&#305;m&#305;zda daima bir hesap makinesi ile kodlama yapamayacklar&#305;n&#305; belirterek bu tekni&#287;e kar&#351;&#305; &#231;&#305;kabilirler. Ancak makalemizin dikkat &#231;ekmeye &#231;al&#305;&#351;t&#305;&#287;&#305; nokta bu de&#287;il. Dikkat &#231;ekmeye &#231;al&#305;&#351;t&#305;&#287;&#305;m&#305;z &#351;ey, bir &#351;eyleri b&#246;lmeye &#231;al&#305;&#351;&#305;rken, m&#252;mk&#252;n oldu&#287;u kadar %62 %38 mukayesesini akl&#305;m&#305;zda tutmaya &#231;al&#305;&#351;mak.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Fazladan Bilgi&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Bir par&#231;ay&#305; &#252;&#231;e b&#246;lmeye &#231;al&#305;&#351;t&#305;&#287;&#305;m&#305;zda &#246;ncelikle onu ikiye (%62 - %38) b&#246;leriz ve ard&#305;ndan b&#252;y&#252;k par&#231;ay&#305; al&#305;p onu tekrar ayn&#305; mukayese y&#246;ntemini kullanarak ikiye b&#246;leriz (%62 - %38).&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;Daha &#246;nce yay&#305;mlad&#305;&#287;&#305;m &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; makalesine de bir g&#246;z atmak isteyebilirsiniz.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;Kaynak:&lt;/strong&gt; &lt;a href="http://cssglobe.com/post/3117/golden-ratio-in-modern-css"&gt;CSS Globe&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/modern-css-de-altin-oran "&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, 12 Jan 2009 17:38:00 GMT</pubDate>
      <guid isPermaLink="false">192583@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/modern-css-de-altin-oran</link>
    </item>
    <item>
      <title>Css A&#351;a&#287;&#305; A&#231;&#305;l&#305;r (Drop-Down) Men&#252;ler</title>
      <author>cosane</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/cosane"&gt;cosane&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">185466@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/css-asagi-acilir-drop-down</link>
    </item>
    <item>
      <title>Profesyoneller i&#231;in &#252;cretsiz 50 harika yaz&#305; tipi</title>
      <author>cosane</author>
      <description>&lt;p&gt;&lt;a href="http://www.noupe.com"&gt;noupe.com&lt;/a&gt; &#231;e&#351;itli adreslerden 50 harika ve &#252;cretsiz yaz&#305; tipi derlemi&#351;.&lt;/p&gt;


	&lt;p&gt;Bu fontlardan baz&#305;lar&#305; &#351;&#246;yle:&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;GOCA LOGOTYPE BETA&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/maxhoper/font2-34.png' alt="GOCA LOGOTYPE BETA" border="0"&gt;&lt;br&gt;GOCA LOGOTYPE BETA&lt;/div&gt;&lt;br&gt;Logo tasar&#305;mlar&#305;nda kullan&#305;lmaya uygun g&#246;r&#252;n&#252;yor. B&#252;y&#252;k puntolarda okunabilirli&#287;i y&#252;ksek ama k&#252;&#231;&#252;k puntolarda okuyucuyu biraz rahats&#305;z edebilir.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Evolution True Type Font&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/maxhoper/font2-4.jpg' alt="Evolution True Type Font" border="0"&gt;&lt;br&gt;Evolution True Type Font&lt;/div&gt;&lt;br&gt;s&#305;k&#305;&#351;&#305;k yap&#305;s&#305;na ra&#287;men temiz ve d&#252;zenli bir tarz&#305; var. Oval hatlar&#305; g&#246;ze ho&#351; geliyor.&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;br&gt;&lt;strong&gt;Capture it&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/maxhoper/font2-5-jpg.png' alt="Capture it" border="0"&gt;&lt;br&gt;Capture it&lt;/div&gt;&lt;br&gt;Grunge tarz&#305;nda bir font . Afi&#351;ler ve duyurular i&#231;in olduk&#231;a kullan&#305;&#351;l&#305; g&#246;r&#252;n&#252;yor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Epoxy History&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/maxhoper/font2-23.png' alt="Epoxy History" border="0"&gt;&lt;br&gt;Epoxy History&lt;/div&gt;&lt;br&gt;Kendine &#246;zg&#252; bir tarza sahip grunge kategorisinde de&#287;erlendirilebilecek bir font.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Jellyka&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/maxhoper/font2-9-jpg.png' alt="Jellyka" border="0"&gt;&lt;br&gt;Jellyka&lt;/div&gt;&lt;br&gt;El yaz&#305;s&#305; tipinde ba&#351;ar&#305;l&#305; bir font.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Fertigo&lt;/strong&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hafif uyku/font2-17.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.josbuivenga.demon.nl/"&gt;exljbris&lt;/a&gt; font evinden harika bir font.&lt;/p&gt;


	&lt;p&gt;noupe.com bunlar gibi 45 farkl&#305; fontu daha sayfas&#305;nda &lt;a href="http://www.noupe.com/fonts/50-free-fonts-for-professional-designs.html"&gt;sergilemi&#351;&lt;/a&gt;. Bakmakta yarar var.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/profesyoneller-icin-ucretsiz-50-harika "&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, 24 Nov 2008 12:23:00 GMT</pubDate>
      <guid isPermaLink="false">185464@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/profesyoneller-icin-ucretsiz-50-harika</link>
    </item>
    <item>
      <title>Birbirinden g&#252;zel 10 xp temas&#305;</title>
      <author>cosane</author>
      <description>&lt;p&gt;&lt;a href="http://www.w3counter.com/globalstats.php"&gt;w3counter&lt;/a&gt;'a g&#246;re d&#252;nyada internet'e ba&#287;l&#305; bilgisayarlar&#305;n &lt;strong&gt;%73.80&lt;/strong&gt;'i hala Windows XP kullan&#305;yor. O halde buyrun &lt;a href="http://www.frogx3.com"&gt;frogx3&lt;/a&gt;'&#252;n derledi&#287;i &lt;a href="http://www.frogx3.com/2008/11/18/temas-windows-xp/"&gt;10 adet Windows xp temas&#305;&lt;/a&gt;na&lt;/p&gt;


	&lt;p&gt;Bunlar&#305; kurabilmek i&#231;in &lt;a href="http://www.stardock.com/products/windowblinds/"&gt;Window Blinds&lt;/a&gt; ve &lt;a href="http://www.crystalxp.net/galerie/en.id.551-styler-1-401-ta2027-explorer-tools.htm"&gt;Styler&lt;/a&gt; kullanabilirsiniz.&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/progenic/flyakiteosx-600x450-400x300.jpg' alt="Flyakiteosx" border="0"&gt;&lt;br&gt;&lt;a href="http://www.flyakiteosx.com/download/"&gt;Flyakiteosx&lt;/a&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/progenic/vista-transformation-pack-9-450x281.jpg' alt="Vista transformation pack 9.0.1" border="0"&gt;&lt;br&gt;&lt;a href="http://www.jcxp.net/forums/index.php?showtopic=31326"&gt;Vista transformation pack 9.0.1&lt;/a&gt;&lt;/div&gt;&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/progenic/muin-vs-by-lassekongo83-450x281.jpg' alt="Muin VS" border="0"&gt;&lt;br&gt;&lt;a href="http://lassekongo83.deviantart.com/art/Muin-VS-103539809"&gt;Muin VS&lt;/a&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/progenic/led-visual-styles-by-krissirk-248x300.png' alt="Led Visual Styles" border="0"&gt;&lt;br&gt;&lt;a href="http://krissirk.deviantart.com/art/Led-visual-styles-101713304"&gt;Led Visual Styles&lt;/a&gt;&lt;/div&gt;

&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/progenic/ashen-ii-by-nevezen-450x281.png' alt="Ashen 2" border="0"&gt;&lt;br&gt;&lt;a href="http://nevezen.deviantart.com/art/Ashen-II-73179002"&gt;Ashen 2&lt;/a&gt;&lt;/div&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/cosane"&gt;cosane&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/birbirinden-guzel-10-xp-temasi "&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, 18 Nov 2008 13:27:00 GMT</pubDate>
      <guid isPermaLink="false">185463@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/birbirinden-guzel-10-xp-temasi</link>
    </item>
  </channel>
</rss>

