http://www.bildirgec.org/ tr-tr 40 bildirgec.org - akdem - beğendikleri akdem <p>Bir web sitesinin kullanışlılığının en temel gereklerinden birisi şüphesiz navigasyon menüleridir. Kullanıcılar için kullanım kolaylığı açısından basit ve anlaşılır olmasının yanında şıklığı da oldukça önemlidir. <a href="http://www.smashingmagazine.com">Smashing Magazine</a> bizim için şahane 50 adet css, css+javascript ve flash navigasyon menüsünü listelemiş. İlham almak adına hep birlikte göz atalım.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/loodo.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.loodo.com.br/">Loodo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/nopoko.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.nopokographics.com/english/">nopokographics</a> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/small.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.smallstone.com/home.php">smallstone</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/tap.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.watersmedia.com/">Water’s Edge Media</a><br>Listenin tamamını görmek için <a href="http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/">tıklayın.</a><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici ">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, 05 Feb 2009 07:39:00 GMT 197447@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/50-adet-guzel-ve-kullanici akdem <p>1 . <a href="http://minishowcase.frwrd.net/">Minishowcase</a><br>Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/minishowcase.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://smoothgallery.jondesign.net/showcase/gallery/">JonDesign’s SmoothGallery </a><br>JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/jondesignssmoothgallery.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://www.agilegallery.com/ajax-photo-gallery.html">Ajax Photo Gallery</a> <br>Birçoğumuzun bildiği Agile Gallery basit ve öz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/ajax-photo-gallery.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://fennecfoxen.org/pyxy/gallery">Pyxy-gallery</a><br>Bu sistem biraz eski olmasına rağmen çeşitli düzenlemeler ile tasarımınıza en iyi uygulayabileceğiniz galeri sistemlerinden birisidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/pyxygallery.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.zenphoto.org/">Zenphoto</a><br>Online galeri çözümlerinin bence cevabı Zenphoto sistemidir. Birçoğumuzda elbet bir şekilde bu sistem ile buluşmuşuzdur:) fazla söze gerek yok.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/zenphoto.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.couloir.org/js_slideshow/">Couloir.org: Resizing, Fading Slideshow Demo - AJAX Slideshow</a><br><strong>Bu sistemi şiddetle incelemenizi öneririm.</strong> Belki biraz flash galeri sistemlerini anımsatıyor ama kullanımı ve düzenleme altyapısı okadar basit ki... imaj portfolyo ve fotoğrafçılar için en uygun sistemlerden biri diyebilirim!</p> <p>7. <a href="http://orangoo.com/labs/GreyBox/">Grey Box</a><br>Buna da şiddetle bir bakın demek zorundayım. Tasarımında çok fazla imaj külfeti olanlar için mükemmel bir çözüm olabilir.</p> <p>8. <a href="http://www.huddletogether.com/projects/lightbox2/#example">LightBox 2</a><br>Yabancı gelmedi biliyorum evet, doğru hepimizin bildiği o muhteşem script.</p> <p>9. <a href="http://www.gregphoto.net/lightbox/">Multifaceted Lightbox </a><br>Bu galeri sistemi için aslında fazla söze gerek yok, tekrarlıyorum fotoğrafçılıkla uğraşanlar için gayet başarılı bir sistem.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/multifaceted-lightbox.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.jasons-toolbox.com/SlightlyThickerBox/">Slightly ThickerBox 1.7</a><br>Basit ve öz Light Box2 ye benzerliğiyle bilinen galeri sistemi.</p> <p>11. <a href="http://slideshow.triptracker.net/">TripTracker</a><br>Bu sistem isminden de anlayabileceğimiz gibi gezilerimiz için yarattığımız galerilere en iyi çözüm. <strong>Bunların dışında Şiddetle öneririm!</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/triptracker.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://www.digitalia.be/software/slimbox">Slimbox, the ultimate lightweight Lightbox clone</a><br>Mootols tabanlı o güzel galerilerden biri daha.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/slimbox.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/">Suckerfish HoverLightbox</a><br>Bu sistemi çok beğeneceğinizden eminim. Klasik fikirlerden bıkmış olanlar için ideal olabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/suckerfish-hover-lightbox.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/">Suckerfish HoverLightbox Redux</a><br>Bir önceki sistemimizin farklı bir versiyonu, değişik diyebilirim :)</p> <p>15. <a href="http://jquery.com/demo/thickbox/">ThickBox 2.1.1</a><br>İşte bir klasik daha.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/thickbox.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.cssplay.co.uk/menu/gallery.html">A Photograph Gallery</a><br>Görünüm olarak hepimizin anımsayacağı bir sistem olan A photograph gallery çeşitli görsel düzenlemeler ile güzel olabilir. CSS Tabanlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/a-photograph-gallery.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.cssplay.co.uk/menu/photo_album.html#nogo">A simple CSS photo-album </a><br>İsminden zaten anlıyoruz ki -></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/a-simple-css-photo-album.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://www.cssplay.co.uk/menu/lightbox.html#flower8">Cross Browser Multi-Page Photograph Gallery</a><br>İşte Bu! dediğim galeri sistemlerinden birisi benim çok işime yaramıştır eminim sizin de yarayacak!</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/cross-browser-multi-page.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/">CSS Image Gallery</a><br>Basit ve Öz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/dynamicdrive-css-imagegallery.jpg' alt="\"\"" border="0"><br></div> <p>20. <a href="http://green-beast.com/experiments/css_photo_showcase.php">CSS: Photo Showcase</a><br>Bu sistemi kullanmanızı şiddetle tavsiye ederim özellikle portfolyo sistemlerinde gayet şık olabiliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/css-photo-showcase.jpg' alt="\"\"" border="0"><br></div> <p>21. <a href="http://sonspring.com/journal/hoverbox-image-gallery">HowerBox Image Gallery</a><br>Birçoğumuzun en az bir kere kullandığını düşündüğüm sistem.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/hoverbox-imagegallery.jpg' alt="\"\"" border="0"><br></div> <p>22. <a href="http://www.cssplay.co.uk/menu/photo_scroll.html#nogo">Photo Scroll Gallery</a><br>Bu sistemi de sörf yaparken çok görmüşüzdür.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/photo-scroll-gallery.jpg' alt="\"\"" border="0"><br></div> <p>23. <a href="http://www.cssplay.co.uk/menu/gallery3l.html">Sliding Photograph Galleries</a><br>Bu sistemi birçok kişi bir şekilde reklam ve google adsense yapısı gibi kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/sliding-photograph-galleries.jpg' alt="\"\"" border="0"><br></div> <p>24. <a href="http://cross-browser.com/toys/img_gallery_2.php">xImgGallery - Javascript Image Gallery & Slideshow</a><br>Kullanım açısından çok basit olan bu sistem biraz düzenleme sayesinde tasarım ile tam uyum sağlıyabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/ximg-gallery.jpg' alt="\"\"" border="0"><br></div> <p>25. <a href="http://tjkdesign.com/articles/gallery/photo_gallery.asp">Easy Album</a><br>Bu sistemi de birçoğumuz yakından tanıyacaktır. Çok çok basit ve kullanıcı dostu bir galeri sistemi. Basit kullanımı ile kullanıcılarınıza en iyi sunumu yapabilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/easyalbum.jpg' alt="\"\"" border="0"><br></div> <p>26. <a href="http://dasme.org/imagegal/">Image Gal</a><br>Mini galeri diyebileceğimiz bir sistem. basit imaj gösterim sistemlerini sevenler için ideal.</p> <p>27. <a href="http://vikjavev.no/highslide/">Highslide JS</a><br>Bu sistem de hepimizin kullandığı mevcut diğer sistemler ile çok benzerlik taşıyan bir galeri sistemi. Tavsiye ederim.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/sott/highslide-js.jpg' alt="\"\"" border="0"><br></div> <p>28. <a href="http://design.tedforbes.com/">Satellite</a><br>FlickR ile de çok iyi entegre çalışabilen bir sistem. Şu anda galiba ücretli veya üyelik gerektiriyor.</p> <p>29. <a href="http://www.dhonishow.de/">Dhonishow</a></p> <p>Buna da kesin bakın derim, CMS sistemini kullanan arkadaşlarımız elbet latest photos gibi bir modülü buna uyarlayabilirler.</p> <p>Kaynak : Neredeyse 2 yıldır kullandığım bu galerileri bir araya toplayan <a href="http://www.smashingmagazine.com">smashing magazine</a> sitesinden kendi derlemelerim.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-zaman-aradigimiz-29-adet ">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, 05 Feb 2009 17:38:00 GMT 197446@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-zaman-aradigimiz-29-adet akdem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/cadikazani/original-image-3.gif' alt="\"\"" border="0"><br></div> <p>Obama'nın meşhur posterini görmüşşünüzdür. Siz de <a href="http://obamiconme.pastemagazine.com/">obamaicon.me</a>'ye istediğiniz fotoğrafı yükleyip altına slogonanınızı yazıp ikonik posterlerinizi yaratabilirsiniz. Fotoğraf galerisine bakmak için<a href="http://obamiconme.pastemagazine.com/entries.html"> buraya</a>, günün obamiconu'na bakmak içinse <a href="http://obamiconme.pastemagazine.com/entries/of_the_day.html">buraya</a> buyrunuz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/cadikazani/obama.jpg' alt="obama posteri" border="0"><br>obama posteri</div> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/cadikazani/original-image-2.gif' alt="\"\"" border="0"><br></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/cadikazani/original-image.gif' alt="\"\"" border="0"><br></div><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/obamicon-me ">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, 06 Feb 2009 12:30:00 GMT 197445@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/obamicon-me akdem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/1.JPG' alt="\"\"" border="0"><br></div> <p><a href="http://arbent.net">arbent</a> isimli sitede daha önce de 30'ar ders halinde sunulan <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-illustrator">Illustrator</a>, <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-photoshop">Photoshop</a>, <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-fireworks">Fireworks</a> ve <a href="http://arbent.net/blog/design/30-tutorials-that-will-teach-you-indesign">InDesign</a> serilerini görmüştük. Şimdi de sıra Flash'a <a href="http://arbent.net/blog/tutorials/30-tutorials-that-will-teach-you-flash">gelmiş</a>. Bir sonraki çalışmaları da After effects üzerine olacakmış. (9/19/08 tarihinde)</p> <ul> <li><a href="http://www.flashessential.com/archives/28">Duman/Buhar efekti</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/smoke.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/moving-illustrator-art-in-flash-cs3.html">Hareketli illustrator sanatı</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/illustrator.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/flash-slideshow-image-gallery.html">SlideShow resim galerisi oluşturmak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/slideshow.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.layersmagazine.com/flash-interactive-story.html">İnteraktif bir hikaye uygulamak</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/story.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flash.0tutor.com/archive/98/Make-clouds-run-over-the-sky-in-Flash-.shtml">Bulutları hareket ettir</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/clouds.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flash.0tutor.com/archive/74/Making-an-analog-clock-in-Flash.shtml">Analog bir saat oluştur</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/clock.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=197">Sayfa geçişleri için preloader oluşturun</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/load.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=193">Gelişmiş Fotoğraf menüsü oluşturun</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/photomenu.jpg' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.flashvault.net/tutorial.asp?ID=122">h-tech şehir animasyonu</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/city.jpg' alt="\"\"" border="0"><br></div> <p>derslerin geriye kalanlarının resimsiz ve orjinal isimli listesi ise şöyle;</p> <ul> <li><a href="http://www.webdevelopersnotes.com/tutorials/flash/index.php3">Flash for Beginners</a></li> <li><a href="http://flashmymind.com/Tutorials/Flash/concepts.php">Basic Concepts of Flash</a></li> <li><a href="http://flash.0tutor.com/archive/142/Continuous-object-movment-in-flash.shtml">Continuous Object Movement</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=247">Simple Flash Text Banner</a></li> <li><a href="http://www.layersmagazine.com/flash-converting-videos.html">Converting Video Files to Flash</a></li> <li><a href="http://www.lashf.com/page/basic/alpha">Transparency</a></li> <li><a href="http://www.layersmagazine.com/flash-motion-blur.html">Create a Motion Blur</a></li> <li><a href="http://www.layersmagazine.com/flash-tweening.html">Tweening With Ease</a></li> <li><a href="http://www.flash.0tutor.com/archive/63/The-basics-of-a-motion-guide-line-in-Flash.shtml">Motion Guide Line Basics</a></li> <li><a href="http://flashmymind.com/Tutorials/Actionscript/Advanced/chainExplosion.php">Create a Chain Reaction</a></li> <li><a href="http://www.flash.0tutor.com/archive/109/Flash-dodge-ball-game-part-1-making-a-character.shtml">Create a Flash Dodge Ball Game</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=238">Aquatic Bubble Animation</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=228">Bird Flight Animation</a></li> <li><a href="http://www.toxiclab.org/tutorial.asp?ID=219">Black Shine Tutorial</a></li> <li><a href="http://wipeout44.com/tutorials/flash_fireworks.asp">Create Realistic Fireworks</a></li> <li><a href="http://mikestickney.com/wordpress/flash-tutorial-breakout-game-part-1/">Create a Breakout Type Game</a></li> <li><a href="http://blog.0tutor.com/post.aspx?id=67&titel=Hypnotic-gear-rotation-tutorial">Hypnotic Gear Rotation</a></li> <li><a href="http://www.tu-world.com/flash/flash_tutorial_07.php">Create a Flash Website</a></li> <li><a href="http://www.flashvault.net/tutorial.asp?ID=91">Rippled Water Effect</a></li> <li><a href="http://www.entheosweb.com/Flash/zoom_in.asp">Zoom In and Out with Fading Effects</a></li> <li><a href="http://wipeout44.com/tutorials/flash_tunnel_effect.asp">3D Zooming Tunnel</a></li> </ul> <p>Ayrıca şu bildiriler de dikkatinizi çekebilir;</p> <ul> <li><a href="http://www.bildirgec.org/yazi/flash-actionscript-ogrenmenize-yardimci-olacak">Flash/ActionScript öğrenmenize yardımcı olacak 12 site</a></li> <li><a href="http://www.bildirgec.org/yazi/21-adet-olaganustu-flash-websitesi">21 adet olağanüstü flash websitesi</a></li> <li><a href="http://www.bildirgec.org/yazi/bedava-5-adet-3boyutlu-flash">Bedava 5 Adet 3Boyutlu Flash Galeri</a></li> <li><a href="http://www.bildirgec.org/yazi/flash-tabanli-cevrilen-dergi-hazirlayin">flash tabanlı 'çevrilen dergi' hazırlayın ve sitenize ekleyin</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/size-flash-i-ogretecek-30 ">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, 13 Sep 2008 06:02:00 GMT 171136@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/size-flash-i-ogretecek-30 akdem <p>css web Tasarımını hızla değiştirmeye devam ederken, geçen hafta yazmış yolduğum <a href="http://www.bildirgec.org/yazi/onlarsiz-yapamadigimiz-53-css-teknigi">onlarsız yapamadığımız 53 css tekniği</a> başlıklı yazımın çok tutulması sebebiyle bu konuda daha derin bir kaynak araştırması yapma gereği duydum, eminim bu yazıyı tutan bir çok arkadaş elinin altında böylesine önemli ve işe yarar <a href="http://www.canliweb.com/derledigim-css-ve-javascript-ornekleri.html">css örnekleriyle</a> dolu bir kaynağın bulunmasından çok hoşnut olmuşlardır bunları bu şekilde listeleyip <a href="http://www.bildirgec.org">bildirgec</a>'e yazmamın asıl amacı , bulduğum döküman tarzı kaynakların sıkkullanılanlar listemde kaybolup gitmesidir... Neyse fazla uzatmadan <strong>CSS Tekniklerine kaldığımız yerden devam edelim...</strong><em></em><br>işte <strong>Her zaman Kullanılacak 101 Css Tekniği...</strong><br><strong>101 - 1</strong>:web sitenizin kısa haber köşelerinde <a href="http://www.noupe.com/design/www.alistapart.com/articles/sprites">css Cinleri</a> oluşturmak.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mglass/css-cini.gif' alt="Css Cinleri - (css sprites)" border="0"><br>Css Cinleri - (css sprites)</div><br>101 - 2: <a href="http://www.schillmania.com/content/projects/even-more-rounded-corners/">Css ile Kıvrımlı Köşeler oluşturmak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mglass/css9.jpg' alt="Css kıvrımlı köşeler" border="0"><br>Css kıvrımlı köşeler</div><br>bu uygulamanın demosu için <a href="http://www.schillmania.com/projects/dialog2/">buraya</a>bakabilirsiniz.<br><strong>101 - 3:</strong><a href="http://www.tjkdesign.com/articles/tip.asp">Resim Yenileme tekniği</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mglass/css3.gif' alt="resim yenileme tekniği" border="0"><br>resim yenileme tekniği</div><br>bu tekniğin açıklaması için <strong>Dave Shea</strong><em></em>'nin yazdığı şu <a href="http://www.mezzoblue.com/tests/revised-image-replacement/">makale</a>'ye bakabilirsiniz. <br><strong>101 - 4:</strong><a href="http://www.alistapart.com/articles/slidingdoors2/">CSS ile Geçişli Kapılar oluşturmak</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mglass/css4.gif' alt="css sliding doors tekniği" border="0"><br>css sliding doors tekniği</div><br><strong>101 - 5:</strong> <a href="http://www.vertexwerks.com/tests/sidebox/">Css ile Rounded Box oluşturmak</a><br>benim en çok hoşuma giden uygulama bu oldu. kaynak <a href="http://www.vertexwerks.com/tests/sidebox/">kodu</a>na da aynı <a href="http://www.vertexwerks.com/tests/sidebox/">sayfadan</a> ulaşılabilmesi çok iyi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/mglass/css7.gif' alt="css rounded box " border="0"><br>css rounded box </div><br>evet yazımın diğer örneklerine <a href="http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html">buradan </a> ulaşabilirsiniz . Siz bunları incelerken ben 2.Bölüm için hazırlıklarımı yapıyor olacağım yorumlarınız için şimdiden teşekkürler umarım beğenirsiniz...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/101-css-teknigi-bolum-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, 14 Jun 2008 19:02:00 GMT 147281@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/101-css-teknigi-bolum-1 akdem <p><a href="http://www.howtocreate.co.uk/tutorials/testMenu.html">buradan</a> basit bir css menüsünün nasıl yapıldığını görebilirsiniz.</p> <p><a href="http://pmob.co.uk/">buradan</a> da css ile; sayfa kenarlıkları resmin yanına yazı yerleştirme sayfayı kolonlara bölme sayfa içinde bölüm oluşturma sayfayı dikey veya yatay ortalama mouse üstüne geldiğinde yanıp sönen butonlar mouse üstüne geldiğinde öne çıkan resim gibi bir kaç ugulamanın nasıl yapıldığını görebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/MeCJoS/buton.jpg' alt="mouse üstüne geldiğinde renk değiştiren ve öne çıkan buton" border="0"><br>mouse üstüne geldiğinde renk değiştiren ve öne çıkan buton</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/MeCJoS/img-gallery.jpg' alt="mouse üstüne geldiğinde arkadaki resim öndeki büyük karede çıkıyo" border="0"><br>mouse üstüne geldiğinde arkadaki resim öndeki büyük karede çıkıyo</div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/MeCJoS/uckolon.jpg' alt="sayfa üç kolona bölünmüş" border="0"><br>sayfa üç kolona bölünmüş</div><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/birkac-basit-css-uygulama-ornegi ">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, 07 Jun 2008 18:41:00 GMT 145912@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/birkac-basit-css-uygulama-ornegi akdem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/silentpartner-corporate.jpg' alt="\"\"" border="0"><br></div> <p>Başarılı bir <a href="http://en.wikipedia.org/wiki/Project_management"><strong>proje yönetimi </strong></a>ve <a href="http://en.wikipedia.org/wiki/Time_management"><strong>zaman yönetimi</strong></a> deneyimine sahip olabilmenin ilk şartlarından biri yapmanız gereken işlerinizi ajandanıza/görev planlayıcınıza planlı olarak not etmek, takip etmek ve zamanı geldiğinde gereken adımları bu takvime göre <strong>ustaca</strong> atmaktır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/22192655.jpg' alt="\"\"" border="0"><br></div> <p>artık bloglarımızda, sitelerimizde çeşit çeşit <a href="http://www.bildirgec.org/etiket/plugin">plugin</a>ler/<a href="http://www.bildirgec.org/etiket/script">script</a>ler/ <a href="http://www.bildirgec.org/etiket/eklenti">eklenti</a>ler kurmaya fazlasıyla alıştık. benim çok da fazla rastlamadığım ama belki de en gerekli eklentilerden biri de <a href="http://www.bildirgec.org/etiket/takvim">takvim</a> ve gün sayaclarıdır. sizlere doğum gününüzü, toplantılarınızı ya da içerik yönetim sisteminizi günlük takip edebilmek için notlar alabileceğiniz, faydalı, başarılı, <a href="http://www.bildirgec.org/ara/ilham%20al%C4%B1nacak">ilham alınacak</a> 10 adet takvim ve gün sayacını indirmeniz için bir şans <a href="http://sixrevisions.com/resources/free_calendar_datepicker_scripts/"><strong>sunuyorum</strong></a>.</p> <p><strong>1.</strong><strong><a href="http://www.electricprism.com/aeron/calendar/">Calendar: a Javascript class for Mootools</a></strong><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/24-01-calendar-mootools.gif' alt="\"\"" border="0"><br></div><br>Farklı ve kullanılışlı bir uygulama, isterseniz indirip kendinize göre değişimler uygulayabilirsiniz.</p> <p><strong>2.</strong><a href="http://moomonth.com/"><strong>MooMonth</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/24-02-moomonth.gif' alt="\"\"" border="0"><br></div><br>bu uygulama esnekliği,küçük efektleri ile tam bir takvim sunuyor sizlere.</p> <p><a href="http://monket.net/wiki-v2/Monket_Calendar"><strong>3.Monket Calendar</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/24-03-monket-calendar.gif' alt="\"\"" border="0"><br></div><br>dinamikliğini php den alan bu takvim uygulaması beta aşamasında henüz ama sürükle bırak gibi özelliklere sahip.</p> <p><a href="http://www.datejs.com/"><strong>4.Datejs</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/24-04-datejs.gif' alt="\"\"" border="0"><br></div><br>yazılım geliştirme kabiliyetinizi sonuna kadar kullanabileceğiniz bu uygulamanın kullanıma hazır olduguna dikkat çekilmiş.</p> <p><a href="http://calendar.swazz.org/"><strong>5.Swazz Javascript Calendar</strong></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/AntiHumanIST/24-05-swazz-javascript-calendar.gif' alt="\"\"" border="0"><br></div><br>javascript tabanlı, IE6 ve 7, Firefox 1.5 ve 2.0, ayrıca Safari web browserlarıyla uyumlu çalışan basitliği ile göz dolduruyor.</p> <p>Diğer 5 güzel takvim scriptini de <a href="http://sixrevisions.com/resources/free_calendar_datepicker_scripts/">buradan </a>takip edin.</p> <p>Ayrıca esin kaynağı isteyenlere birkaç güzel tavsiye de şöyle;<br><strong>1.</strong><a href="http://www.bildirgec.org/yazi/ilham-alinacak-10-tasarim-sitesi">ilham alınacak 10 tasarım sitesi</a><br><strong>2.</strong><a href="http://www.bildirgec.org/yazi/ilham-alinacak-20-e-ticaret">ilham alınacak 20 e-ticaret sitesi tasarımı</a><br><strong>3.</strong><a href="http://www.bildirgec.org/yazi/ilham-alinacak-36-kartvizit-tasarimi">ilham alınacak 36 kartvizit tasarımı</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/ilham-alinacak-10-guzel-takvim ">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, 31 May 2008 12:00:00 GMT 143566@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ilham-alinacak-10-guzel-takvim akdem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pisho/ps-tutorial.PNG' alt="photoshop efektleri ve dersleri" border="0"><br><a href="etiket/photoshop">photoshop</a> <a href="etiket/efekt">efekt</a>leri ve <a href="etiket/ders">ders</a>leri</div> <p>bu listeyi toparlamak için bir hayli zorlanan ve kendince bir kıstas olarak " başlangıç ve bitiş resmi arasında kesin bir farklılık olacak, öyleki bir <a href="http://sozluk.sourtimes.org/show.asp?t=post+production">post production</a> fotoğrafındaki manipule etkisi gibi olmalı." diyor.</p> <p>ayrıca <a href="http://www.photoshoproadmap.com">site</a> tarafından, yazıya bazı ps pluginleri ve ps e-book'ları da serpiştirilmiş.</p> <p>efektleri içeren dersler ünlü ps sitelerinden tek tek incelenip listeye eklenmiş, görülmeye değer gerçekten.</p> <p>100'lük listeye ulaşmak için <a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/04/01/100-wonderful-photo-effects-photoshop-tutorials/">şuraya</a> tıklayabilirsiniz.</p> <p>ayrıca sitenin daha önce hazırladığı ps ile ilgili listelerinde epey ilgi görüp takdir edildiğini de bilmek, <a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/04/01/100-wonderful-photo-effects-photoshop-tutorials/">bu listeye</a> olan güveni artırır nitelikte.( önceki <a href="http://www.photoshoproadmap.com/Photoshop-blog/2007/05/15/a-complete-guide-to-digital-makeover-in-photoshop/">liste1</a> | <a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/01/16/70-horror-blood-and-gore-photoshop-effects-and-brushes/">liste2</a> )</p> <p>bildirgeçte daha önce işlenen photoshop çalışmaları;</p> <p><a href="http://www.bildirgec.org/yazi/photoshop-photoshop">photoshop photoshop</a><br><a href="http://www.bildirgec.org/yazi/gorsel-photoshop-dersleri">Görsel Photoshop dersleri</a><br><a href="http://www.bildirgec.org/yazi/photoshop-fotograf-calismalari">photoshop fotoğraf çalışmaları</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/muhtesem-100-photoshop-efekti-dersleriyle ">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 May 2008 12:09:00 GMT 143464@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/muhtesem-100-photoshop-efekti-dersleriyle akdem <div class="imajorta"><a href="http://www.solidcomponents.com/"><img src='http://www.bildirgec.org/imaj/myilmazx/logo-solidcomponents-left-192x64.gif' alt="\"\"" border="0"></a><br></div> <p><a href="http://www.solidcomponents.com/">Solidcomponents</a> adlı sitede <a href="http://www.bildirgec.org/etiket/tasarımcı">tasarımcı</a>lar ve <a href="http://www.bildirgec.org/etiket/mühendis">mühendis</a>ler için yararlı içerik yer almakta. Firmaların vermiş olduğu kataloglar, hesaplamalar, makina parçalarının <a href="http://www.bildirgec.org/etiket/3d">3D </a> (<a href="http://www.bildirgec.org/etiket/solidworks">solidworks</a> ve diğer formatta) ya da <a href="http://www.bildirgec.org/etiket/d">2d</a> (jpeg formatı) çizimleri bulunmakta.</p> <p>Öğrenciler ve mühendisler için oldukça yararlı olacaktır.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/3d-tasarimcilar-ve-muhendisler-icin ">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, 30 Apr 2008 12:45:00 GMT 137340@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/3d-tasarimcilar-ve-muhendisler-icin akdem <p><a href="http://www.smashingmagazine.com">Smashing Magazine</a>, <a href="http://www.smashingmagazine.com/2008/04/17/web-form-design-modern-solutions-and-creative-ideas/">burada</a> internet site sahipleriyle, ziyaretçileri arasındaki en önemli iletişim kanalları olan web formların ne kadar yaratıcı tasarlanabileceğini bizlere göstermek amacıyla, birbirinden hoş 40 adet web form örneğini sıralamış.</p> <p><a href="http://www.smashingmagazine.com/2006/11/11/css-based-forms-modern-solutions/">Burada</a> da daha önce vermiş olduğu css ile hayat bulmuş web formlar var.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/akdem">akdem</a> tarafından <a href=" http://www.bildirgec.org/yazi/yaratici-webform-tasarimlari ">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> Tue, 22 Apr 2008 10:35:00 GMT 135768@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yaratici-webform-tasarimlari