http://www.bildirgec.org/ tr-tr 40 bildirgec.org - mnykdm - beğendikleri mnykdm <p><strong><a href="http://www.adobe.com">photoshop</a></strong> 1990'da ilk versiyonunda tarayıcı yoluyla alınan resimlerin düzenlenmesi niyetiyle yapılmış bir programdı. bu niyetini de adında taşıyor zaten. her ne kadar yeni versiyonlarında <a href="http://www.bildirgec.org/yazi/photoshop-ta-yazilara-sihirli-dokunuslar"><strong>yazılara</strong></a> çeşitli efektler uygulayabiliyor olsak da bu yazımız temel amacına hizmet edecek. <br>cilt üzerinde yer alan geçici ya da kalıcı bir takım izler vardır. bunlar sivilce, yara ya da ben izleri olabilir ve fotoğraflarda bazen hoş durmayabilirler. işte biz de fotoğraflarımıza nasıl ipeksi ciltler kazandırılabileceğinin basit bir yolunu öğreneceğiz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-without-make-up.jpg' alt="çalışmamızın ilk hali" border="0"><br>çalışmamızın ilk hali</div><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-with-make-up.jpg' alt="çalışmamızın son hali" border="0"><br>çalışmamızın son hali</div><br><!-- buradan kes --><br><strong>başlayalım</strong><br>resmimizi açtıktan sonra bu katmanımızı bir kez çoğaltıyoruz. isterseniz bu katmana sağ tıklayıp "<strong>duplicate layer</strong>" yolunu izleyebilir, ya da bu katmanımızı <strong>layer palet</strong>in en altındaki <strong>new layer</strong> butonunun üzerine sürükleyebilirsiniz. bütün çalışmamızı bu yeni katman üzerinde gerçekleştireceğiz.</p> <p><strong>adım 1</strong><br>bu yeni katmanımızın <strong>blend modu</strong>nu <strong>vivid light</strong> olarak değiştiriyoruz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/vividlight.jpg' alt="blend modu vivid light olarak değiştiriyoruz" border="0"><br>blend modu vivid light olarak değiştiriyoruz</div></p> <p><strong>adım 2</strong><br>şimdi resmimize <strong>invert</strong> uygulayacağız. <strong>Image</strong> > <strong>Adjustments</strong> > <strong>Invert</strong> yolunu izleyebilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/inverted-image.jpg' alt="invert uyguladığımız resim" border="0"><br>invert uyguladığımız resim</div></p> <p><strong>adım 3</strong><br>bu adımda da aynı katmanımıza <strong>gaussian blur</strong> uyguluyoruz. yolumuz şu şekilde: <strong>filter</strong>><strong>blur</strong>><strong>gaussian blur</strong>. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/after-gaussian-blur-2.jpg' alt="gaussian blur uyguladığımız resim" border="0"><br>gaussian blur uyguladığımız resim</div><br>bunu uygularken de oranımız resmin ana hatlarının belirginleşmeye başladığı orandır.</p> <p><strong>adım 4</strong><br>artık resmimizi biraz yumuşatalım. <strong>Filter</strong> > <strong>Other</strong> ><strong>High Pass</strong> yolunu izleyelim. burada oranımızı da cildin görünümüne göre ayarlıyoruz. çene, kaş ve gözlerin hayalet gibi görünmesine aldırmayın ve cildin yeterince pürüzsüz olduğunu düşündüğünüz yerde bırakın.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/yumusatilmisresim.jpg' alt="çalışmanın high pass sonrası durumu" border="0"><br>çalışmanın high pass sonrası durumu</div></p> <p><strong>adım 5</strong><br>şimdi sıra <strong>mask</strong> uygulamaya geldi. <strong>layer palet</strong>in altında bulacağınız <strong>add layer mask</strong> butonuna tıklıyoruz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/addlayermask.jpg' alt="add layer mask" border="0"><br>add layer mask</div></p> <p><strong>adım 6</strong><br><strong>d</strong> ve <strong>x</strong> tuşlayarak siyah rengimizi seçiyoruz ve <strong>araçlar paleti</strong>mizden <strong>paint bucket tool</strong>u seçerek katmanımızı siyahla dolduruyoruz. sanki resmimiz ilk haline döndü diye paniklemeyin, sorun yok.</p> <p>ve son olarak da yumuşak bir fırça seçiyoruz <strong>d</strong> tuşlayarak seçtiğimiz beyaz renkle cildin ipeksi görünmesini istediğimiz yerlerini boyuyoruz. yani boyama derken beyaz bir renk göremeyeceksiniz ama değişim gözle görülür olacak ve gerekli yerlerde bence muhteşem de olacak:<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/TegMenTM/alicia-silverstone-with-make-up.jpg' alt="son durum" border="0"><br>son durum</div></p> <p>emeğe saygı diyerek <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/quick-tip-how-to-smooth-skin-without-losing-texture-in-photoshop/">kaynak</a>...</p> <p>photoshopla ve diğer birkaç konuyla alakalı olarak <strong><a href="http://tegmentm.bildirgec.org/">diğer yazılarım</a></strong>...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-ile-ipeksi-ciltler ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 09 May 2011 10:19:00 GMT 243403@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-ile-ipeksi-ciltler mnykdm <p><a href="http://www.bildirgec.org/ara/css3">CSS 3</a> çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3'ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3'e son günlerden yüklenmiş durumdalar. <a href="http://www.bildirgec.org/ara/web 2.0">web 2.0</a> ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;</p> <p><a href="http://designshack.co.uk/tutorials/introduction-to-css3-part-1-what-is-it">Introduction to CSS3 – Part 1: What Is It?</a><br>(<em>CSS 3'e giriş - bölüm 1 : nedir?</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/introduction-to-css3.png' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.webmonkey.com/tutorial/Get_Started_with_CSS_3">Get Started with CSS</a><br>(<em>CSS 3'e başlayın</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/get-started-with-css3-500x207.png' alt="\"\"" border="0"><br></div></p> <p><a href="http://mattwilcox.net/archive/entry/id/1031/">The fundamental problems with CSS3</a><br>(<em>CSS 3 Hakkında Temel Sorular</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/the-fundamental-problems-with-css3-500x203.png' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p><a href="http://www.smashingmagazine.com/2009/07/13/css-3-cheat-sheet-pdf/">CSS 3 Cheat Sheet</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/css3-500x302.gif' alt="\"\"" border="0"><br></div><br>CSS 3'teki yeni nesneleri tablo halinde veren gerekli bir döküman</p> <p><a href="http://24ways.org/2006/rounded-corner-boxes-the-css3-way"><br>Rounded Corner Boxes the CSS3 Way</a><br>(<em>CSS3 ile köşesiz kutular yapmak</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/rounded-corner-boxes-the-css3-way-500x195.png' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/11-classic-css-techniques-made-simple-with-css3/">11 Classic CSS Techniques Made Simple with CSS3</a><br>(<em>CSS3'ün 11 Klasik tekniği</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/11-classic-css-techniques-made-simple-with-css3-500x240.png' alt="\"\"" border="0"><br></div></p> <p><a href="http://cssglobe.com/post/6089/3-easy-and-fast-css-techniques-for-faux-image">3 Easy and Fast CSS Techniques for Faux Image Cropping</a><br>(<em>Resim kırpmak için 3 kolay CSS tekniği</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/">HTML 5 and CSS 3: The Techniques You’ll Soon Be Using</a><br>(<em>HTML 5 ve CSS 3 : Teknikleri Yakında Kullanılacak</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/final-500x201.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/">How To Create A Sexy Vertical Sliding Panel Using jQuery And CSS3</a><br>(<em>CSS 3 ile nasıl seksi Sliding Panel yapılır ?</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/slidingpanel-thumb-500x194.jpg' alt="\"\"" border="0"><br></div></p> <strong>Ayrıca Bakınız ; </strong> <ul> <li><a href="http://www.bildirgec.org/yazi/en-iyi-css-framework-ler">En iyi CSS Framework'ler</a></li> <li><a href="http://www.bildirgec.org/yazi/siradisi-jquery-uygulamalari">Sıradışı jQuery uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/5-web-tasarim-gelistirme-araci">5 Web Tasarım Geliştirme Aracı</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-yaratici-photoshop-dersleri">2009'un Yaratıcı Photoshop Dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-da-yeniden-tasarlanan-logolar">2009'da Yeniden tasarlanan logolar</a></li> <li><a href="http://www.bildirgec.org/yazi/2010-da-apple-in-beklenen">2010'da Apple'ın beklenen ürünleri</a></li> <li><a href="http://www.bildirgec.org/yazi/artik-internet-google-ile-daha">Artık internet Google ile daha hızlı</a></li> <li><a href="http://www.bildirgec.org/yazi/avatar-filmi-photoshop-tasarimlari-ve">Avatar filmi photoshop tasarımları ve dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/ilham-verici-form-tasarimlari">ilham verici form tasarımları</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyunlar">jQuery ile Hazırlanan Oyunlar!</a></li> </ul> <p><strong>angelsdemos</strong> : <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak ;</strong> <a href="http://aext.net/2010/01/10-best-tutorials-to-learn-css3/">aext</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/css-3-ogrenmek-icin-en ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 16 Jan 2010 11:17:00 GMT 232206@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/css-3-ogrenmek-icin-en mnykdm <p>Birçok web tasarımcı satırlarca kodu aklında tutamaz. Bu yüzden kendilerine ait notları ya da baktıkları birkaç yer bulunur. Burada <a href="http://www.bildirgec.org/ara/wordpress">wordpress</a>,<a href="http://www.bildirgec.org/ara/html">html</a>,<a href="http://www.bildirgec.org/ara/css">css</a>,<a href="http://www.bildirgec.org/ara/jquery">jquery</a>,<a href="http://www.bildirgec.org/ara/photoshop">photoshop</a> vb. gibi birçok konuda notlar,ipuçları ve hileler bulunmakta ;</p> <p><a href="http://wpcandy.com/wp-content/uploads/WordPress-Help-Sheet.pdf">Liquidicity</a> (Wordpress yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/liquidicity.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf">WP-The Loop</a> (Wordpress yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/loop.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/wp_loop.pdf">Theme Development Check List</a> (Wordpress Tema Geliştirme Kontrol Listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/theme.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://colorcharge.com/jquery/">jQuery </a>( jQuery yardım notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gscottolson.com/weblog/2008/01/11/jquery-cheat-sheet/">jQuery 1.2 Cheat Sheet </a>(jQuery Hileleri)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dreamincode.net/downloads/ref_sheets/php_reference_sheet.pdf">PHP reference sheet </a>(Basit php hatırlatma notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/php.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.gosquared.com/images/help_sheets/PHP%20Help%20Sheet%2001.pdf">GoSquared</a> (Php notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/php2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://creativetechs.com/tipsblog/adobe-pen-tool-cheatsheet/">Creative Tip</a> (Photoshop'ta <a href="http://www.bildirgec.org/ara/pen tools">pen tools</a> için ipuçları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/pen-tool.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://morris-photographics.com/photoshop/shortcuts/#pscs4">Adobe Photoshop CS4 Keyboard Shortcuts</a> ( Photoshop CS4 klavye kısayol listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/photoshop-cs4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/">CSS Cheat Sheet (V2)</a> (<a href="http://www.bildirgec.org/ara/css">Css</a> notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/v2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/rgb-hex-cheat-sheet-v1.pdf">RGB Colour codes</a> (<a href="http://www.bildirgec.org/ara/rgb">RGB</a> renk kodları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/color-2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/html-help-sheet-02.pdf">GoSquared</a>(Html notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/html.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://designtopx.files.wordpress.com/2009/11/html-character-entities-cheat-sheet.pdf">HTML character entities</a> (html karakter listesi)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/html-char.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.elizabethcastro.com/html/extras/xhtml_ref.html"><br>HTML Elements and Attributes</a> (html elemanları ve özellikleri)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/htmlattribute.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.customguide.com/pdf/fireworksmac-quick-reference-cs3.pdf">Fireworks CS3</a> (<a href="http://www.bildirgec.org/ara/adobe fireworks">adobe fireworks</a> cs3 notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/fireworks.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.crazyleafdesign.com/blog/images/tutorials/keyboard-shortcuts/illustrator-cs3-mac.pdf">Illustrator CS3</a> (<a href="http://www.bildirgec.org/ara/adobe illustrator">adobe illustrator</a> cs3 notları)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/illustrator.jpg' alt="\"\"" border="0"><br></div></p> <p>Kaynak ; <a href="http://www.webanddesigners.com/34-cheat-sheets-for-web-designers-and-developers">webanddesigners</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-hatirlatici-notlar-1 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Wed, 02 Dec 2009 17:25:00 GMT 228873@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-hatirlatici-notlar-1 mnykdm <p>Sitenizde basit ve hoş görünen fakat flaş kadar da yavaş yüklenmeyen menüler, rengi değişen arka planlar, dikkat çekici hoş uygulamalar istiyorsanız <a href="http://www.bildirgec.org/jquery">jQuery</a> tam size göre;</p> <p><strong>Kwicks for jQuery</strong> | <a href="http://www.jeremymartin.name/examples/kwicks.php?example=1">Demo</a> - <a href="http://www.jeremymartin.name/projects.php?project=kwicks">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2eby2d5.jpg' alt="\"\"" border="0"><br></div><br>jQuery menü uygulaması. Bloklardan birinin üstüne geldiğinizde sağa/sola veya aşağı kayan hoş bir uygulama. Bu sayede gizlenen resme resimler ya da bilgi metinleri yerleştirebilirsiniz<br><strong><br>Changing design colors with jquery</strong> | <a href="http://9lessons.net63.net/colors.html">Demo</a> - <a href="http://9lessons.blogspot.com/2009/06/change-theme-color-with-jquery.html">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/dgmmoi.jpg' alt="\"\"" border="0"><br></div><br>Web sayfası tasarlarken işinize yarayacak bir uygulama. Link, arka plan vb. gibi renkleri ayarladığınızda anında görüntüsünü size veriyor.</p> <p><!-- buradan kes --></p> <p><strong>Easy jQuery fading color menu </strong> | <a href="http://www.tomhoppe.com/index.php/2009/02/easy-jquery-fading-color-menu/"> Der</a> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2a7ftoh.jpg' alt="\"\"" border="0"><br></div><br>jQuery menü uygulaması. Blogların altına sonradan üstüne gidildiğinde ortaya çıkan bilgi kutucukları çıkıyor.</p> <p><strong>highlightFade jQuery Plugin</strong> | <a href="http://jquery.offput.ca/highlightFade/old.php">Demo</a> -<a href="http://jquery.offput.ca/highlightFade/old.php"> Ders</a> <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2ch1es3.jpg' alt="\"\"" border="0"><br></div><br>Arka planları veya başlıkları daha vurgulu olması ve dikkat çekmesi için jQuery sayesinde renk değiştirebilmesini sağlayabileceğiniz hoş bir uygulama.</p> <p><strong>jAni</strong> | <a href="http://www.ajaxblender.com/script-sources/jani/demo/index.html">Demo</a> - <a href="http://www.ajaxblender.com/jani.html">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2irvwb4.jpg' alt="\"\"" border="0"><br></div><br>jQuery ile yapılan animasyon efekti. Hazırladığınız animasyonu istediğiniz yerde durdurma, başa alma özellikleri mevcut (pause,stop).</p> <p><strong>Fade colors using jQuery</strong> | <a href="http://www.jankoatwarpspeed.com/examples/fade-colors/">Demo</a> - <a href="http://www.jankoatwarpspeed.com/post/2009/10/13/Fade-colors-jQuery.aspx">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/330h2li.jpg' alt="\"\"" border="0"><br></div><br>Yazılara anında istediğiniz rengi verebiliyorsunuz. Belirlediğiniz butonlara tıklandıklarında renkeleri değişiyor.</p> <p><strong>jQuery Colorful Sitemap </strong> | <a href="http://css-tricks.com/examples/Sitemap">Demo</a> - <a href="http://www.smashingmagazine.com/2009/01/22/ask-sm-how-to-create-a-colorful-sitemap-with-jquery/">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2i7vgpc.jpg' alt="\"\"" border="0"><br></div><br>Hoş bir jQuery ile hazırlanan site haritası uygulaması.</p> <p><strong>jQuery Color Plugin and Color Animation</strong> | <a href="http://desizntech.info/demo/jQuery_color_animation/">Demo</a> - <a href="http://desizntech.info/2009/06/playing-with-jquery-color-plugin-and-color-animation/">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jj72p5.jpg' alt="\"\"" border="0"><br></div><br>jQuery ile hazırlanan başka bir menü uygulaması. Üstüne gittiğinizde arka plan veya yazı rengi hoş bir şekilde renk değiştiriyor.</p> <p><strong><br>jQuery Random Link Color Animations</strong> | <a href="http://davidwalsh.name/dw-content/jquery-random-colors.php">Demo</a> - <a href="http://davidwalsh.name/jquery-random-color-animate">Ders</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/smy1rr.jpg' alt="\"\"" border="0"><br></div><br>Hazırladığınız linklerin jQuery ile hareket etmesi ve renk değiştirmesini sağlayan uygulama.</p> <p><em>Devamı gelecek...</em></p> <p>Kaynak ; <a href="http://www.jquery.wisdomplug.com/jquery-plugins/jquery-animation-effects-plugins-jquery-plugins/colorful-jquery-plugins/">wisdomplug</a></p> Ayrıca Bakınız ; <ul> <li><a href="http://www.bildirgec.org/yazi/turkce-jquery-dersleri">Türkçe jQuery dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-yazi-efektleri">jQuery Yazı Efektleri</a></li> <li><a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu">10 Harika jQuery Navigasyon Menü</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-medya-oynaticilari">En iyi jQuery Medya Oynatıcıları</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-captcha-servisleri">En iyi Captcha Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-5-veritabani-yonetim-1">En iyi 5 Veritabanı Yönetim Aracı</a></li> <li><a href="http://www.bildirgec.org/yazi/web-2-0-icin-tasarim">Web 2.0 için Tasarım Araçları</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 03 Dec 2009 12:41:00 GMT 228872@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1 mnykdm <p><a href="http://www.bildirgec.org/ara/font">Font</a> programları ile fontlarınız düzenleyebilir, arama yapabilir, etiketleyebilir ve isterseniz paylaşabilirsiniz. Web tasarımcıları, tipograflar ve reklamcıların kurtarıcıları olabilecek font programlarından en popüler olanları;</p> <p><strong><a href="http://www.myfontbook.com/">myFontbook</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01-01-myfontbook.png' alt="\"\"" border="0"><br></div><br>Bilgisayarınızda yüklü fontları düzenlemek için yapılmış bir programdır. Fontlar içinde arama ve düzenleme yapabilirsiniz. Ücretsiz olarak dağıtılan programın servisine üye olduğun taktirde font arşivinizi başkalarıyla paylaşabilir ve kategorileyebilirsiniz. Fontun üstünü tıkladığınızda önizlemeside oluşmakta. Tüm işletim sistemlerine kurulabilir.</p> <p><strong><a href="http://support.apple.com/kb/HT2509">Font Book</a> </strong>(<em>mac</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01-02-font-book.png' alt="\"\"" border="0"><br></div><br>Dünyanın en büyük yazıyüzü referansı olan <strong>font book </strong>tasarımcılar, tipograflar, reklamcılar için birebir. Dijital fontları derleyip kategorileme yapabilirsiniz. Tüm klasik fontlar ve yeni çıkan fontların tümünü içeren bir uygulama. Özenle hazırlanmış bir font ansiklopedisi.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.fontmatrix.net/">Fontmatrix</a> </strong>(<em>Windows/Linux</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01-03-fontmatrix.png' alt="\"\"" border="0"><br></div><br>Linux kullanıcıları için hazırlanmış açık kaynak kodlu font yönetim aracıdır. Linux için hazırlanmış olsa da windows sürümüde bulunmakta. Geliştirme konsolu ile istediğiniz şekilde değişim yapmak mümkün. Etiketleme ve düzenleme yapabilmekte.</p> <p><strong><a href="http://richardsprojects.co.uk/products/font-picker/">Font Picker</a></strong> (<em>Windows/Mac/Linux/Web Browser</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01-04-font-picker.png' alt="\"\"" border="0"><br></div><br>Bilgisayarınızda istemediğiniz kadar font bulunuyor ve siz font seçmekte zorlanıyorsanız <strong>font picker </strong>tam size göre. Adobe AIR tarafından yapılan masaüstü uygulamasıdır. Siz metni bir kere yazdığınızda <strong>font picker</strong> sizin için bilgisayarınızdaki tüm fontlar ile o metki karşınıza sunuyor. Size ise sadece seçmek kalıyor.</p> <p><strong><a href="http://apps.leviathonsoftware.co.cc/sfont/">sFont</a></strong> (Windows)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/01-05-sfont.jpg' alt="\"\"" border="0"><br></div><br>Basit arayüzlü font yönetim aracı. Fontları favori olarak etiketlemeniz mümkün. TrueType özelliği bulunmakta.</p> <p>Kaynak ; <a href="http://sixrevisions.com/tools/10-free-apps-for-managing-your-fonts/">sixrevisions</a></p> Ayrıca Bakınız ; <ul> <li><a href="http://www.bildirgec.org/yazi/photoshop-ta-10-tipografik-yazi">Photoshop'ta 10 Tipografik Yazı Efekti</a></li> <li><a href="http://www.bildirgec.org/yazi/retro-renkler-kullanilarak-yapilan-en">Retro Renkler Kullanılarak Yapılan En İyi Tasarımlar</a></li> <li><a href="http://www.bildirgec.org/yazi/14-farkli-photoshop-dersi">14 Farklı Photoshop Dersi</a></li> <li><a href="http://www.bildirgec.org/yazi/ilham-verici-gorsel-tasarimlar">İlham verici Görsel Tasarımlar</a></li> <li><a href="http://www.bildirgec.org/yazi/10-farkli-grunge-tarzi-wallpaper">10 Farklı Grunge Tarzı Wallpaper</a></li> <li><a href="http://www.bildirgec.org/yazi/en-yaratici-acilis-sayfalari">En yaratıcı Açılış Sayfaları</a></li> <li><a href="http://www.bildirgec.org/yazi/10-online-fotograf-duzenleme-servisi">10 Online Fotoğraf Düzenleme Servisi</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-font-programlari ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 04 Dec 2009 17:28:00 GMT 228871@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-font-programlari mnykdm <p><a href="http://bildirgec.org/ara/tooltip">tooltip</a>, metinlere,görsellere site içerisinde açılan bilgilendirme penceleridir. Küçük popuplar şeklinde açılan bu uygulama sayesinde bir konu hakkında ipucu, resim ya da reklam yapmanız mümkün. İşte popüler tooltip uygulamaları;</p> <p><a href="http://www.nickstakenburg.com/projects/prototip2/">Prototip 2</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-2.jpg' alt="\"\"" border="0"><br></div><br>Kolay ve basit şekilde istediğiniz kelime ya da kelime grubuna <a href="http://bildirgec.org/ara/tooltips">tooltips</a> oluşturmanızı sağlar. <a href="http://bildirgec.org/ara/javascript">Javascript</a> ile hazırlanan bu uygulama ile görsel nesne, yazı link vb. ekleyebilirsiniz.</p> <p><a href="http://jqueryfordesigners.com/coda-popup-bubbles/">Coda Popup Bubbles</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/9-4.jpg' alt="\"\"" border="0"><br></div><br>Coda ile Küçük bir popup açarak bilgi formu hazırlayabilirsiniz.</p> <p><!-- buradan kes --></p> <p><a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx"><br>Advanced Tooltip</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/16.jpg' alt="\"\"" border="0"><br></div><br>Fotoğraflarda insanların yüzlerini işaretleyip açılan popup'ta onlar hakkında bilgiler verebilirsiniz.</p> <p><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery">Easiest Tooltip</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/15.jpg' alt="\"\"" border="0"><br></div><br>Belli bir link veya görsel içerikli bir yazı yazdığınızda açılan popup ile görsel nesneleri gösterebilmenizi sağlayan tooptip uygulaması.</p> <p><a href="http://cssglobe.com/post/4380/easy-tooltip--jquery-plugin">Easy Tooltip jQuery Plugin</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/32.jpg' alt="\"\"" border="0"><br></div><br>Yazınızda yer alan kelimelere açıklama, reklam vb. için tooltips açabilirsiniz. Ayrıca <a href="http://bildirgec.org/ara/jquery">jQuery</a> ile hazırlanmış bir uygulama.</p> <p><a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip">jTip</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/20.jpg' alt="\"\"" border="0"><br></div><br>HttpXMLRequest nesnesini kullanarak önceden hazırladığınız sayfayı tooltips'e çekebilen hoş bir uygulama.</p> <p><a href="http://www.kryogenix.org/code/browser/nicetitle/">Nice Titles</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/1-7.jpg' alt="\"\"" border="0"><br></div><br>Bahsettiğiniz konu hakkında ipuçları, linkler vb. yazabileceğiniz transparan olarak popup açılan hoş bir uygulama.</p> <p><a href="http://www.dhtmlgoodies.com/index.html?whichScript=form-field-tooltip">Tooltip to Forms</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/2-7.jpg' alt="\"\"" border="0"><br></div><br>Sitenizde hazırladığınız formlarda bilgi için popuplar açmanızı sağlayan tooltip uygulaması.</p> <p><a href="http://flowplayer.org/tools/tooltip.html"><br>jQuery Tooltips</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/26.jpg' alt="\"\"" border="0"><br></div><br>jQuery ile hazırlanmış, resimlere bilgi metinleri ekleyebileceğiniz bir uygulama.</p> <p><a href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-tooltip">Ajax Tooltip</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/3-6.jpg' alt="\"\"" border="0"><br></div><br><a href="http://bildirgec.org/ara/ajax">Ajax </a>ile hazırlanmış metinlere popup açmanızı sağlayan tooltip uygulaması.</p> <p>Kaynak ; <a href="http://vandelaydesign.com/blog/tools/tooltips-scripts/">vandelaydesign</a></p> Ayrıca Bakınız ; <ul> <li><a href="http://www.bildirgec.org/yazi/web-2-0-icin-arka-1">web 2.0 için arka plan yaratıcılar</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-yazi-efektleri">jQuery Yazı Efektleri</a></li> <li><a href="http://www.bildirgec.org/yazi/web-2-0-icin-tasarim">Web 2.0 için Tasarım Araçları</a></li> <li>En iyi jQuery Medya Oynatıcıları</li> <li><a href="http://www.bildirgec.org/yazi/10-harika-jquery-navigasyon-menu">10 Harika jQuery Navigasyon Menü</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-captcha-servisleri">En iyi Captcha Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-yeni-programlar">Web Tasarımcıları İçin Yeni Programlar</a></li> <li><a href="http://www.bildirgec.org/yazi/turkce-jquery-dersleri">Türkçe jQuery dersleri</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/tooltip-uygulamalari-1 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 05 Dec 2009 08:02:00 GMT 228870@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/tooltip-uygulamalari-1 mnykdm <p>Bir veritabanı yönetim aracı hızlı, verimli ve kullanışlı olmalıdır. Ayrıca güvenilir.<a href="http://sixrevisions.com/tools/top-five-best-database-management-tools/">Burada</a> en iyi 5 veritabanı yönetim araçlarını göstermiş;</p> <p>5- <a href="http://www.microsoft.com/downloads/details.aspx?familyid=08e52ac2-1d62-45f6-9a4a-4b76a8564a2b&displaylang=en">Microsoft SQL Server Management Studio</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/17-02-sql-server-management-studeio.jpg' alt="\"\"" border="0"><br></div><br>Microsoft'un kendi kullanıcıları için hazırladığı sql veritabanı yönetim aracı. Ücretsiz olarak kendi web sitesinden indirilebilir. Kolay kullanımlı ve grafiksel arayüzleri ile oldukça verimli.Fakat .NET Framework 2.0 yüklemesi istiyor.</p> <p>4 - <a href="http://www.sequelpro.com/">Sequel Pro</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/17-03-sequel-pro.jpg' alt="\"\"" border="0"><br></div><br>Mac OS kullanıcıları için yapılmış açık kaynak kodlu oldukça verimli ve hızlı veritabanı yöneticisi.</p> <p><!-- buradan kes --></p> <p>3 - <a href="http://www.webyog.com/en/screenshots_sqlyog.php">SQLyog</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/17-04-sqlyog.png' alt="\"\"" border="0"><br></div><br>Kurumlar için 99$-999$ arası fiyat ile satılan fakat normal kullanıcılar için ücretsiz bir uygulama. Bir çok şirketin bu programı kullandığı ileri sürülüyor.</p> <p>2 - <a href="http://www.navicat.com/en/products/navicat_mysql/mysql_overview.html">Navicat for MySQL</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/17-05-navicat-mysql.png' alt="\"\"" border="0"><br></div><br>Windows, Mac, Linux işletim sistemlerinin tümünün kullanabileceği bir program. Tüm veritabanı işlemlerini hızlı ve verimli bir şekilde yapabilmekte.Birçok veritabanına alma-gönderme yapabilirsirsiniz.<br>1 - <a href="http://www.phpmyadmin.net/home_page/index.php">phpMyAdmin</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/17-06-phpmyadmin.png' alt="\"\"" border="0"><br></div><br>En popüler veritabanı yönetim aracı. Açık kaynak kodlu olan program oldukça basit kullanımlı.</p> <p>Kaynak ; <a href="http://sixrevisions.com/tools/top-five-best-database-management-tools/">sixrevisions.com</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-5-veritabani-yonetim-1 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 20 Nov 2009 10:01:00 GMT 227784@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-5-veritabani-yonetim-1 mnykdm <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/400-f-6109351-yety4hgkhqbxd5vxnzxvdy2up860mttl.jpg' alt="\"\"Code" border="0"><br>"Code is poetry." - Wordpress</div>Bu yazı, web tasarımının en önemli meselelerini kısaca gözden geçiriyor ve umuyorum bir sonraki tasarım çalışması için bilgisayarınızın karşısına oturduğunuzda üzerinde düşünmeniz gerekenleri size hatırlatır. <p><strong>1. Unutmayın, elinizdeki zaman oldukça kısıtlı.</strong><br>Bir araştırma sonucunda okuduğum kadarıyla, bir kullanıcının söz konusu siteyi baştan aşağıya inceleme süresi <strong>sadece 4 saniyedir</strong>. Ve bu süre gerçekten kullanıcı ile temasa geçip site ile ilgilenmesini sağlamaya yetmez. Dolayısıyla, tasarımla sitenin ne üzerine olduğunu <strong>olabildiğince kesin şekilde</strong> ve kısa sürede vermelisiniz. eğer bu süre birkaç saniyeden uzun sürerse, kullanıcı dikkatini kaybedecek ve başka bir tarafa yönelecektir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/time-bomb-clock.jpg' alt="unutmayın, elinizdeki zaman oldukça kısıtlı." border="0"><br>unutmayın, elinizdeki zaman oldukça kısıtlı.</div><br><strong>2. Kullanıcılar sitenizi tararlar</strong><br>Bir odaya girdiğiniz anda, içerideki bütün yüzleri bir anda görmezsiniz. Öncelikle insanların ve objelerin şekillerini fark edersiniz. <strong>Odayı tararsınız.</strong> Daha sonra devam eder ve ilginizi çeken şeye odaklanırsınız. Benzer şey siteye ilk girildiğinde de yaşanır. <br><!-- buradan kes --></p> <p><strong>Kullanıcılar sitenizi tararlar.</strong> bu noktada kullanıcıyı gitmesini istediğiniz yöne yönlendirmelisiniz. merak uyandırmalısınız. ister giriş ekranı olsun, ister daha fazla öğrenmek için bir bağlantı olsun, blog yazısı olsun vs vs vs.</p> <p><strong>3. En çok sol üst köşe görülür</strong><br>Bu bilinen bir gerçektir. Bunun nedeni de insanların kitap ve makaleleri bu patern ile okumalarıdır. Artı, <strong>ilk siteler ve programlar da bu şekilde tasarlanmıştır.</strong> Yani ortada bir alışkanlık vardır. Genelde sol üste logo konu, bu güzel bir şeydir, kullanıcıların logoyu tanımalarını sağlar. Ancak bununla yetinmeyin, oraya bir şeyler daha koyun. giriş bağlantısı, arama formu veya bir slogan.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/letter-f.jpg' alt="\"\"" border="0"><br></div><strong>4. f paternini öğrenin</strong><br>Gözle takip üzerine yapılan bazı araştırmalar gösteriyor ki, kullanıcılar siteyi <strong>F harfi şeklinde bir patern ile</strong> tararlar. En çok ilgiyi üst kısımlar alırken, orta ve altlara doğru sadece sol taraf taranmaya başlanır. Bir şekli koymak için düşünürken hatırlanması gereken bir şey. <p><strong>5. Kullanıcıların görmezden geldiklerini öğrenin</strong><br>Kullanıcılar <strong>reklam körüdürler.</strong> Bunu internete yeni başlayan kullanıcılardan anlayabilirsiniz, kısa bir süre içinde resimli ve yazılı reklamları görmezden gelmeyi öğrenirler. Reklama benzer şekilde bir şekil tasarlamaktan kaçının. Ayrıca, <strong>kullanıcılar yoğun yazıdan da kaçınırlar.</strong> Kimsenin, sitenin ne hakkında olduğunu anlamak için onca yazıyı okumaya vakti yok diyebiliriz.</p> <p><strong>6. Yazı ve Grafik Savaşı</strong><br>İlginç bir gerçek: <strong>Yazı daha fazla dikkat çeker.</strong> Hem de güzel bir grafikten daha çok. Okuyucunuza bir mesaj vermek istiyorsanız, ki sitelerin amacı da budur, büyük ve afilli bir resim yerine, hoş bir slogan kullanmanızı tavsiye ederim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/i-20want-20you.jpg' alt="\"\"" border="0"><br></div><br><strong>7. Tasarım ögeleriyle ilgi çekin</strong><br>Yazılı sloganlar, direk aksiyona davet eden düğmeler (genelde açık renk), çeşitli listeler, bunlar hep <strong>dikkat çekmeyi sağlayan</strong> tasarım ögeleridir.</p> <p>Eğer uzun bir makale yazmanız gerekiyorsa, en önemli şey başlıklardır, başlıklara dikkat edin, gerekiyorsa müşterinin başlıklarını değiştirmeyi teklif edin. Hiçbir şey başlıklar kadar ilgi çekemez. <strong>Başlıkları uygun şekilde kullanın</strong> ve kullanıcıya makalenin ne üzerine olduğunu bir kaç basit adımda açıklayın.</p> <p><strong>8. Yazı Biçimlendirmesi</strong><br>Bir yazı, <strong>uygun şekilde biçimlendirildiğinde</strong> çok daha iyi okunur. Çok sayıda paragraf kullanmaktan korkmayın, kalın ve italik yazılar kullanın, alıntılar yapın, yazının altını-üstünü çizin.. Yazınızı görsel olarak çekici yapabilecek her şeyi yapın. Kullanıcının okuyuşu sırasında, onun <strong>dikkatini yönetecek şekilde</strong> biçimlendirme kullanmayı da unutmayın.</p> <p><strong>9. Sade Grafikler Kullanın</strong><br>Kullanıcıların reklam körü olduklarını daha önce söylemiştim. Tasarımınızda, grafik kullandığınız zaman çok kalabalık ve içinden çıkılmaz bir halde olmamalarına özen gösterin. Birçok insan, çok renkli ve yoğun grafiklere bakmayı zor bulur, bunu unutmayın. Kullandığınız <strong>grafikler sade ve anlaşılır olmalı</strong> ve kafa karıştırmamalıdır.<br><div class="imajsol"><img src='http://www.bildirgec.org/imaj/axanc/cssglobe.jpg' alt="\"\"" border="0"><br></div><br>Dikkat çekmek için kullanılabilecek yegane grafik insan yüzüdür. Özellikle de kullanıcıya bakan yüz fotoğrafları. Bunlar kullanıcının dikkatini çekerler. Ayrıca başka tarafa bakan yüzler ile de dikkati istediğiniz tarafa yönlendirebilirsiniz.</p> <p><strong>10. Açık Alanlar Bırakın</strong><br>Her ögeyi bir araya sıkıştırarak kalabalık bir şekil oluşturmayın, <strong>daha fazla görünebilmeleri için</strong> ögelere açık alanlar bırakın. Bırakın kullanıcı sayfaya girdiğinde nefes alsın. Bu özellikle kalabalık grafik kullanmamak ve yoğun metinden sakınmakla mümkün olur.</p> <p><em><a href="http://cssglobe.com/post/6685/10-short-n-sweet-tips-on-how-to-design">Alen Grakalic</a></em></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimi-icin-guzel-ve ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 19 Nov 2009 17:32:00 GMT 227783@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimi-icin-guzel-ve mnykdm <p>Tecrübeli <a href="http://www.bildirgec.org/ara/tasar%C4%B1mc%C4%B1lar">tasarımcılar</a>ın paylaşmış oldukları bu harika <a href="http://www.bildirgec.org/ara/kaynaklar">kaynaklar</a> sayesinde hem yeni bilgiler öğreniyor hem de çalışmalarımız için <a href="http://www.bildirgec.org/ara/ilham%20kayna%C4%9F%C4%B1">ilham kaynağı</a> olabilecek <a href="http://www.bildirgec.org/ara/tasar%C4%B1mlar">tasarımlar</a>a ulaşabiliyoruz. Aşağıda çeşitli bloglar üzerinde veya direk bağlantı ile bilgisayarınıza indirebileceğiniz 500+ kaliteli <a href="http://www.bildirgec.org/ara/psd">psd</a> kaynağına ulaşabilirsiniz.</p> <p>1. <a href="http://atilazz.deviantart.com/art/26-Polariod-and-peperclips-138832354">26 Polariod and Paper Clips</a> (26 Polariod ve Kağıt Klip)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/1-26-polariod-and-peperclips-by-atilazz.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://lazycrazy.deviantart.com/art/WEB-UI-Treasure-Chest-v-1-0-139165343">Web User Interface Treasure Chest</a> (Web Kullanıcı Arayüzü Hazine Sandığı)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/2-web-ui-treasure-chest-v-1-0-by-lazycrazy.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://atilazz.deviantart.com/art/full-pin-stock-138830948">Full Pin Stock</a> (Geniş İğne Stoğu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/3-full-pin-stock-by-atilazz.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://taytel.deviantart.com/art/Calendars-PSD-139602306">Calendars PSD</a> (PSD Takvimler)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/4-calendars-psd-by-taytel.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://djeric.deviantart.com/art/free-psd-ipod-touch-139664482">Free iPod Touch PSD</a> (Ücretsiz iPod Touch PSD'si)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/5-free-psd-ipod-touch-by-djeric.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://psevi.deviantart.com/art/Grass-Number-PSD-File-138201478">Grass Number PSD</a> (Çim Sayı PSD'si)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/6-grass-number-psd-file-by-psevi.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html">Scratches PSD</a> (Çizikler PSD'si)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/7-scratches-744x1024-psd8969.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.officialpsds.com/Scratches-744x1024-PSD8969.html">Barbwire Splater Paint PSD</a> (Sıçramış Dikenli Tel Çizimi PSD'si)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/8-barbwire-splater-paint-psd26825.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://sizer92.deviantart.com/art/Twitter-Bird-Icons-01-141019873">Twitter Bird Icons</a> (Twitter Kuş Simgeleri)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/9-twitter-bird-icons-01-by-sizer92.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://san29.deviantart.com/art/CARD-TEMPLATES-138827012">Card Templates</a> (Kart Şablonları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/10-card-templates-by-san29.jpg' alt="\"\"" border="0"><br></div> <p>11. <a href="http://seizure.deviantart.com/art/Breathe-psd-1860936">Breathe PSD</a> (Yayılma PSD'si)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/11-breathe-psd.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://tamilia.deviantart.com/art/PSD-Pack-Painted-Tags-99541818">PSD Pack Painted Tags</a> (Boyalı Etiketler Paketi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/12-psd-pack-painted-tags-by-tamilia.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://www.instantshift.com/2009/05/29/110-ultimate-round-up-of-free-photoshop-psd-files-and-resources/">110 Ultimate Round-Up of Free Photoshop PSD Files and Resources</a> (En Son Toplanmış Ücretsiz Photoshop Dosyaları ve Kaynakları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/13-other-uruoppfar-003.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://www.1stwebdesigner.com/resources/45-free-design-template-and-psd-files/">45 Free Design Template And PSD Files</a> (Ücretsiz Tasarım Şablonu ve PSD Dosyaları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/14-otherwindows-7-icon.jpg' alt="\"\"" border="0"><br></div> <p>15. <a href="http://blogof.francescomugnai.com/2008/08/the-best-32-free-psds-you-can-find-on-deviantart/">The best 32 Free PSDs you can find on DeviantArt</a> (DeviantArt üzerinde bulabileceğiniz en iyi psd'ler)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/15-other-blackberry-psd.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://visionwidget.com/resources/vectors/97-free-psd-files.html">70 Excellent Free PSD Files ON DeviantArt, Update September 2009</a> (DeviantArt üzerinde harika psd dosyaları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/16-other-tshirt-vector-template.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.dezignmusings.com/2009/08/45-useful-free-photoshop-psd-files.html">45 Useful Collection of Free Photoshop PSD Files</a> (Kullanışlı Photoshop PSD Dosyaları Koleksiyonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/17-other-apple-psd-by-flahorn.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://visionwidget.com/resources/vectors/432-free-psd-logos.html">80 Identity Logo Design With PSD Files</a> (PSD Dosyaları İle Benzer Logo Tasarımı)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/18-other-audioblog.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://www.graphicmania.net/45-free-high-quality-psd-files-to-download/">45 Free High Quality PSD Files to Download</a> (Ücretsiz Yüksek Kaliteli PSD Dosyaları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/19-other-paper-design-psd-by-mrblanka.jpg' alt="\"\"" border="0"><br></div> <p>20. <a href="http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/">60 High Quality Photoshop PSD Files For Designers</a> (Tasarımcılar İçin Yüksek Kaliteli Photoshop PSD Dosyaları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/20-other-post-it-note.jpg' alt="\"\"" border="0"><br></div> <p>21. <a href="http://dzineblog.com/2009/02/30-free-quality-psd-files.html">30 Free Quality PSD Files to Download</a> (Ücretsiz Kaliteli PSD Dosyaları)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/21-other-3.jpg' alt="\"\"" border="0"><br></div> <p><strong>kaynak:</strong> <a href="http://www.2expertsdesign.com/2009/10/28/500-free-download-high-quality-photoshop-psd-files-for-designers/">2expertsdesign.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/tasarimcilar-icin-500-ucretsiz-yuksek ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 30 Oct 2009 17:19:00 GMT 226090@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/tasarimcilar-icin-500-ucretsiz-yuksek mnykdm <p>çok sayıda yazılım kullanıyorsanız; gerek güvenlik, gerek kolay kullanım açısından yazılımlarınızı sıklıkla güncelliyorsunuzdur. bunun için artık uzun uzadıya güncelleme aramanıza gerek yok. aşağıdaki uygulamalardan herhangi biriyle günelleme sorunlarının üstesinden gelebilirsiniz. ayrıca, kimi seçeneklerle işinizi web üzerinden görebiliyorsunuz - ki bu da yeni bir yazılım yüklemenize gerek kalmaması demek.</p> <p>1. <a href="http://secunia.com/vulnerability_scanning/online/">Secunia Online Inspector (OSI)</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/secunia.jpg' alt="secunia" border="0"><br>secunia</div> <p>web üzerinden çalışan küçük bir java uygulaması sayesinde sisteminiz için gereken güncellemeleri saniyeler içinde sistemi tarayarak buluyor. <a href="http://sozluk.sourtimes.org/show.asp?t=applet&nr=y&pt=java+applet">java applet</a>'lerin yüklenmesine izin verdikten sonra sisteminiz hizlı bir biçimde taranıp, sonuçlar ekrana teker teker çıkıyor. sistem, güncellemeleri bulduğu gibi size direk indirme adresleri de belirterek zaman kaybından kurtarıyor.</p> <p><!-- buradan kes --></p> <p>2. <a href="http://www.cnet.com/techtracker/">TechTracker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/techtracker.jpg' alt="techtracker" border="0"><br>techtracker</div> <p><a href="http://www.cnet.com/">cnet</a>' in sunduğu bu uygulamayla sisteminizdeki yazılımların güncel sürümlerine ulaşabiliyorsunuz. cnet'in <a href="http://download.com">download.com</a> sayfası üzerinden yeni sürümlere ulaşmanızı sağlıyor. güzel yanlarından biri oldukça hızlı güncellenmesi. kullanmanız için <a href="http://cnet.com">cnet</a> üyeliği istemesi ise diğer seçeneklere nazaran daha gereksiz geldi bana nedense.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/psi1.jpg' alt="PSI" border="0"><br>PSI</div>3. <a href="http://secunia.com/vulnerability_scanning/personal/">Secunia PSI</a></p> <p><a href="http://secunia.com/vulnerability_scanning/personal/">PSI</a>, <a href="http://secunia.com/vulnerability_scanning/online/">ilk seçenekteki uygulamanın</a> biraz daha gelişmiş bir çeşidi. yaklaşık 700kB'lık ufak bir uygulamayı bilgisayarınıza kurarak tüm .exe ve .dll'leri taratarak en güncel ve en güvenli sürümleri buluyor. ayrıca sisteminize not vermeyi de ihmal etmiyor. mesela ben ankara'dan sistem taratanlar arasında ortalamanın üstünde çıktım. ve yine işin en güzel yanı, size direk indirme adresleri sunarak zamandan kazanmanızı sağlıyor. isterseniz arka planda çalışarak periyodik olarak güncellemeleri kontrol ederek sizi bilgilendiriyor.</p> <p>4. <a href="http://www.shavlik.com/downloads.aspx#gg">Shavlik Google Gadget</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/shavlik.jpg' alt="shavlik" border="0"><br>shavlik</div> <p>diğer uygulamalardan daha iyi bir çözüm olmasına karşın, <a href="http://desktop.google.com/">google desktop</a> istiyor. her ne kadar daha kesin sonuçlar verse de <a href="http://desktop.google.com/">google desktop</a> kullanıp kullanmamak size kalmış.</p> <p>5. <a href="http://www.filehippo.com/updatechecker/">FileHippo Update Checker</a></p> <p>listedeki belki de en kolay ve kullanışlı çözüm bu olsa gerek. 155kB'lık ufak bir uygulamayı sisteminize kurduktan sonra, tarama işlemi başlıyor. tarama işlemi bittikten sonra da size güncelleme sayfası açarak seçenekleri belirtiyor. bu sistemle beta güncellemeleri bile kurmanız mümkün. Vista, XP, 2003, 2000, ME ve 98 desteği bulunan yazılım <a href="http://www.filehippo.com/download_dotnet_framework_2/">Microsoft .NET Framework 2.0</a> istiyor. sisteminize dair hiçbir bilgiyi kullanmadığına, kişisel bilgilerinize dokunmadığını da ekliyor. ayrıca yine <a href="http://filehippo.com">filehippo</a>'yu kullanarak istediğiniz yazılımın, istediğiniz sürümüne de ulaşabiliyorsunuz. güvenlik açısından en son sürümler tercih edilse de bazen göz zevki için eski sürümler daha tatlı geliyor.</p> <p>6. <a href="http://www.radarsync.com/software/s176591-radarsync_free_version">radarsync updater</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/radar.jpg' alt="RadarSync Updater" border="0"><br>RadarSync Updater</div> <p>diğer uygulamaların yazılım güncellemeleri bulmasının yanı sıra, <a href="http://www.radarsync.com/software/s176591-radarsync_free_version">RadarSync Updater</a> sürücülerinizin de en son sürümlerini buluyor. <a href="http://www.microsoft.com/turkiye/windows/windows-7/">windows 7</a> destekli olması da işin başka bir güzel tarafı. bu seçeneğin bir kötü tarafı varsa o da size direk indirme adresleri sunmaması. eğer diğer seçeneklerdeki gibi zamandan kazanmak, rahat etmek isterseniz sizden gelişmiş sürüme geçmenizi istiyor - ki bu da ücretli. ama bu da sorun değil; size söylenen güncellemeyi netten <a href="http://google.com">aratıp</a> bulabilirsiniz. uygulamanın sisteminizi otomatik tarama ve otomatik güncelleme özelliği de mevcut. işin daha da bir güzel yanı da sürücüleriniz için küçük bir paket hazırlaması ve istediğiniz posta kutusuna atması. her formattan sonra sürücü arama sorununuz varsa, o da ortadan kalktı yani artık. <a href="http://www.radarsync.com/packzoola">packzoola</a> kısmından önceden hazırlanan sürücü paketlerinizi görebilirsiniz. farklı sistemler için farklı paketler oluşturup hepsini saklayabilirsiniz. yine diğer seçeneklerde olduğu gibi arka planda çalışma özelliği mevcut.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/surudenAyrilanKuzu/packzoola.jpg' alt="packzoola" border="0"><br>packzoola</div> <p>7. <a href="http://www.windowsupdatesdownloader.com/ProgramFiles.aspx">WU Downloader</a></p> <p>Microsoft' un güncellemeleri için windows update kullanmak istemezseniz WU ile hem işletim sisteminizin, hem de ofis pakedinizin güncellemelerine ulaşabilirsiniz. kendi windows kurulum cd'nizi yapmanıza da yardım ediyor. bakınız: <a href="http://www.itusozluk.com/goster.php/slipstreaming">*</a> <a href="http://en.wikipedia.org/wiki/Slipstream_%28computing%29">*</a> <a href="http://sozluk.sourtimes.org/show.asp?t=nlite">*</a> <a href="http://sozluk.sourtimes.org/show.asp?t=vlite">*</a></p> <p>8. <a href="http://code.google.com/p/appsnap/">appsnap</a></p> <p><a href="http://code.google.com/">google code</a> tarafından barındırılan açık kaynak bir çalışmanın ürünü olan bu uygulamayla diğer seçeneklerde oluğu gibi güncellemelere ulaşabiliyorsunuz. kurulum dosyası diğer seçeneklere nazaran biraz büyük olması kendisini gerilere taşıyor. ayıca indirme süresi de diğer seçeneklere göre oldukça yavaş. sisteminizde kurulu olan uygulamaların yanı sıra, sisteminizde yüklü olmayan fakat işinize yarayabilecek başka uygulamaları da size haber veriyor.</p> <p><a href="http://www.labnol.org/software/download-software-updates-for-computer/9432/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/mnykdm">mnykdm</a> tarafından <a href=" http://www.bildirgec.org/yazi/sisteminizi-guncel-tutmanin-8-kolay ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 28 Sep 2009 12:32:00 GMT 223798@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/sisteminizi-guncel-tutmanin-8-kolay