<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>bildirgec.org - guldemgokalp - be&#287;endikleri</title>
    <link>http://www.bildirgec.org/</link>
    <language>tr-tr</language>
    <ttl>40</ttl>
    <description>bildirgec.org - guldemgokalp - be&#287;endikleri</description>
    <item>
      <title>5 Web Site H&#305;z Optimize Uygulamas&#305;</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;Web sitelerinde h&#305;z &#246;nemlidir. Site ne kadar h&#305;zl&#305; a&#231;&#305;l&#305;rsa verim o kadar y&#252;ksek olur ve kullan&#305;c&#305;lar&#305;n etkisi daha fazla olur. Yava&#351; a&#231;&#305;lan servislere kullan&#305;c&#305;lar bir s&#252;re sonra girmek istemezler. Bu sorunlar sayfan&#305;zda, serverda vb. gibi bir&#231;ok etkende olabilir. &#304;&#351;te bunlar&#305; test eden en iyi 5 ara&#231;;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://developer.yahoo.com/yslow/"&gt;Yahoo! YSlow&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/angelsdemos/yahoo-yslow.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Yslow t&#252;m h&#305;z optimizasyon ara&#231;lar&#305; bulunan bir servis. Sayfalar&#305;n&#305;z&#305;n h&#305;zlar&#305;n&#305;, ziyaret&#231;i say&#305;lar&#305; ve verimli&#287;i size sunar. H&#305;z&#305; artt&#305;rmak i&#231;in y&#246;ntemler &#246;nerir. &#304;&#231;erik, sunucu, &#231;erez, CSS, &lt;a href="http://www.bildirgec.org/ara/javascript"&gt;JavaScript&lt;/a&gt;, resimler ve mobil olmak &#252;zere 7 b&#246;l&#252;mden olu&#351;makta. Ayr&#305;ca &lt;a href="http://www.bildirgec.org/ara/firebug"&gt;Firebug&lt;/a&gt; entegreli olarak bir firefox eklentiside bulunmakta.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.websiteoptimization.com/services/analyze/"&gt;Web Page Analyzer&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/angelsdemos/web-page-analyzer.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.bildirgec.org/ara/url"&gt;URL&lt;/a&gt; girildikten sonra web sitesini analiz eder ve raporu size verir. Sayfa boyutu, kompozisyon ve indirme zaman&#305; gibi bir&#231;ok &#351;eyi hesaplar. Sitenizin t&#252;m istatiklerini, iyi k&#246;t&#252; ne yapt&#305;&#287;&#305;n&#305; bu servis ile &#246;&#287;renebilirsiniz.&lt;/p&gt;


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


	&lt;p&gt;&lt;a href="http://code.google.com/speed/page-speed/"&gt;Google Page Speed&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/angelsdemos/google-page-speed.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;a href="http://www.bildirgec.org/ara/yslow"&gt;Yslow&lt;/a&gt; benzeri bir ara&#231;t&#305;r. Sayfalar&#305; 5 ayr&#305; b&#246;l&#252;mde inceleyerek size rapor verir. Test tamamland&#305;ktan sonra size yard&#305;mc&#305; olur ve yapt&#305;&#287;&#305;n&#305;z de&#287;i&#351;ikliklere g&#246;re verimi &#246;l&#231;er.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://www.google.com/webmasters/"&gt;Google Webmaster Tools Site Performance&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/angelsdemos/google-site-performance.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Sayfalar&#305;n y&#252;k&#252;n&#252; nas&#305;l azaltabilece&#287;iniz, daha h&#305;zl&#305; nas&#305;l sayfan&#305;n y&#252;klenmesi gerekti&#287;i hakk&#305;nda sorunlar&#305;n&#305;z varsa bu ara&#231; tam size g&#246;re. Kullan&#305;c&#305;lar&#305;n verimine g&#246;re size &#246;neriler verebilir. Siteye giren her kullan&#305;c&#305;n&#305;n performans&#305;n&#305; kaydedip size istatistik olarak yans&#305;t&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://csssprites.org/"&gt;SmartSprites&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/angelsdemos/smartsprites.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;Di&#287;er ara&#231;lardan farkl&#305; olarak css tasar&#305;m&#305;n&#305;z&#305;, h&#305;z&#305;n&#305;z&#305; ve veriminizi inceler. Css'nin ka&#231; saniyede y&#252;klendi&#287;ini hatalar&#305;, gereksiz kod y&#305;&#287;&#305;nlar&#305;n&#305; &#246;l&#231;er ve &lt;a href="http://www.bildirgec.org/ara/css"&gt;css&lt;/a&gt; dosyalar&#305;n&#305;z&#305; h&#305;zland&#305;rmak i&#231;in size &#246;neriler bulunur.&lt;/p&gt;


&lt;strong&gt;Ayr&#305;ca Bak&#305;n&#305;z&lt;/strong&gt;; 
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-yeni-programlar"&gt;Web Tasar&#305;mc&#305;lar&#305; &#304;&#231;in Yeni Programlar&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-hatirlatici-notlar-1"&gt;Web Tasar&#305;mc&#305;lar&#305; i&#231;in Hat&#305;rlat&#305;c&#305; Notlar&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/tooltip-uygulamalari-1"&gt;Tooltip uygulamalar&#305; - 1&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/web-2-0-icin-tasarim"&gt;Web 2.0 i&#231;in Tasar&#305;m Ara&#231;lar&#305;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/jquery-yazi-efektleri"&gt;jQuery Yaz&#305; Efektleri&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/turkce-jquery-dersleri"&gt;T&#252;rk&#231;e jQuery dersleri&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyunlar"&gt;jQuery ile Haz&#305;rlanan Oyunlar!&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/jquery-gelistiricileri-icin-en-iyi"&gt;jQuery Geli&#351;tiricileri i&#231;in En iyi Firefox Eklentileri&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/en-iyi-captcha-servisleri"&gt;En iyi Captcha Servisleri&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu"&gt;10 Harika jQuery Navigasyon Men&#252;&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/wordpress-in-dikkat-ceken-galeri"&gt;Wordpress'in Dikkat &#199;eken Galeri Eklentileri&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.bildirgec.org/yazi/gerekli-10-wordpress-eklentisi"&gt;Gerekli 10 Wordpress Eklentisi&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;angelsdemos&lt;/strong&gt;: &lt;a href="http://angelsdemos.bildirgec.org/"&gt;Blog&lt;/a&gt; | &lt;a href="http://friendfeed.com/angelsdemos"&gt;FriendFeed&lt;/a&gt; | &lt;a href="http://twitter.com/angels_demos"&gt;Twitter&lt;/a&gt; | &lt;a href="mailto:angelsdemos@gmail.com"&gt;Email&lt;/a&gt; | &lt;a href="http://angelsdemos.bildirgec.org/rss.xml"&gt;RSS&lt;/a&gt;&lt;br&gt;&lt;strong&gt;Kaynak&lt;/strong&gt;; &lt;a href="http://www.webdesignbooth.com/7-tools-to-optimize-the-speed-of-your-website/"&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/5-web-site-hiz-optimize "&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, 18 Dec 2009 10:26:00 GMT</pubDate>
      <guid isPermaLink="false">230371@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/5-web-site-hiz-optimize</link>
    </item>
    <item>
      <title>farkl&#305; tarzlarda jquery ve css men&#252;ler</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;CSS ve JQuery ile haz&#305;rlanm&#305;&#351; farkl&#305; tarzlardaki men&#252;leri sizler i&#231;in derledim. men&#252;lerin nas&#305;l haz&#305;rland&#305;&#287;&#305;n&#305; men&#252;n&#252;n linkine t&#305;klayarak &#246;&#287;renebilirsiniz, isterseniz kodlar&#305; direkt indirerek sitenize entegre edebilirsiniz.&lt;/p&gt;


	&lt;p&gt;1- Kutu d&#305;&#351;&#305;nda &lt;a href="http://net.tutsplus.com/tutorials/javascript-ajax/jquery-os-x-style-dock-and-stack-navigation/"&gt;JQuery Navigasyon Men&#252;&lt;/a&gt; - &lt;a href="http://nettuts.s3.amazonaws.com/358_jquery/example%20files/all-examples.html"&gt;demo&lt;/a&gt; - &lt;a href="http://nettuts.s3.amazonaws.com/358_jquery/example%20files.zip"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/outside-box-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;2- g&#246;steri&#351;li &lt;a href="http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html"&gt;drop down men&#252; jquery &amp; css&lt;/a&gt; - &lt;a href="http://www.sohtanaka.com/web-design/examples/drop-down-menu/"&gt;demo &lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/sexy-jquery-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;!-- buradan kes --&gt;&lt;/p&gt;


	&lt;p&gt;3- Yukar&#305;dan A&#351;a&#287;&#305; A&#231;&#305;l&#305;r &lt;a href="http://www.webdesigndev.com/web-development/create-the-fanciest-dropdown-menu-you-ever-saw"&gt;Men&#252; Olu&#351;turmak&lt;/a&gt; - &lt;a href="http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdown.html#"&gt;demo&lt;/a&gt; - &lt;a href="http://www.webdesigndev.com/wp-content/uploads/2009/07/fancydropdownimages.zip"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/fanciest-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;4- &lt;a href="http://www.cssplay.co.uk/menus/circular-sub.html"&gt;dairesel alt men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://www.cssplay.co.uk/menus/circular-sub.html"&gt;demo&lt;/a&gt; - &lt;a href="http://iconeden.com/icon/free/get/milky-a-free-vector-iconset"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/circular-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;5- &lt;a href="http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/"&gt;Ola&#287;an d&#305;&#351;&#305; Navigasyon men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo/index.html"&gt;demo&lt;/a&gt; - &lt;a href="http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo.zip"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/different-jquery-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;6- &lt;a href="http://aext.net/2009/08/perfect-sign-in-dropdown-box-likes-twitter-with-jquery/"&gt;Twitter'deki gibi A&#231;&#305;l&#305;r login penceresi yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://aext.net/example/twitterlogin/"&gt;demo&lt;/a&gt; -  &lt;a href="http://www.box.net/index.php?rm=box_download_shared_file&amp;file_id=f_320140222&amp;shared_name=ye9y3j1kvs"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/twitter-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;7- &lt;a href="http://hv-designs.co.uk/2009/02/17/sliding-jquery-menu/"&gt;S&#252;rg&#252;l&#252; men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://www.hv-designs.co.uk/tutorials/sliding_menu/sliding_menu.html#"&gt;demo&lt;/a&gt; - &lt;a href="http://www.hv-designs.co.uk/tutorials/sliding_menu/sample.zip"&gt; download&lt;/a&gt;
 &lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/sliding-jquery-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;8- &lt;a href="http://www.andrewsellick.com/71/fancy-sliding-menu-for-mootools"&gt;Mootool ss&#252;rg&#252;l&#252; men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://www.andrewsellick.com/examples/tabslideV2-mootools/"&gt;demo&lt;/a&gt; - &lt;a href="http://www.andrewsellick.com/examples/tabslideV2-mootools/tabslideV2-mootools.rar"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/fancy-sliding-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;9- &lt;a href="http://www.jankoatwarpspeed.com/post/2009/01/19/Create-Vimeo-like-top-navigation.aspx"&gt;vimeo tarz&#305; navigasyon men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://www.jankoatwarpspeed.com/examples/vimeo_navigation/"&gt;demo&lt;/a&gt; - &lt;a href="http://www.jankoatwarpspeed.com/file.axd?file=2009%2f1%2fvimeo_navigation.zip"&gt;download&lt;/a&gt;&lt;/p&gt;


	&lt;p&gt;10- &lt;a href="http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html"&gt;Dinamik php/css men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://www.roscripts.com/uploads/articles/216"&gt;demo&lt;/a&gt; - &lt;a href="http://www.roscripts.com/Building_a_dynamic_drop_down_menu-216.html"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/php-css-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;11- &lt;a href="http://www.clarklab.net/blog/posts/animated-drop-down-menu-with-jquery/"&gt;JQurery Animasyonlu men&#252; yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://clarklab.net/blog/articles/dropdown/example.html"&gt;demo&lt;/a&gt; - &lt;a href="http://clarklab.net/blog/articles/dropdown/animateddropdown.zip"&gt;download&lt;/a&gt;  &lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/animated-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;12- &lt;a href="http://labs.makotokw.com/s/jquery/menu"&gt;JQuery Header Men&#252; Yap&#305;m&#305;&lt;/a&gt; - &lt;a href="http://labs.makotokw.com/s/jquery/menu"&gt;demo&lt;/a&gt; - &lt;a href="http://labs.makotokw.com/js/jquery/jquery.ui.potato.menu.js"&gt;download&lt;/a&gt; &lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/potato-ui-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;13- &lt;a href="http://abeautifulsite.net/notebook.php?article=58"&gt;&#199;oklu Dosya G&#246;sterimi&lt;/a&gt; - &lt;a href="http://abeautifulsite.net/notebook_files/58/demo/"&gt;demo&lt;/a&gt; - &lt;a href="http://abeautifulsite.net/notebook.php?article=58#download"&gt;download&lt;/a&gt;&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/jquery-tree-drop-down-multi-level-menu-navigation.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/farkli-tarzlarda-jquery-ve-css "&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, 07 Sep 2009 16:47:00 GMT</pubDate>
      <guid isPermaLink="false">221546@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/farkli-tarzlarda-jquery-ve-css</link>
    </item>
    <item>
      <title>Web Tasar&#305;m&#305; Olu&#351;turmak &#304;&#231;in 16 En Ho&#351; Photoshop Dersi (&#304;ngilizce)</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;&lt;a href="http://www.bildirgec.org/ara/photoshop"&gt;Photoshop&lt;/a&gt; bir&#231;ok &lt;a href="http://www.bildirgec.org/ara/web%20tasar&#305;mc&#305;s&#305;"&gt;web tasar&#305;mc&#305;s&#305;&lt;/a&gt; taraf&#305;ndan tercih endilen en pop&#252;ler &lt;a href="http://www.bildirgec.org/ara/tasar&#305;m%20program&#305;"&gt;tasar&#305;m program&#305;&lt;/a&gt;d&#305;r.&lt;/p&gt;


	&lt;p&gt;A&#351;a&#287;&#305;daki web tasar&#305;m&#305; olu&#351;turabilece&#287;iniz &lt;a href="http://www.bildirgec.org/ara/dersler"&gt;dersler&lt;/a&gt; yer almaktad&#305;r.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Navigation&lt;/strong&gt; (Navigasyon)&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;1.&lt;/strong&gt; &lt;a href="http://www.originmaker.com/2008/wii-web-header-photoshop/"&gt;create a wii web header in photoshop&lt;/a&gt; (Photoshop'da wii web ba&#351;l&#305;&#287;&#305; olu&#351;turmak)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;2.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/designing-tutorials/creating-a-cool-3d-web-design-effect/"&gt;creating a cool 3d web design effect&lt;/a&gt; (3d web tasar&#305;m efekti olu&#351;turmak)&lt;/p&gt;


&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/LeBron/ui-tuts-10-3.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.&lt;/strong&gt; &lt;a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/blue-on-black-navigation-bar.html"&gt;blue on black navigation bar&lt;/a&gt; (siyah navigasyon bar &#252;zerinde mavi renk)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;4.&lt;/strong&gt; &lt;a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/"&gt;how to create a slick and clean button in photoshop&lt;/a&gt; (Photoshop'da d&#252;zg&#252;n ve temiz buton nas&#305;l olu&#351;turulur?)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;5.&lt;/strong&gt; &lt;a href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/clean-white-navigation-bar.html"&gt;clean white navigation bar&lt;/a&gt; (Temiz beyaz navigasyon bar)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;6.&lt;/strong&gt; &lt;a href="http://psfreak.com/2008/02/16/stylish-dark-navigation-box/"&gt;stylish dark navigation box&lt;/a&gt; (&#351;&#305;k koyu navigasyon kutusu)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;7.&lt;/strong&gt; &lt;a href="http://www.blogperfume.com/photoshop-tutorial-designing-a-unique-bookmark-box/"&gt;designing a unique bookmark box&lt;/a&gt; (tek yer imi kutusu tasarlama)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;8.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-simple-sleek-web-20-site-footer/"&gt;how to create a simple &amp; sleek web 2.0 site footer&lt;/a&gt; (basit ve p&#252;r&#252;zs&#252;z web 2.0 site alt&#305; nas&#305;l olu&#351;turulur?)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;complete designs &lt;/strong&gt;(tamamlanm&#305;&#351; tasar&#305;mlar)&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;9.&lt;/strong&gt; &lt;a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-clean-web-20-style-web-design-in-photoshop/"&gt;how to create a clean web 2.0 style web design in photoshop&lt;/a&gt; (Photoshop'da temiz web 2.0 stil web tasar&#305;m&#305; nas&#305;l olu&#351;turulur?)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;10.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-elevate-your-website-design-process-and-results/"&gt;how to elevate your website design process and results&lt;/a&gt; (website tasar&#305;m&#305; i&#351;lem ve sonucu nas&#305;l y&#252;kseltilir?)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;11.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-a-simple-layout-can-be-mixed-n-matched-with-patterns-photos-and-backgrounds/"&gt;how a simple layout can be mixed &#8216;n&#8217; matched with patterns, photos and backgrounds&lt;/a&gt; (kal&#305;p, foto&#287;raf ve arkaplan ile basit yerle&#351;im nas&#305;l olur?)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;12.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/news/new-plus-tutorial-designing-a-family-of-websites/"&gt;new plus tutorial - designing a family of websites&lt;/a&gt; (yeni geli&#351;mi&#351; ders - aile sitesi tasarlama)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;13.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/interface-tutorials/create-a-sleek-high-end-web-design-from-scratch/"&gt;create a sleek, high-end web design from scratch&lt;/a&gt; (ba&#351;lang&#305;&#231; &#231;izgisinden p&#252;r&#252;zs&#252;z, &#252;st web tasar&#305;m&#305; olu&#351;turmak )&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;14.&lt;/strong&gt; &lt;a href="http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/"&gt;design a beautiful website from scratch&lt;/a&gt; (ba&#351;lang&#305;&#231; &#231;izgisinden g&#252;zel website tasarlama)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;15.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/"&gt;create a magic night themed web design from scratch in photoshop&lt;/a&gt; (Photoshop'da ba&#351;lang&#305;&#231; &#231;izgisinden sihirli gece temas&#305; web tasar&#305;m&#305;)&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;16.&lt;/strong&gt; &lt;a href="http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/"&gt;photoshop paper texture from scratch then create a grungy web design with it!&lt;/a&gt; (ba&#351;lang&#305;&#231; &#231;izgisinden photoshop ka&#287;&#305;t dokusu ile kirli web tasar&#305;m&#305; olu&#351;turmak)&lt;/p&gt;


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

&lt;strong&gt;yaz&#305;lar&#305;m&#305; takip edebilirsiniz.&lt;/strong&gt;
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://lebron.bildirgec.org/"&gt;blog&lt;/a&gt; | &lt;a href="http://friendfeed.com/lebron5"&gt;friendfeed&lt;/a&gt; | &lt;a href="https://twitter.com/lebron5"&gt;twitter&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;strong&gt;kaynak:&lt;/strong&gt; &lt;a href="lhttp://webdesignledger.com/tutorials/16-best-photoshop-tutorials-for-creating-web-designs"&gt;webdesignledger.com&lt;/a&gt;
	&lt;/ul&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/web-tasarimi-olusturmak-icin-16 "&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 Jun 2009 11:02:00 GMT</pubDate>
      <guid isPermaLink="false">219875@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/web-tasarimi-olusturmak-icin-16</link>
    </item>
    <item>
      <title>Tasar&#305;mc&#305;lar &#304;&#231;in Renk Planlama (Color Scheming)</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;Bir web sitesinde &#231;al&#305;&#351;maya ba&#351;lamadan &#246;nce daima &#252;zerinde &#231;al&#305;&#351;aca&#287;&#305;m bir &lt;a href="http://www.bildirgec.org/etiket/color-scheme/"&gt;renk &#351;emas&#305;na&lt;/a&gt; sahip olmak isterim. Bu sadece estetik sebepler y&#252;z&#252;nden de&#287;il, ayr&#305;ca tutarl&#305;l&#305;k ve websitesine al&#305;&#351;&#305;labilirlik gibi sebepler y&#252;z&#252;nden &#246;nemlidir. Bazen m&#252;&#351;terileriniz iki yta da &#252;&#231; renk &#351;emas&#305; ile size geleceklerdir (diyelim iki ya da &#252;&#231; renk), ya da en az&#305;ndan web sitesinin &#252;zerine in&#351;a edilece&#287;i bir rengi size bildireceklerdir. E&#287;er emin de&#287;illerse o zaman bana sunduklar&#305; grafik i&#231;eri&#287;e (logo, resimler, simgeler vs.) bakar ve onlar &#305;&#351;&#305;&#287;&#305;nda kendi renk &#351;emam&#305; olu&#351;turmaya &#231;al&#305;&#351;&#305;r&#305;m.&lt;/p&gt;


	&lt;p&gt;Internet &#252;zerinde, tasar&#305;mlar&#305;n&#305;z&#305;n piksel m&#252;kemmeli&#287;inde olmas&#305;na yard&#305;mc&#305; olacak renk kaynaklar&#305; bulunuyor.&lt;/p&gt;


	&lt;p&gt;&#304;ster akl&#305;n&#305;zda bir renk &#351;emas&#305; olsun, ya da size ilham verecek ve rehber olacak kaynaklar ar&#305;yor olun, bu yaz&#305;mda sizlerle bir dizi renk &#351;emas&#305; olu&#351;turman&#305;za yard&#305;mc&#305; olacak kaynaklar&#305; listelemeye &#231;al&#305;&#351;t&#305;m.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.colorblender.com/"&gt;Color Blender&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Renk kayd&#305;rma &#231;ubu&#287;unu kullanarak ya da do&#287;rudan renginizin RGB de&#287;erini girerek site size renk &#351;emas&#305;n&#305; sunacakt&#305;r. Bu sitenin sundu&#287;u bir g&#252;zel &#246;zellik, olu&#351;turdu&#287;unuz renk &#351;emas&#305;n&#305; photoshop ya da illustrator i&#231;in indirebilmeniz, ya da kendinize elektronik posta olarak g&#246;nderebilmeniz.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.colorschemer.com/online.html"&gt;Color Schemer Online V2&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#350;ema do&#287;rudan girilen RGB veyea HEX de&#287;erine g&#246;re olu&#351;turuluyor. Sitenin ayr&#305;ca Windows ve Mac &#252;zerinde &#231;al&#305;&#351;an yaz&#305;l&#305;m s&#252;r&#252;m&#252; de bulunuyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://wellstyled.com/tools/colorscheme2/index-en.html"&gt;Color Scheme Genarator V2&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;&#214;nerilen renk &#351;emas&#305; g&#246;r&#252;nt&#252;lendikten sonra tek bir de&#287;r girn. &#350;emalar Pastel, Karanl&#305;k/Ayd&#305;nl&#305;k, Kontrast ve Solgun olabilir. Sitenin sundu&#287;u bir di&#287;er g&#252;zellik de (her ne kadar ka&#231; ki&#351;inin i&#351;ine yarayaca&#287;&#305;n&#305; tam olarak kestiremesem de) g&#246;r&#252;nt&#252;lene renk &#351;emas&#305;n&#305;n &#231;e&#351;itli bak&#305;&#351; a&#231;&#305;lar&#305;nda nas&#305;l g&#246;r&#252;nt&#252;lenece&#287;ini de size sunabilmesi (&#246;rne&#287;in renk k&#246;rleri i&#231;in).&lt;/p&gt;


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

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


	&lt;p&gt;Internet &#252;zerinde ayr&#305;ca kullan&#305;c&#305;lar taraf&#305;ndan daha &#246;nce olu&#351;turulmu&#351; renk &#351;emalar&#305;n&#305;n listelendi&#287;i web siteleri de bulunuyor, t&#305;pk&#305; galeri web siteleri gibi.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.colourlovers.com/"&gt;COLOUR LOVERS&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu site ger&#231;ekten muhte&#351;em!!! Her ne kadar size bu makalede belirtti&#287;im t&#252;m siteleri ziyaret etmenizi &#246;nersem de, e&#287;er bunlardan sadece birini se&#231;mek istiyorsan&#305;z tercihiniz bu siteden yana olmal&#305;. Site &#252;zerinde, i&#231;inizdeki sosyal ate&#351;i s&#246;nd&#252;rebilece&#287;iniz forumlar ve gruplar&#305;n yan&#305;s&#305;ra paletler, motifler, bireysel renk sayfalar&#305; da bulunuyor ve t&#252;m bunlar&#305;n hepsi &#252;zerinde arama yapabilir, i&#231;eri&#287;i filtreleyebilirsiniz. Payla&#351;&#305;lan i&#231;erikler pek &#231;ok bi&#231;imde indirilebilir (ASE, PS, AI, GIMP, HTML ve ZIP bi&#231;imlerinde). Sitede ayr&#305;ca pek &#231;ok yararl&#305; bilgiye ula&#351;abilece&#287;iniz bir blogun yan&#305;s&#305;ra TRENDLER b&#246;l&#252;m&#252;nde hem magazin hem de web d&#252;nyas&#305;n&#305;n son renk trendlerine ula&#351;man&#305;z m&#252;mk&#252;n. Kesinlikle takip etmeye de&#287;er.&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://kuler.adobe.com/"&gt;Kuler&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Adobe Air tabanl&#305; bir websitesi olan Kuler'in yakla&#351;&#305;m&#305; ve konsepti biraz ilgin&#231;. Color Lovers'a oranla biraz s&#246;n&#252;k kald&#305;&#287;&#305;n&#305; s&#246;ylemek zorunday&#305;m. Burada kendi tercihlerimi &#246;n plana &#231;&#305;karmak istemiyorum, ama ger&#231;ekten, Colour Lovers muhte&#351;em bir site.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://beta.dailycolorscheme.com/"&gt;Verlee's Daily Color Scheme&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bir s&#252;redir beta formunda yay&#305;n yapan ve 2006'dan beri g&#252;ncellemeyen g&#252;zel g&#246;r&#252;n&#252;ml&#252; bir site. Sitenin ana alan ad&#305; halin "Yak&#305;nda..." ibaresini i&#231;eriyor. Site bir renk &#351;emas&#305; galeri sitesi ve bir s&#252;redir aktif olmamas&#305;na ra&#287;men site b&#252;nyesinde g&#252;zel ve size ilham kayna&#287;&#305; olabilecek i&#231;erik bulunuyor.&lt;/p&gt;


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

	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.colorcombos.com/"&gt;Color Combos&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Renk &#351;emas&#305; / palet galeri web sitesi. Bir imaj &#252;zerindeki renkleri &#231;&#305;karabilmek i&#231;in birka&#231; yolunuz var. Ya Photoshop ya da GIMP gibi masa&#252;st&#252; yaz&#305;l&#305;mlar&#305;n&#305; kullan&#305;r, ya da referans imaj&#305;n&#305;za ba&#287;lant&#305; kurabilecek &#231;evrimi&#231;i kaynaklar&#305; kullan&#305;rs&#305;n&#305;z.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.degraeve.com/color-palette/"&gt;Color Palette Generator&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bir imaj&#305;n tam URL'sini girin ve site, o imaj&#305; temel alarak sizin i&#231;in renk paleti olu&#351;tursun.&lt;/p&gt;


	&lt;p&gt;E&#287;er &#252;zerinde &#231;al&#305;&#351;aca&#287;&#305;n&#305;z bir imaj yoksa ama m&#252;&#351;teriniz be&#287;endi&#287;i siteleri sizlerle payla&#351;t&#305;ysa, ya da size ilham kayna&#287;&#305; olabilecek bir websitesini biliyorsan&#305;z, o kaynaklarda kullan&#305;lan renklere ula&#351;mak i&#231;in birka&#231; y&#246;ntem bulunuyor.&lt;/p&gt;


	&lt;p&gt;E&#287;er Firefox kullan&#305;yorsan&#305;z &lt;a href="http://chrispederick.com/work/web-developer/"&gt;Web Developer&lt;/a&gt; eklentisini kullanabilirsiniz. Eklentini se&#231;ti&#287;iniz websitesinin renk bilgisini g&#246;sterebilme &#246;zelli&#287;i bulunuyor.&lt;/p&gt;


	&lt;p&gt;Internet &#252;zerinde bir dizi website galerisi de bulunuyor. Bu siteler websitelerini renklerine g&#246;re kategorilendiriliyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Renk Bilgisi Sunabilen Web Site Galerileri&lt;/strong&gt;&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.designmeltdown.com/"&gt;Design Meltdown&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.webcreme.com/"&gt;Web Creme&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;Se&#231;ili Websiteleri &#304;&#231;in &#214;zel Renk Bilgileri Sunan Website Galerileri&lt;/strong&gt;&lt;/p&gt;


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.inspirationfolder.com/?home=1"&gt;Inspiration Folder&lt;/a&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.screenalicious.com/"&gt;Screen-a-licious&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;strong&gt;Birka&#231; Tane Daha &#304;&#351;e Yarar Kaynak:&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.somacon.com/p142.php"&gt;CSS Color Chart&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Her rengin HEX de&#287;erleri ile birlikte do&#287;al ve genel kullan&#305;m i&#231;in uygun renkleri g&#246;steriyor.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;&lt;a href="http://www.colorsontheweb.com/"&gt;Colors on the Web&lt;/a&gt;&lt;/strong&gt;&lt;br&gt;Bu websitesi, geni&#351; renk bilgisi, renk teorilerine y&#246;nelik ara&#231;lar&#305; ve Color Contrast Analyzer for Accessibility (Eri&#351;ilebilirlik &#304;&#231;in Renk Kontrast Analizat&#246;r&#252;) ile &#231;ok de&#287;i&#351;ik bir site. &#304;lgili ara&#231; web sitesinin arkaplan rengi ile metin rengine bak&#305;yor. Bunun yan&#305;s&#305;ra sitenin &#252;&#231; renk &#351;ema olu&#351;turucusu da bulunuyor. Sitenin ayr&#305;ca iki s&#252;tunlu arabirimi &#252;zerinde se&#231;ilen renk &#351;emas&#305; ve metnin o &#351;emada nas&#305;l g&#246;r&#252;nt&#252;lenece&#287;i de g&#246;steriliyor.&lt;/p&gt;


	&lt;p&gt;Renk Sihirbaz&#305; - renk uyumu uygulamas&#305; &#252;zerinden kendi tekil renk de&#287;erinizi girebilir, ya da bunu sizin i&#231;in yapacak uygulamay&#305; kullanabilirsiniz. Veri girildi&#287;inde ona ait olan renk varyasyonlar&#305;, doyum varyasyonlar&#305;, ton ve g&#246;lge varyasyonlar&#305;n&#305;n yan&#305;s&#305;ra &#246;nerilen renk &#351;emalar&#305;, bile&#351;ik renkler hakk&#305;nda bilgiler, renk kontrast&#305; ve kullan&#305;lan renklere ait bilgiler veriyor.&lt;/p&gt;


	&lt;p&gt;Renk &#350;emac&#305;s&#305; - CSS website galerilerine benzer bir site, ancak CSS yerine kullan&#305;c&#305;lar taraf&#305;ndan g&#246;nderilen renk paletlerini i&#231;eriyor.&lt;/p&gt;


	&lt;p&gt;Bana g&#246;re renk, g&#252;zel bir web sitesinin en &#246;nemli y&#246;n&#252;d&#252;r. Beni yanl&#305;&#351; anlamay&#305;n, &#351;ablon, navigasyon ve tipografi de &#246;nemlidir, ancak bir web sitesinin renk se&#231;imi k&#246;t&#252; ve insan g&#246;z&#252;ne rahats&#305;zl&#305;k verici ise, o zaman ziyaret&#231;iniz GER&#304; d&#252;&#287;mesine m&#252;mk&#252;n olan en k&#305;sa s&#252;rede basacaklard&#305;r.&lt;/p&gt;


	&lt;p&gt;Umar&#305;m yukar&#305;daki kaynaklar&#305;n size bir faydas&#305; dokunur.&lt;/p&gt;


	&lt;p&gt;Hepinize 2009 i&#231;in iyi dileklerimle.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;Kaynak&lt;/strong&gt;: &lt;a href="http://styl.eti.me/index.php/blog/posts/color_scheming_for_designers/"&gt;styl.eti.me&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/tasarimcilar-icin-renk-planlama-color "&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 Jan 2009 07:50:00 GMT</pubDate>
      <guid isPermaLink="false">219571@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/tasarimcilar-icin-renk-planlama-color</link>
    </item>
    <item>
      <title>&#220;cretsiz ses efekti indirebilece&#287;iniz 55 kaynak</title>
      <author>guldemgokalp</author>
      <description>&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/sound-effects.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; film m&#252;ziklerine ya da do&#287;adan gelen seslerin bir&#231;o&#287;una ula&#351;mam&#305;za yard&#305;mc&#305; olacak g&#252;zel bir liste haz&#305;rlanm&#305;&#351;. 

	&lt;ul&gt;
	&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/flash-kit.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;strong&gt;&lt;a href="http://flashkit.com/soundfx/"&gt;Flash Kit&lt;/a&gt;:&lt;/strong&gt; mp3 ve flashtrak olara haz&#305;rlanm&#305;&#351; &#231;ok b&#252;y&#252;k bir ar&#351;ivi mevcut. arama &#246;zelli&#287;ini kullanarak yararlanabilirsiniz.&lt;/li&gt;
		&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/audiomicro.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;strong&gt;&lt;a href="http://www.audiomicro.com/royalty-free-sound-effects.html"&gt;Audio Micro&lt;/a&gt;:&lt;/strong&gt; kategorilere ayr&#305;larak olu&#351;turulmu&#351; geni&#351; ses efekti ve klipleri ar&#351;ivi.&lt;/li&gt;
		&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/soundsnap.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;strong&gt;&lt;a href="http://www.soundsnap.com/"&gt;Soundsnap&lt;/a&gt;:&lt;/strong&gt; 100.000 &#252;zerinde ses efektini ayr&#305;nt&#305;l&#305; bir &#351;ekilde kategorilere b&#246;lm&#252;&#351;ler. mp3 ve wav formatlar&#305;nda indirme ve site &#252;zerinden dinleme imkan&#305; sunuluyor.&lt;/li&gt;
		&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/findsounds.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
	&lt;/ul&gt;


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


&lt;strong&gt;&lt;a href="http://www.findsounds.com/"&gt;FindSounds&lt;/a&gt;:&lt;/strong&gt; Bir ses arama motoru olarak i&#351;leyen findsounds ile ayr&#305;nt&#305;l&#305; arama yapma imkan&#305; sunulmu&#351;. &#304;stedi&#287;iniz her t&#252;rl&#252; ses ve ses efektine ula&#351;man&#305;z m&#252;mk&#252;n k&#305;l&#305;nm&#305;&#351;.
	&lt;ul&gt;
	&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/soungle.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;strong&gt;&lt;a href="http://www.soungle.com/"&gt;Soungle&lt;/a&gt;:&lt;/strong&gt; Bir ba&#351;ka ses arama motoru daha. Fakat bu biraz daha basit ve sade.&lt;/li&gt;
		&lt;li&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/hoodly/partners-in-rhyme.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;&lt;strong&gt;&lt;a href="http://www.partnersinrhyme.com/pir/PIRsfx.shtml"&gt;Partners In Rhyme&lt;/a&gt;: &lt;/strong&gt;amat&#246;r ve profesyonel olarak multimedya ile ilgilenenlerin i&#351;lerine yarayacak ses ve ses efektlerine ula&#351;malar&#305;n&#305; sa&#287;l&#305;yor.&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;T&#252;m&#252; i&#231;in "&lt;a href="http://www.hongkiat.com/blog/55-great-websites-to-download-free-sound-effects/"&gt;&lt;strong&gt;55 Great Websites To Download Free Sound Effects&lt;/strong&gt;&lt;/a&gt;" yaz&#305;s&#305;na g&#246;z atabilirsiniz.&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/ucretsiz-ses-efekti-indirebileceginiz-55 "&gt;bildirgec.org&lt;/a&gt; adresli sitede yay&#305;mlanmak &#252;zere yaz&#305;lm&#305;&#351;t&#305;r. Kaynak g&#246;sterilmeksizin kopyalanamaz.&lt;/p&gt;&lt;hr&gt;Pilli Projeleri: &lt;a href="http://pilli.com"&gt;Pilli.com: Kolektif Ba&#287;&#305;ms&#305;z &#304;&#231;erik&lt;/a&gt; | &lt;a href="http://sosyomat.com"&gt;Sosyomat.com: Arkada&#351;&#305;n&#305; Etiketle&lt;/a&gt; | &lt;a href="http://put.io"&gt;Put.io: Online Cloud Storage&lt;/a&gt;</description>
      <pubDate>Sat, 13 Dec 2008 09:59:00 GMT</pubDate>
      <guid isPermaLink="false">217247@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/ucretsiz-ses-efekti-indirebileceginiz-55</link>
    </item>
    <item>
      <title>tasar&#305;mc&#305;lar i&#231;in &#252;cretsiz kaynaklar</title>
      <author>guldemgokalp</author>
      <description>daha &#246;nce &lt;a href="http://www.bildirgec.org/yazi/ucretsiz-tasarim-ogeleri"&gt;&#252;cretsiz tasar&#305;m &#246;&#287;eleri&lt;/a&gt; yaz&#305;s&#305;nda verdi&#287;imiz kaynaklara ek olarak tasar&#305;mlar&#305;n&#305;zda yararlanabilece&#287;iniz di&#287;er &#246;&#287;eler: 
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/"&gt;45 vekt&#246;r desen seti&lt;/a&gt; (bkz: &lt;a href="http://www.bildirgec.org/yazi/kesintisiz-seamless-desen-kaynaklari"&gt;kesintisiz (seamless) desen kaynaklar&#305;&lt;/a&gt;)&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/45-sets-of-seamless-vector-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.geeksucks.com/icons/72-sets-of-free-social-bookmarking-icons.htm"&gt;72 set sosyal site ikonu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/72-sets-of-free-social-bookmarking-icons.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.myinkblog.com/2009/06/25/freebie-7-high-resolution-stone-textures/"&gt;y&#252;ksek &#231;&#246;z&#252;n&#252;rl&#252;kte 7 adet kaya dokusu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/7-high-resolution-stone-textures.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
	&lt;/ul&gt;


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


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/"&gt;css &#351;ablonu indirebilec&#287;iniz 35 site&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/35-excellent-websites-for-downloading-free-css-template.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://speckyboy.com/2009/06/19/34-free-and-elegant-truetype-mini-pixel-fonts/"&gt;34 adet piksel yaz&#305;tipi&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/34-free-and-elegant-truetype-mini-pixel-fonts.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/"&gt;50 &#252;cretsiz twitter ikonu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/50-free-and-exclusive-twitter-icons.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.reencoded.com/2009/07/14/23-wordpress-themes-suiting-your-website-project/"&gt;siteniz i&#231;in 23 wordpress temas&#305;&lt;/a&gt; (bkz: &lt;a href="http://www.bildirgec.org/yazi/wordpress-site-galerileri"&gt;wordpress site galerileri&lt;/a&gt;)&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/23-wordpress-themes-for-your-website.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/"&gt;tasar&#305;mc&#305;lar i&#231;in xhtml/css tipografik &#351;ablonlar&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/free-typographic-xhtml-css-layouts-for-your-designs.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.smashingapps.com/2009/06/26/20-really-useful-and-free-scripts-to-plot-charts-in-your-site-or-blog-pages.html"&gt;tablolar olu&#351;turmak i&#231;in 20 &#252;cretsiz script&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/20-really-useful-and-free-scripts-to-plot-chart-in-your-site-or-blog-pages.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://naldzgraphics.net/freebies/30-most-wanted-free-photoshop-floral-brushes-set/"&gt;30+ floral photoshop f&#305;r&#231;a seti&lt;/a&gt; (bkz: &lt;a href="http://www.bildirgec.org/yazi/photoshop-dersleri-ve-kaynaklari"&gt;photoshop dersleri ve kaynaklar&#305;&lt;/a&gt;)&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/30-most-wanted-free-photoshop-floral-brushes-set.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts"&gt;17 profesyonel g&#246;r&#252;n&#252;ml&#252; &#252;cretsiz font&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/17-remarkably-professional-looking-free-fonts.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/"&gt;tasar&#305;mc&#305;lar i&#231;in 80+ texture kayna&#287;&#305;&lt;/a&gt; (bkz: &lt;a href="http://www.bildirgec.org/yazi/texture-arsivi"&gt;Texture Ar&#351;ivi&lt;/a&gt;)&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/80-texture-resources-for-designers.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://sixrevisions.com/user-interface/30-high-quality-icon-sets-for-e-commerce-designs/"&gt;ticaretle ilgili 30 kaliteli ikon seti&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/30-high-quality-icon-sets-for-e-commerce-designs.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://thinkdesignblog.com/free-textures-30-high-res-paper-plastic-packaging-textures.htm"&gt;y&#252;ksek kalitede ka&#287;&#305;t ve plastik dokular&#305;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/30-high-res-paper-plastic-packaging-textures.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.1stwebdesigner.com/resources/36-color-gradient-sets-for-photoshop-and-resource-sites-part-1/"&gt;photoshop i&#231;in 36 gradyan seti&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/36-color-gradient-sets-for-photoshop-and-resource-sites.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.fuelyourcreativity.com/20-free-handwritten-fonts-and-resources/"&gt;20 elyap&#305;m&#305; font kayna&#287;&#305;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/20-free-handwritten-fonts-and-resources.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt; &lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.instantshift.com/2009/06/23/40-sources-to-download-high-quality-free-photoshop-psd-stuff/"&gt;40 kaliteli psd kayna&#287;&#305;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/40-sources-to-download-high-quality-free-photoshop-psd-stuff.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://sixrevisions.com/freebies/textures/12-free-high-quality-burnt-paper-textures/"&gt;12 kaliteli yan&#305;k ka&#287;&#305;t deseni&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/12-free-high-quality-burnt-paper-textures.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://blueblots.com/freebies/500-truly-useful-resources-of-free-high-quality-patterns/"&gt;500+ kaliteli ve kullan&#305;&#351;l&#305; desen&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/500-truly-useful-resources-of-free-high-quality-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://webdesignledger.com/freebies/300-excellent-photoshop-brushes-for-creating-painted-effects"&gt;boyama efekti i&#231;in 300+ ps f&#305;r&#231;as&#305;&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/300-excellent-photoshop-brushes-for-creating-painted-effects.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.noupe.com/css/50-free-high-quality-and-new-xhtmlcss-templates.html"&gt;50 yeni xhtml/css &#351;ablonu&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/50-free-high-quality-and-new-xhtml-css-templates.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;a href="http://www.bildirgec.org/yazi/tasarim-nesneleri-arama-motoru"&gt;tasar&#305;m nesneleri arama motoru&lt;/a&gt; yaz&#305;s&#305; da ilginizi &#231;ekebilir.&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://bakiyyebemolu.bildirgec.org/"&gt;t&#252;m yaz&#305;lar&#305;m&lt;/a&gt; - &lt;a href="http://www.smashingapps.com/2009/07/14/21-absolutely-useful-and-inspiring-collection-of-most-desirable-freebies.html"&gt;kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/tasarimcilar-icin-ucretsiz-kaynaklar "&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, 17 Jul 2009 09:18:00 GMT</pubDate>
      <guid isPermaLink="false">216620@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/tasarimcilar-icin-ucretsiz-kaynaklar</link>
    </item>
    <item>
      <title>kesintisiz (seamless) desen kaynaklar&#305;</title>
      <author>guldemgokalp</author>
      <description>tasar&#305;mlar&#305;n&#305;zda, b&#252;y&#252;k boyutlu arkaplanlar yerine tasar&#305;mlar&#305;n&#305;z&#305; renklendirecek desenler (&lt;a href="http://www.bildirgec.org/etiket/pattern"&gt;pattern&lt;/a&gt;) kullanabilirsiniz. bunlar&#305;n da seamless denilen herhangi bir ba&#287;lant&#305;na noktas&#305;na sahip olmayan ve b&#252;t&#252;n bir g&#246;r&#252;nt&#252; arz edenleri makbul. i&#351;te bu tarz desen bulabilece&#287;iniz 22 site:
	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.dinpattern.com/"&gt;DinPattern&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/dinpattern-free-pattern-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://everydayicons.jp/patterns.html"&gt;EveryDayIcons&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/everyday-icons-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
	&lt;/ul&gt;


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


	&lt;ul&gt;
	&lt;li&gt;&lt;a href="http://www.tilemachine.com/gallery/"&gt;TileMachine&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/tilemachine-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.noqta.it/dromoscopio/"&gt;Noqta Dromoscopia&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/noqta-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.k10k.net/pixelpatterns/"&gt;Kaliber 10000 (k10k)&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/kaliber-10000-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.kollermedia.at/pattern4u/"&gt;Pattern4U Kollermedia&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/kollermedia-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://alice-grafixx.de/patterns"&gt;Alice Grafixx&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/alice-grafixx-free-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.squidfingers.com/patterns/"&gt;SquidFingers&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/squidfingers-free-pattern-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.dreamstime.com/search.php?srh_field=pattern&amp;firstvalue=pattern&amp;lastsearchvalue=Vector+Floral+Pattern+seamless&amp;s_ph=y&amp;s_il=y&amp;s_sm=all&amp;s_st=new&amp;memso=y&amp;s_cf=0&amp;s_catid=&amp;s_cliid=&amp;s_colid=&amp;memorize_search=1&amp;s_exc=&amp;s_excp=&amp;s_sp=&amp;s_sl1=y&amp;s_sl2=y&amp;s_sl3=y&amp;s_sl4=y&amp;s_sl5=y&amp;s_color1=FFFFFF&amp;s_percent1=10&amp;s_color2=FFFFFF&amp;s_percent2=10&amp;s_rsf=0&amp;s_rst=7&amp;s_clc=y&amp;s_clm=y&amp;s_orp=y&amp;s_ors=y&amp;s_orl=y&amp;s_orw=y"&gt;DreamsTime&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/dreamstime-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://pattern8.com/"&gt;Pattern8&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/pattern8-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://patterns.ava7.com/"&gt;Ava7Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/ava7-patterns-free-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://citrusmoon.typepad.com/patterns/"&gt;Citrus Moon Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/citrus-moon-patterns-free-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.deviantart.com/#catpath=resources/applications/patterns&amp;order=9"&gt;DeviantArt Photoshop Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/deviantart-free-photoshop-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.hooverwebdesign.com/graphics/content/patterns/"&gt;HoverWebDesign&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/hoverdesign-free-patterns-webdesign.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.patterncooler.com/"&gt;PaternCooler&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/patterncooler-free-patterns-webdesign-2.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://webdesignledger.com/freebies/200-beautiful-seamless-patterns-perfect-for-web-design"&gt;200+ Beautiful Seamless Patterns Perfect for Web Design&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/200-beautiful-seamless-patterns-free.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://bestdesignoptions.com/?p=1576"&gt;1000+ Background Patterns You can Use for Free&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/1000-background-patterns-free.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.patternhead.com/found-freebies/250-free-seamless-vector-patterns-ideal-for-print-and-web-design"&gt;250+ Free Seamless Vector Patterns Ideal for Print and Web Design&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/pattern-head-free-vector-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.patternhead.com/found-freebies/100-free-seamless-vector-patterns-ideal-for-web-design-and-print-work"&gt;100+ Free Seamless Vector Patterns Ideal for Web Design and Print Work&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/100-free-seamless-vector-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://designreviver.com/freebies/400-high-quality-patterns/"&gt;400+ High Quality Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/400-high-quality-patterns-free.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.smashingmagazine.com/2009/02/12/the-ultimate-collection-of-free-photoshop-patterns/"&gt;The Ultimate Collection Of Free Photoshop Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/the-ultimate-collection-patterns-free.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://www.vectordiary.com/freebies/huge-collection-of-high-quality-patterns/"&gt;Huge Collection of High Quality Patterns&lt;/a&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/bakiyyebemolu/huge-collection-of-high-quality-patterns.jpg' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/li&gt;
		&lt;li&gt;&lt;a href="http://blueblots.com/freebies/500-truly-useful-resources-of-free-high-quality-patterns/"&gt;500+ Truly Useful Resources of Free High Quality Patterns&lt;/a&gt;&lt;/li&gt;
	&lt;/ul&gt;


	&lt;p&gt;&lt;a href="http://bakiyyebemolu.bildirgec.org/"&gt;t&#252;m yaz&#305;lar&#305;m&lt;/a&gt; - &lt;a href="http://www.1stwebdesigner.com/resources/22-free-seamless-vector-pattern-resources-perfect-for-web-design/"&gt;kaynak&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/kesintisiz-seamless-desen-kaynaklari "&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, 07 Jul 2009 11:04:00 GMT</pubDate>
      <guid isPermaLink="false">216619@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/kesintisiz-seamless-desen-kaynaklari</link>
    </item>
    <item>
      <title>Modern CSS'de Alt&#305;n Oran</title>
      <author>guldemgokalp</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/guldemgokalp"&gt;guldemgokalp&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">214818@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/modern-css-de-altin-oran</link>
    </item>
    <item>
      <title>Ak&#305;l Haritalama ve &#351;emantik web Aras&#305;ndaki ili&#351;ki</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;&lt;strong&gt;Ak&#305;l Haritalama ve &#350;emantik web &lt;a href="http://tr.wikipedia.org/wiki/Anlamsal_a%C4%9F"&gt;(Anlamsal A&#287;)&lt;/a&gt; Nedir ?&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;&#304;lk olarak ak&#305;l haritalamadan bahsetmek istiyorum , &#231;ocuklu&#287;umuzdan eri&#351;imimize yani yeti&#351;kin bir birey olana kadar ki&#351;isel geli&#351;imimiz i&#231;in bir &#231;ok e&#287;itimden ge&#231;eriz , bunlar&#305;n en bilinenleri ilk ve orta&#246;&#287;retim sistemidir tabiki&#8230; Y&#305;llarca yeteneklerimiz ve alg&#305;lar&#305;m&#305;z do&#287;rultusunda e&#287;itimler al&#305;r , s&#305;navlara girer ba&#351;ar&#305;l&#305; oldu&#287;umuz konularda ilerlememiz i&#231;in tavsiyeler al&#305;r&#305;z. Hi&#231; kimse ya da hi&#231; bir &#231;ocuk diyeyim okul &#231;a&#287;klar&#305;nda ba&#351;aramad&#305;&#287;&#305; bir konuda y&#246;nlendirilmemi&#351;tir&#8230;&lt;br&gt;&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/mglass/beyaztavsan-akil-haritasi.jpg' alt="ak&#305;l haritalama" border="0"&gt;&lt;br&gt;ak&#305;l haritalama&lt;/div&gt;&lt;br&gt;&lt;strong&gt;Peki Bunlar&#305;n Ak&#305;l Haritalama ile Ne alakas&#305; var ?&lt;/strong&gt;&lt;/p&gt;


&lt;div class="imajsol"&gt;&lt;img src='http://www.bildirgec.org/imaj/mglass/200px-cerebral-cortex-location.jpg' alt="insan beyni ve web taray&#305;c&#305;" border="0"&gt;&lt;br&gt;insan beyni ve web taray&#305;c&#305;&lt;/div&gt;Ak&#305;l haritalama &lt;a href="http://tr.wikipedia.org/wiki/Beyin"&gt;insan beyninin&lt;/a&gt; d&#252;&#351;&#252;ncelerini somutla&#351;t&#305;ran bir unsurdur, orta&#246;&#287;retimde &#246;&#287;rencilerin alan tercihlerinde karar vermeleri i&#231;in genellikle matematik s&#246;z konusudur yani say&#305;sal mant&#305;k ve s&#246;zel mant&#305;k Matemati&#287;i pek fazla beceremeyen bir &#246;&#287;renci i&#231;in genellikle S&#246;zel tercihler yapmas&#305; ve &#246;mr&#252;n&#252;n bu a&#351;amas&#305;ndan sonras&#305; i&#231;in art&#305;k matemati&#287;i d&#252;&#351;&#252;nmemesi tavsiye edilir .

	&lt;p&gt;&lt;strong&gt;&#304;&#351;te Bu Noktada Ki&#351;iler &#304;K&#304;(2) &#8216;ye ayr&#305;l&#305;r &#8230;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Birincisi Say&#305;salc&#305; ki&#351;i yani Analitik D&#252;&#351;&#252;nme yetene&#287;ine sahip  olan ve &#246;mr&#252;n&#252; say&#305;sal denklemlerle ge&#231;irmeye mahkum olmu&#351; insan :) ve ikincisi S&#246;zelci ki&#351;i yani Analitik d&#252;&#351;&#252;nme yetisi yok demek yanl&#305;&#351; olur daha &#231;ok analitik d&#252;&#351;&#252;nme yetisini orta&#246;&#287;retimde yapm&#305;&#351; oldu&#287;u tercihleri ve y&#246;nlendirmeler y&#252;z&#252;nden yitirmeye ba&#351;lam&#305;&#351; ve yeniden kazanmaya pek de g&#246;z&#252; olmayan insan.&lt;/p&gt;


	&lt;p&gt;&lt;strong&gt;E&#287;er Ki&#351;i bir Se&#231;im Yapm&#305;&#351;sa Art&#305;k Beynini de 2 e b&#246;l&#252;p Bir taraf&#305;n&#305; &#199;&#246;pe atm&#305;&#351; demektir&#8230;&lt;/strong&gt;&lt;/p&gt;


	&lt;p&gt;Biraz a&#287;&#305;r bir ele&#351;tiri oldu ama ne yaz&#305;kki insan Beyni &lt;a href="http://tr.wikipedia.org/wiki/Beyin_loblar%C4%B1"&gt;5 Ana lobtan&lt;/a&gt; ibaret bilim adamlar&#305;n&#305;n da ara&#351;t&#305;rd&#305;klar&#305; &#252;zre Beynimizin Sol K&#305;sm&#305; say&#305;salc&#305; yani Analitik Zeka dedi&#287;imiz k&#305;s&#305;m ve Sa&#287; Lobu da S&#246;zelci yani hayalperest sanat yeteneklerini bar&#305;nd&#305;ran k&#305;sm&#305;d&#305;r&#8230;&lt;/p&gt;


	&lt;p&gt;Ak&#305;l Haritalama Sol Beynimizin Analitik d&#252;&#351;&#252;ncelerini Hayalperest Sa&#287; k&#305;sm&#305;yla Somutla&#351;t&#305;rarak her iki yetene&#287;imizin ortaya sergilenmesini sa&#287;lar&#8230;&lt;/p&gt;&lt;p&gt;Bu yaz&#305; &lt;a href="http://www.bildirgec.org/uye/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/akil-haritalama-ve-semantik-web "&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, 30 Jun 2009 10:00:00 GMT</pubDate>
      <guid isPermaLink="false">214482@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/akil-haritalama-ve-semantik-web</link>
    </item>
    <item>
      <title>jQuery Impromptu ile &#350;&#305;k Tasar&#305;ml&#305; Mesaj Kutular&#305;</title>
      <author>guldemgokalp</author>
      <description>&lt;p&gt;Web sitelerinde kullan&#305;c&#305;lar&#305;n bilgi giri&#351;i, i&#351;lemlerin onaylanmas&#305; ve &#231;e&#351;itli se&#231;imlerde bulunmas&#305; i&#231;in; &lt;a href="http://www.bildirgec.org/ara/javascript"&gt;javascript&lt;/a&gt; ile tetiklenen &lt;b&gt;alert, prompt ve confirm&lt;/b&gt; ad&#305; ile an&#305;lan mesaj kutular&#305; kullan&#305;l&#305;r.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/algoz/j1.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;a href="http://trentrichardson.com/Impromptu/index.php"&gt;jQuery Impromptu&lt;/a&gt; eklentisi bu pencerelerin yerine kullan&#305;labilcek ve &#231;ok daha farkl&#305; &#246;zelliklere sahip bir &lt;a href="http://www.bildirgec.org/ara/JQuery"&gt;JQuery&lt;/a&gt; eklentisi.&lt;/p&gt;


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

	&lt;p&gt;&lt;b&gt;jQuery Impromptu'nun Baz&#305; &#214;zellikleri:&lt;/b&gt;&lt;br&gt;-HTML i&#231;eri&#287;i destekliyor.&lt;br&gt;-Tasar&#305;m&#305; CSS ile kolayca de&#287;i&#351;tirilebiliyor.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/algoz/j6.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;br&gt;-Farkl&#305; butonlar eklenebiliyor.&lt;br&gt;-De&#287;i&#351;ik animasyonlar kullan&#305;labiliyor.&lt;br&gt;-Ard&#305;&#351;&#305;k i&#351;lemler yapabiliyor.&lt;br&gt;&lt;div class="imajorta"&gt;&lt;img src='http://www.bildirgec.org/imaj/algoz/j5.png' alt="\"\"" border="0"&gt;&lt;br&gt;&lt;/div&gt;&lt;/p&gt;


	&lt;p&gt;&lt;b&gt;jQuery Impromptu&lt;/b&gt; ile ilgili t&#252;m bilgilere &lt;a href="http://trentrichardson.com/Impromptu/index.php"&gt;buradan&lt;/a&gt; ula&#351;abilirsiniz.&lt;/p&gt;


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


	&lt;p&gt;Kaynak: &lt;a href="http://www.webresourcesdepot.com/prompt-for-user-input-with-style-jquery-impromptu/"&gt;webresourcesdepot&lt;/a&gt;, &lt;a href="http://trentrichardson.com/Impromptu/index.php"&gt;trentrichardson&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/guldemgokalp"&gt;guldemgokalp&lt;/a&gt; taraf&#305;ndan &lt;a href=" http://www.bildirgec.org/yazi/jquery-impromptu-ile-sik-tasarimli "&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, 30 Jun 2009 06:35:00 GMT</pubDate>
      <guid isPermaLink="false">214481@http://www.bildirgec.org/</guid>
      <link>http://www.bildirgec.org/yazi/jquery-impromptu-ile-sik-tasarimli</link>
    </item>
  </channel>
</rss>

