http://www.bildirgec.org/ tr-tr 40 bildirgec.org - azurenus - beğendikleri azurenus <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-javascript.png' alt="Profesyonel Ajax | Javascript Scriptler" border="0"><br>Profesyonel Ajax | Javascript Scriptler</div> <p><a href="http://www.bildirgec.org/etiket/ajax">ajax</a> ve <a href="http://www.bildirgec.org/etiket/javascript">javascript</a>'ler bizlere kolaylık sağlama ve görsellik açıdan gerçekten mükemmel.işte bu yazıda ajax ve javascript ile kodlanmış profesyonel script'leri açıklayacağım başlıyalım ;</p> <ul> <li><a href="http://digitarald.de/playground/uplooad.html">FancyUpload</a><br>Swf ve <a href="http://www.bildirgec.org/etiket/ajax">ajax</a>la birleşmiş çoklu upload (yükleme) özelliği desteği olan dosya yüklenme yüzdelerini ve işlemin sonlanmasına ne kadar kaldığını gösteren programcık.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-23.jpg' alt="FancyUpload" border="0"><br>FancyUpload</div> <ul> <li><a href="http://jqueryfordesigners.com/coda-popup-bubbles/">Coda Popup Bubbles</a><br>aşağıdaki resimden azda olsa anlaşıldığı gibi herhangi bir linkin üzerine gelindiğinde o link hakkında açıklama baloncuğu açılır. ayrıntıları sitesinde detaylı bir şekilde anlatılmış.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-04.jpg' alt="Code Popup Bubbles" border="0"><br>Code Popup Bubbles</div></a> <ul> <li><a href="http://extjs.com/">Ext JS - JavaScript Library</a><br>Javascript ile hazırlanmış kütüphane scriptinin 2.0 versiyonu. gerçekten güzel bir uygulama. indirmek isteyenler sitesini ziyaret edebilir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ext.png' alt="Ext JS" border="0"><br>Ext JS</div> <ul> <li><a href="http://www.taggify.net/blog/post/2008/01/How-to-add-advanced-tooltips-for-people-on-your-photo.aspx">Taggify Tooltips</a><br>bu script sizlere resimlerinizdeki kişileri tanıtmanız için (popup, tooltips) geliştirilmiş. sitesinde örnek uygulama mevcut. örneklerde görüldüğü üzere <a href="http://www.bildirgec.org/etiket/bill-gates">bill gates</a>'in kafasına farenin imlecini getince bir açıklama gösterir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-09.jpg' alt="Taggify Tooltips" border="0"><br>Taggify Tooltips</div> <ul> <li><a href="http://ecosmear.com/relay/">Relay - Ajax Directory Manager</a><br>bu çalışma dosya yönetim kütüphanesi script'tidir. kişisel favorim olduğunu söyleyebilirim. site anasayfası için <a href="http://ecosmear.com/relay/">buraya</a>, demo için <a href="http://ecosmear.com/relay/demo/">buraya</a>,indirmek için ise <a href="http://ecosmear.com/relay/download.php">şuraya</a> tıklamanız yeterli.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-00.jpg' alt="ReLay" border="0"><br>ReLay</div> <ul> <li><a href="http://www.deliciousdays.com/cforms-plugin/">cforms II</a><br>ajax ile tasarlanan, çoklu tema desteği olan bir <a href="http://www.bildirgec.org/etiket/wordpress">wordpress</a> iletişim formu eklentisidir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/ajax-02.jpg' alt="cforms 2" border="0"><br>cforms 2</div> <ul> <li><a href="http://woork.blogspot.com/2008/01/mootools-animated-sidebar-menu.html">Mootools animated sidebar menu</a><br><a href="http://mootools.net/">mootools</a> sitesinin anasayfasındaki hoş menünün nasıl olacağını anlatan bir ders ve dosyaları.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/moomenu.jpg' alt="Mootools animated sidebar menu" border="0"><br>Mootools animated sidebar menu</div> <ul> <li><a href="http://www.livevalidation.com/">LiveValidation</a><br>bu script ile neredeyse her üye olunan sitede gördüğümüz yalnış-doğru uygulamasının biraz değişiği. değişik olan yanı, sizin belirlediğiniz yazıdaki yalnışları kırmızı bir uyarı ile veriyor olmadı. doğru girilirse durumunda herhangi bir uyarı ile karşılaşılmıyor. script'in demosunu görmek için anasayfasında ki küçük kutucuğa bişeyler yazanilirsiniz.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/livevalid.gif' alt="LiveValidation" border="0"><br>LiveValidation</div> <ul> <li><a href="http://www.askthecssguy.com/2007/08/creating_a_table_with_dynamica.html">Creating a table with dynamically highlighted columns</a><br>genellikle ücretli servis sunan sitelerde gördüğümüz fiyat kolonlarına benzeyen bir uygulama. <a href="http://www.askthecssguy.com/examples/crazyegg/example10.html">demo</a> sayfasından detaylı bilgiye ulaşabilirsiniz. indirmek için ise <a href="http://www.askthecssguy.com/examples/crazyegg/soundsquirt-dynamic-table-example.zip">tıklayınız</a>.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/cssguy.gif' alt="Creating a table with dynamically highlighted columns" border="0"><br>Creating a table with dynamically highlighted columns</div> <ul> <li><a href="http://www.bram.us/projects/js_bramus/jsprogressbarhandler/">jsProgressBarHandler</a><br>yüklemelerde yüzdelikleri gösteren javascript'tir. uygulama <a href="http://www.webappers.com/">webappers</a> tarafından <a href="http://www.bildirgec.org/etiket/css">css</a> ile geliştirilmiştir.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/progress.gif' alt="jsProgressBarHandler" border="0"><br>jsProgressBarHandler</div> <ul> <li><a href="http://www.artviper.net/moosocialize.php">mooSocialize - ajax based social bookmark widget</a><br>favori sosyal ağlara istediğiniz bir yazıyı göndermek için ihtiyacınız olan anlatımı ve dosyaları sunuyor. demosu da sitede mevcut.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/artviper.jpg' alt="mooSocialize - ajax based social bookmark widget" border="0"><br>mooSocialize - ajax based social bookmark widget</div> <ul> <li><a href="http://www.andrewsellick.com/35/sexy-sliding-javascript-side-bar-menu-using-mootools">Sexy sliding JavaScript side bar menu using mootools </a><br>hoş bir menü sistemi hani şu monoton olan yandan açılan menüler gibi ama çok güzel gelişmiş ve anlatım + demolu.</li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ErrorLog/side-bar.jpg' alt="Sexy Menü" border="0"><br>Sexy Menü</div> Çeşitli uygulamar; <ul> <li><a href="http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html">Çeşitli profesyonel menüler (anlatım + demo)</a></li> <li><a href="http://blog.lavablast.com/post/2008/01/CheckBoxList-hover-extender.aspx">CheckBoxList hover extender</a></li> <li><a href="http://parkerfox.parkerfox.railsplayground.net/cornerz/">Cornerz</a></li> <li><a href="http://www.nickstakenburg.com/projects/lightview/">Lightview </a></li> <li><a href="http://stickmanlabs.com/lightwindow/">lightWindow</a></li> <li><a href="http://www.eulerian.com/en/opensource/datepicker-prototype-scriptaculous">DatePicker using Prototype and Scriptaculous</a></li> <li><a href="http://wildbit.com/demos/modalbox/">ModalBox</a></li> <li><a href="http://www.stickmanlabs.com/accordion/">Accordion v2.0</a></li> <li><a href="http://www.wait-till-i.com/index.php?p=484">New unobtrusive dynamic flickr badge</a></li> </ul> <p>yazının orjinaline <a href="http://www.smashingmagazine.com/2008/04/15/60-more-ajax-and-javascript-solutions-for-professional-coding/">şuradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/profesyonel-ajax-ve-javascript-ler ">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, 18 Apr 2008 20:54:00 GMT 136037@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/profesyonel-ajax-ve-javascript-ler azurenus <div class="imajsol"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/news-schemes.JPG' alt="\"\"" border="0"><br></div>doğru renk kombinasyonun bir site için önemi sanırım bu işle ilgili arkdaşlar için pek tartışılmayacak bir meseledir. görsel tasarımın renklendirme aşamasında fikir sahibi olmak, doğru renk kombinlerini seçmek için birkaç site size yardımcı olabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/adsiz-17.JPG' alt="\"\"" border="0"><br></div> <ul> <li><a href="http://www.colorblender.com/">colorblender</a>, seçeceğiniz renge uygun olabilecek diğer renkleri bulan ve kodlarını veren bir site.</li> <li><a href="http://www.hypergurl.com/colormatch.php">hypergurl</a>, renk kombinasyonlarını sunmanın yanı sıra başlık, açıklama veya link renkleri hakkında da çeşitli seçenekler sunuyor. (ayrıca sitenin <a href="http://www.hypergurl.com/">ana sayfasında</a> site yapımcıları için faydalı uygulamalar mevcut)</li> <li><a href="http://www.colormatch.dk/">colormatch</a> de yine renginize uygun alternatifler sunuyor. sitenin bir özelliği de renk ve kombinasyonları için hangi rengin, sitenin hangi bölgesinde kullanılmasının daha iyi olacağına dair küçük bir tablo sunması.</li> <li><a href="http://www.imagitek.com/bcs.html?">imagitek</a> sitesi de biraz daha klasik bir yapıya sahip. yapacağınız renk seçimleri ile metin, link, arka plan v.b. gibi unsurlar hakkında değerlendirmeler yapabiliyorsunuz.</li> <li><a href="http://www.jafar.com/java/csel/">jafar</a> da hemen hemen aynı özelliklere sahip bir site. ancak kullanımı benim biraz daha hoşuma gitti.</li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/renk-secimleri-ve-kombinasyonlari ">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, 28 Feb 2007 20:35:00 GMT 136035@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/renk-secimleri-ve-kombinasyonlari azurenus <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wanadooo/noisy4-sm2.jpg' alt="hdr olmadan" border="0"><br>hdr olmadan</div> <a href="http://en.wikipedia.org/wiki/High_dynamic_range_imaging">hdr</a> fotoğraf çekme tekniği, fotoğraf içindeki beyaz ve siyah arası ışık değerlerini alabildiğine geniş, müthiş netlikte gösteren bir teknik. ülkemizde daha yeni yeni duyulmasına rağmen kısa sürede çok beğenilen ve birçok (amatör, profesyonel) fotoğrafçının vazgeçemediği bir uygulama. <a href="http://www.hdr-photogallery.com/blog/hdr-tutorials/the-best-hdr-tutorials/">burada</a> <a href="http://www.hdr-photogallery.com/">konu</a> hakkında ingilizce kaynaklar <a href="http://www.flickr.com/groups/l4/discuss/72157594241560739/">bulabilir</a> <a href="http://flickr.com/">flickr</a>da bulunan resimlere de <a href="http://flickr.com/photos/duanestorey/sets/72157594464050626/">bakabilirsiniz</a>.ayrıca <a href="http://www.gunesintamicinde.com/">Süleyman Sönmez</a>'in bu konudaki harika makalesi de <a href="http://www.gunesintamicinde.com/hdr-fotograf-cekmek-high-dynamic-range-photos/">burada</a>.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/wanadooo/noisy4-smhdr.jpg' alt="hdr ile çekilen foto" border="0"><br>hdr ile çekilen fotoğraf</div><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/hdr-fotograf-cekme-teknigi ">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, 13 Dec 2007 14:55:00 GMT 136034@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/hdr-fotograf-cekme-teknigi azurenus <div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/beads.jpg' alt="bir online satış mağazası logosu" border="0"><br>bir online satış mağazası logosu</div>logo tasarımı benim hep ilgimi çekmiştir, bu işle uğraşacak teknik bilgi birikimine sahip olmasam da. <ul> <li><a href="http://www.logopond.com/">logopond</a>, profesyonel logo tasarımcılarının çalışmalarını paylaştıkları, logolar hakkında fikir alışverişi yaptıkları güzel bir arşive sahip, hoş bir site.</li> </ul> <ul> <li><div class="imajsag"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/adsiz-19.JPG' alt="birkaç dakikalık bildirgec denemesi" border="0"><br>birkaç dakikalık bildirgec denemesi</div><a href="http://www.logomaker.com/">logomaker</a>, benim gbi program bilgisine sahip olmayıp da biraz hayal gücü ve yaratıcılığa sahip amatörlerin birkaç deneme yapabilecekleri bir yer.</li> </ul> <ul> <li><a href="http://www.conceptshare.com/">conceptshare</a> ise biraz daha geniş bir yelpazeye sahip. yalnız logoların değil, site tasarımlarının, çizimlerin, şablonların paylaşıldığı bir site. ücretsiz üyelik gerektiriyor.</li> </ul> <ul> <li><a href="http://h-master.net/web2.0/index.php">buradan</a> ve <a href="http://web2.0stylr.com/stylr.aspx">buradan</a> web 2.0'a özgü basit logo tasarımları yapabilirsiniz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/b-2.JPG' alt="\"\"" border="0"><br></div></li> </ul> <ul> <li>son olarak <a href="http://www.dailycolorscheme.com/">buradan</a> da hergün yeni bir renk yelpazesi edinebilirsiniz.</li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/logo-tasarimi-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, 01 Mar 2007 14:18:00 GMT 136033@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/logo-tasarimi-1 azurenus <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eminkeles/photoshop-layers.JPG' alt="\"\"" border="0"><br></div><br><a href="http://www.adobe.com/products/photoshop/index.html">Photoshop</a> ile parlama ve yansıma efekti yapmanın kolay yolu, hiç şüphesiz hazır katman stilleri [.asl] kullanmak. <a href="http://www.dezinerfolio.com/wp-content/uploads/2007/05/web20layerstylesv01.zip">Burada</a> çok güzel kullanıma hazır katman stilleri mevcut, indirdikten sonra <a href="http://www.adobe.com/products/photoshop/index.html">photoshop</a> kurulum klasörünün içindeki styles klasörüne kopyalamanız yeterli. <blockquote>"<strong>C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Styles"</strong></blockquote> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eminkeles/loadstyles.JPG' alt="\"\"" border="0"><br></div> <p>Daha sonra stiller sekmesinden stil yükleyi seçerek indirmiş olduğunuz katman stillerini kullanabilir, bir kaç dakika içinde yansıma efektli, parlayan düğmeler, logolar yapabilirsiniz.</p> <p>[<a href="http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/">kaynak</a>]</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/photoshop-parlama-ve-yansima-efektleri ">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, 08 May 2007 14:33:00 GMT 136032@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/photoshop-parlama-ve-yansima-efektleri azurenus <p>Yalnızca metinden oluşan linkler yavaş yavaş demode olmaya başladı. Çünkü bir <a href="http://tr.wikipedia.org/wiki/CSS">css</a> tekniği ile artık linklerin yanlarına kolayca küçük simgeler ekleyebiliyoruz. Bu da linklerin daha çok anlam kazanmasına yarıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/css-simge-2.png' alt="Yeni moda bir link" border="0"></div>Örneğin bu linke bakalım. Eminim ki pek çoğunuz ilk bakışta, bu linkin yeni bir pencere açacağını anladınız. Küçük bir simge ne kadar işe yarıyor değil mi?</p> <p>Elbette linklerin yanına kendimiz el ile teker teker simge eklemiyoruz :) Bunu otomatik yapan bir <a href="http://tr.wikipedia.org/wiki/CSS">CSS</a> tekniğinden faydalanıyoruz. Bu güzel tekniği <a href="http://www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html">şu sayfadan</a> öğrenebilirsiniz.</p> <p><strong>Ve şimdi sıkı durun ...</strong><br>Bir de bu tekniği web sayfanıza kolay yoldan entegre etmenizi sağlayan bir dosya buldum. <a href="http://pooliestudios.com/projects/iconize/">Bu sayfadan</a> indireceğiniz dosya ile web sitenizdeki linklerin yanına otomatik olarak simge ekleniyor. İçerisindeki <a href="http://tr.wikipedia.org/wiki/CSS">css</a> dosyasını web sayfanıza bağlamanız yeterli. Ve şöyle bir sonuç alıyorsunuz:</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/eburhan/css-simge.png' alt="Yeni moda bir linkler" border="0"></div> <p><em>Bu teknik <a href="http://www.microsoft.com/turkiye/windows/ie/default.mspx">Internet Explorer <strong>7</strong></a>, <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a>, <a href="http://www.caminobrowser.org/">Camino</a>, <a href="http://www.apple.com/macosx/features/safari/">Safari</a> ve <a href="http://www.opera.com/">Opera</a> ile çalışabilmektedir.</em></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/css-ile-linkleri-simgelestirmek ">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, 06 Feb 2007 08:49:00 GMT 136031@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/css-ile-linkleri-simgelestirmek azurenus <p>Göze hitap eden,iştah açan,gülümseten,kıskandıran,rengarenk sanal gökkuşakları:</p> <ul> <li>Pembeler için <a href="http://tutorialblog.org/30-pink-websites/">buraya</a></li> <li>Turuncular için <a href="http://tutorialblog.org/30-orange-websites/">buraya</a></li> <li>Sarılar için <a href="http://tutorialblog.org/30-yellow-websites/">buraya</a></li> <li>Asil siyahlar için <a href="http://tutorialblog.org/30-black-websites/">buraya</a></li> <li>Kahverengiler için <a href="http://tutorialblog.org/30-brown-websites/">buraya</a></li> <li>Maviler için <a href="http://tutorialblog.org/30-blue-websites/">buraya</a></li> <li>Yeşiller için <a href="http://tutorialblog.org/30-green-websites/">buraya</a></li> <li>ve son olarak kırmızılar için de <a href="http://tutorialblog.org/30-red-websites/">buraya</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/black.jpg' alt="\"\"" border="0"><br></div> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/xururuca/red.jpg' alt="\"\"" border="0"><br></div><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/renk-ahenk-web-siteleri ">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, 19 Jun 2007 17:59:00 GMT 136030@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/renk-ahenk-web-siteleri azurenus <p><a href="http://www.mootools.net/">Mootools</a> için 33 Eklenti:</p> <strong>Light-Box benzerleri:</strong> <ol> <li><a href="http://gueschla.com/labs/smoothbox">SmoothBox</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/smoothbox-t.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://dev.digitarald.de/squeeze.html">SqueezeBox</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/squeezebox-t.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.digitalia.be/software/slimbox">Slimbox</a></li> <li><a href="http://homepage.mac.com/yukikun/software/slimbox_ex/">Slimbox Extended</a></li> <li><a href="http://www.e-magine.ro/web-dev-and-design/36/moodalbox/">MOOdalBox</a></li> <li><a href="http://dev.visualdrugs.net/mootools/gmapsoverlay/">GMapsOverlay</a></li> <li><a href="http://www.gobekdeligi.com/videobox/">Videobox</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/videobox-t.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.phatfusion.net/lightbox/">Phatfusion’s Lightbox</a><br><strong>Tablolar:</strong></li> <li><a href="http://joomlicious.com/mootable/">Mootable</a></li> <li><a href="http://www.phatfusion.net/sortabletable/index.htm">Sortable Table</a><br><strong>Yazı Editörleri:</strong></li> <li><a href="http://www.chrisesler.com/mootools/mootools-rowcolumnhighlight.php">Table Row AND Column highlighting</a></li> <li><a href="http://icebeat.bitacoras.com/mootools/posteditor/">PostEditor 2.0</a></li> <li><a href="http://inviz.ru/junk/stuff1/test/">Most tiny WYSIWYG you ever seen</a></li> <li><a href="http://files.justinmaier.com/inlineEdit/">inlineEdit</a><br><strong>Resim Geçişleri:</strong></li> <li><a href="http://smoothgallery.jondesign.net/">SmoothGallery</a></li> <li><a href="http://www.electricprism.com/aeron/slideshow/">Slideshow</a></li> <li><a href="http://www.phatfusion.net/slideshow/">Phatfusion’s Slide Show</a><br><strong>Menüler:</strong></li> <li><a href="http://devthought.com/cssjavascript-true-power-fancy-menu/">Fancy Menu</a></li> <li><a href="http://www.phatfusion.net/imagemenu/">Image Menu</a></li> <li><a href="http://www.chrisesler.com/mootools/fisheye/index.php">Fisheye</a><br><strong>Oval Köşeler:</strong></li> <li><a href="http://inviz.ru/moo/transcorners/">Transcorners</a></li> <li><a href="http://www.phatfusion.net/roundedcorners/index.htm">Rounded Corners</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/roundedcorners-t.png' alt="\"\"" border="0"><br></div><br><strong>Pencereler:</strong></li> <li><a href="http://dev.digitarald.de/windoo.html">Windoo</a></li> <li><a href="http://www.chrisesler.com/mootools/mootools-window.html">Mootools Window</a></li> <li><a href="http://www.clanccc.co.uk/box/box.html">MooPrompt</a></li> <li><a href="http://icebeat.bitacoras.com/mootools/growl.html">Window.Growl</a><br><strong>Sekmeler:</strong> </li> <li><a href="http://www.silverscripting.com/mootabs/">MooTabs</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/mootabs-t.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://dev.digitarald.de/tabs.html">Digitarald’s Tabs</a><br><strong>Form:</strong></li> <li><a href="http://www.phatfusion.net/formvalidation/index.htm">Validate</a><br><strong>Diğerleri:</strong></li> <li><a href="http://w00fz.altervista.org/mooRainbow/">mooRainbow</a></li> <li><a href="http://www.blackmac.de/key/keys.html">keywatcher</a></li> <li><a href="http://www.chrisesler.com/mootools/mootools-calculator.html">Mootools Calculator</a></li> <li><a href="http://www.chrisesler.com/mootools/mootools-split-panes.html">Split Panes</a><br><a href="http://gueschla.com/2007/04/16/33-plugins-pour-mootools-que-vous-devriez-connaitre/">kaynak</a></li> </ol><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/33-mootools-uygulamasi ">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> Sun, 27 May 2007 19:44:00 GMT 136029@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/33-mootools-uygulamasi azurenus <p>web sitenizde kullanabileceğiniz ya da kod geliştirirken size ilham verecek (open source) <a href="http://www.bildirgec.org/etiket/açık-kaynak">açık kaynak</a> <a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava">kodlardır</a>.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/1lightbox2.png' alt="lightbox 2" border="0"><br>1. <a href="http://www.huddletogether.com/projects/lightbox2/">lightbox 2</a></div><br>sayfanızdaki küçük reimlerin orjinal hallerini, kullanıcıyı başka bir sayfaya götürmeden göstermenizi sağlar. (arka planı siyah yaparak, kapatma butonu ile birlikte beyaz bordürlü bir şekilde gösterir) <div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/2timeline.png' alt="timeline" border="0"><br>2. <a href="http://simile.mit.edu/timeline/">timeline</a></div><br>bir zaman çizelgesi üzerinde, bölgelerin arasındaki zaman farkını göstermeye yarar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/3reflectionjs.png' alt="reflection.js" border="0"><br>3. <a href="http://cow.neondragon.net">reflection.js</a></div><br>reflection.js resimlerinize yada logolarınıza hiçbir işlem yapmadan yansıma özelliği katar. <br>web 2.0 sitelerde bolca görebilirsiniz, farklı bir yöntem.<br>(class="reflect rheight50 ropacity33" width="435") sitenizdeki her resme bu yöntemle yansıma ekleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/4piedonuts.png' alt="pie & donut chart" border="0"><br>4. <a href="http://www.amcharts.com/pie/">pie & donut chart</a></div><br>elinizdeki verileri web sitenizde veya bilgisayarınızda grafiksel olarak sunmanızı çok kolay bir şekilde sağlar.<br>tek yapmanız gereken şablon seçip, başlığı, veri sınıflarını ve değerlerini yazı/xml dosyasına girmek, flash arayüz+animasyon+fare işlevi+güzel tasarıma sahiptir.<br>sitede farklı amaçlar için tasarlanmış örnekleride mevcuttur.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/5plotr.png' alt="plotr" border="0"><br>5. <a href="http://solutoire.com/plotr/">plotr</a></div><br>plotr ise pie & donut chart'ın java versiyonudur. görsel açıdan güzeldir fakat tarayıcıların java destekleri bakımından problem yaratabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/6ajaxim.png' alt="ajax instant messenger" border="0"><br>6. <a href="http://www.ajaxim.com/">ajax instant messenger</a></div><br>tarayıcı üzerinden anında mesajlaşma sistemidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/7starbox.png' alt="starbox" border="0"><br>7. <a href="http://www.nickstakenburg.com/projects/starbox/">starbox</a></div><br>rating sistemidir, basit ve güzel bir görünüme sahiptir. sitenize farklı türlerde oylama özelliği ekleyebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/8ajaxtabscontent.png' alt="ajax tabs content" border="0"><br>8. <a href="http://www.dynamicdrive.com/">ajax tabs content</a></div><br>farklı amaçlar için kullanabilceğiniz sekmeli içerik gösterimi sağlayan bir java scripttir. <a href="http://www.bildirgec.org/yazi/statik-menu-dinamik-sayfa">burda</a> tavsiye etmiştim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/9shopping.png' alt="drag and drop shopping" border="0"><br>9. <a href="http://demo.script.aculo.us/shop">drag and drop shopping</a></div><br>sürükle bırak tekniğine bir örnek:) sayfalarınızdaki resimlerin veya diğer içeriğin sürüklenip bırakılmasını sağlamak için kullanabilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/10progressbar.png' alt="progress bar" border="0"><br>10. <a href="http://www.webappers.com/progressbar/">progress bar</a></div><br>yükleniyor...... olayını görselleştirmek için güzel bir örnektir. 4 farklı tasarımda örnek mevcuttur dilerseniz kendi tasarımınızı geliştirebilirsiniz.<br>sayfadaki icon'lara tıklayarak test edebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/11thickbox-2.png' alt="thick box" border="0"><br>11. <a href="http://jquery.com/demo/thickbox/">thick box</a></div><br>tab content'in biraz daha gelişmiş versiyonudur, sekmelerde resimler veya kaynak kodlar göstermenizide sağlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/12createflickr.png' alt="create flickr like fields" border="0"><br>12. <a href="http://dbachrach.com">create flickr like fields</a></div><br>üyelik sistemi olan web sitelerinde üyelerin profil bilgilerini güncellemelerini daha görsel ve aynı sayfada yapmalarını sağlamak için geliştirilmiş bir kod. burda flickr örnek verilmiş.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/13tooltip.png' alt="jtip – a jquery tool tip" border="0"><br>13. <a href="http://codylindley.com">jtip – a jquery tool tip</a></div><br>jquery için güzel bir ajax örneğidir. <a href="http://www.codylindley.com/blogstuff/js/jtip/">demo</a> sayfasından test edebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/14accordian.png' alt="accordian" border="0"><br>14. <a href="http://demos.mootools.net/accordion">accordian</a></div><br>sayfalarında kod vb. içerik yada detaylı anlatım yayımlayan arkadaşlar için güzel bir okordiyon örneğidir. seri çalışır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/agurbuz/15unajaxstarrating.png' alt="unobtrusive ajax star rating bar" border="0"><br>15. <a href="http://www.masugadesign.com">unobtrusive ajax star rating bar</a></div><br>oylama barı'dır (rating bar) sitenize eklemek için kılavuz mevcuttur. kullandığınız cms sistemi için böyle bir eklenti mevcut değilse yahut cms geliştiriyorsanız kullanabileceğiniz bir scripttir. <p>aşağıdakileride açıklarsam destan olur heralde, bundan sonrasını size bırakıyorum. faydalı olması dileğiyle.<br>devamı:</p> <p>16. <a href="http://www.liquidx.net/plotkit/">javascript chart plotting script</a><br>17. <a href="http://www.amcharts.com/pie/">create ajax pie charts</a><br>18. <a href="http://www.nickstakenburg.com/projects/prototip">prototip</a><br>19. <a href="http://www.ajaxdaddy.com/ajax-inline-text-edit.html">ajax inline text edit</a><br>20. <a href="http://www.ajaxlessons.com/2006/02/18/ajax-workshop-2-building-tabbed-content/">tabbed content browser</a><br>21. <a href="http://www.frequency-decoder.com/2006/09/16/unobtrusive-table-sort-script-revisited">table sorting script</a><br>22. <a href="http://www.nofunc.com/">color sphere</a><br>23. <a href="http://www.netzgesta.de/mapper/">mapper.js</a><br>24. <a href="http://www.livevalidation.com/">live validation</a><br>25. <a href="http://www.dhtmlgoodies.com/index.html?showdownload=true&whichscript=dragable-content">draggable content</a><br>26. <a href="http://billwscott.com/carousel/">carousel</a><br>27. <a href="http://www.phatfusion.net/multibox">multibox</a><br>28. <a href="http://smoothgallery.jondesign.net/">smooth gallery</a><br>29. <a href="http://www.formstylegenerator.com/">form style generator</a><br>30. <a href="http://www.ajaxdaddy.com/mootools-autocomplete.html">auto complete</a><br>31. <a href="http://www.activecollab.com/">active collab</a><br>32. <a href="http://orangoo.com/labs/greybox/">greybox</a><br>33. <a href="http://www.dhtmlgoodies.com/index.html?whichscript=ajax-poller">ajax poller</a><br>34. <a href="http://www.millstream.com.au/view/code/tablekit/">tablekit</a><br>35. <a href="http://www.ajaxdaddy.com/demo-jquery-shoutbox.html">j-query shoutbox</a><br>36. <a href="http://www.dynamicdrive.com/dynamicindex17/rsstickerajax/index.htm">ajax rss ticker</a><br>37. <a href="http://vikjavev.no/highslide/">highside</a><br>38. <a href="http://www.ajaxdaddy.com/demo-slideshow-viewer.html">slideshow viewer</a><br>39. <a href="http://greghoustondesign.com/demos/mocha/">mocha</a><br>40. <a href="http://deheus.net/petrik/blog/comments/25/">loading xml into a page with xmlhttprequest</a><br>41. <a href="http://www.flickrshow.com/">flickrshow</a> yorumlardan alınmıştır<br>42. <a href="http://www.openjs.com/scripts/jx/">js & jsx</a> yorumlardan alınmıştır<br>43. <a href="http://www.malsup.com/jquery/cycle/">jquery cycle plugin</a> yorumlardan alınmıştır</p> <p><a href="http://speckyboy.com/2008/02/10/the-top-40-free-ajax-javascript-code-for-web-designers/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava ">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 Apr 2008 14:49:00 GMT 136028@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava azurenus <p><a href="/etiket/arama-motoru">Arama motorlarında</a> yeni açtığımız veya kullandığımız sitelerin listelenmesini sağlamak çoğu zaman bir sorun haline gelmiştir. Sitelerimize gelen kullanıcıların önemli bir kısmının <a href="http://www.bildirgec.org/yazi/google-arama-ozellikleri">arama motorlarından</a> geldiğini düşünürsek <a href="http://www.bildirgec.org/yazi/arama-motorlarinda-nasil-hizli-listelenilir">arama motorlarının</a> önemini bir kez daha anlamış oluruz.</p> <div class="imajorta"><a href="http://www.bildirgec.org/yazi/arama-motorlarinda-nasil-hizli-listelenilir"><img src='http://www.bildirgec.org/imaj/aL3rTTo/arama-kayit.jpg' alt="Arama Motorlarına Kayıt" border="0"></a><br>Arama Motorlarına Kayıt</div> <p><strong>İşi fazla uzatmayalım ve arama motorlarında nasıl ve ne şekilde çabuk listelenebiliriz ona geçelim.</strong></p> <ul> <li>Arama motorlarında listelenme hızımız kısmende olsa sitemizin altyapısınada bağlıdır. Bu aşama için daha önce hazırladığım <a href="http://www.bildirgec.org/yazi/web-sitenizi-hizlandirin">yazıyı inceliyerek</a> işe başlamanızı öneririm.</li> </ul> <ul> <li>Sonraki aşama için arama motorlarına merhaba demeliyiz ve kayıt sayfalarından sitelerimizi kaydetmemiz gerekmekte. Aşağıda popüler arama motorlarının kayıt sayfalarına ulaşabilirsiniz. Ayrıca şu aşamada şunuda belirtmem iyi olacaktır, program sitelerinde ve bazı sitelerde dolaşan ve otomatik arama motorlarına kayıt yapan programlar bulunmakta. Bu programlar altyapısından dolayı bazı sitelere kayıt yapabilmekte ama bunlar çokta verimli çalışan programlar değiller, programlarla uğraşmaktansa kendi yapacağınız kayıtlar işinizi daha düzenli ve kolay yapmanızı sağlayacaktır.<br><a href="http://www.google.com/addurl/">Google</a>, <a href="http://submit.search.yahoo.com/">Yahoo</a>, <a href="http://search.live.com/docs/submit.aspx">Live Search</a>, <a href="http://www.submitexpress.com/submit.html">Submit Express</a>, <a href="http://www.dmoz.org/add.html">DMOZ</a>, Genel arama motorları listesine <a href="http://freewebsubmission.com/">şurdan</a>, ülkelere göre arama motorları listesinede <a href="http://home.inter.net/takakuwa/search/search.html">buradan</a> ulaşabilirsiniz.</li> </ul> <ul> <li>Arama motorlarına kayıtlarımızıda gerçekleştirdik şimdi ne yapacağız. Şimdi sitemize eli yüzü düzgün bir sitemap hazırlamanın vakti geldi. Sitemap arama motorlarımızın sitemizin link ve yollarını daha rahat bulmasına yardımcı olacaktır. Sitemap’ı google’ninde önerdiği ücretsiz <a href="http://www.xml-sitemaps.com">xml-sitemap</a> sitesi üzerinden gerçekleştirebilirsiniz. Site Haritamızı oluşturduk anasayfamızdan oluşturduğumuz sitemap’e link vermemiz iyi olacaktır ayrıca <a href="https://www.google.com/webmasters/tools">google webmaster</a>’dan sitemap eklemekde google’da listelenmemiz hız kazanacaktır.</li> </ul> <ul> <li>Site haritamızıda ekledikten normal kayıt ve listelenme süremiz 2-3 hafta arasında değişmekte tabi bu yazının amacı bunu dahada kısaltmak olduğu için devam ediyoruz. Arama motorları bilindiği üzere popülerliğe önem vermekte ve sitemizle aynı kategoride olan sitelerle link değişimi yapmanız yada reklam vermeniz googlede listelenme sürenizi yüksek derecede hızlandıracaktır. Peki nedir bu link değişimi link değişimi kendisinden belli olduğu gibi sitenin kendi içerisinde sitenizin linkini barındırmasıdır en kısa haliyle. Link değişimi içinse <a href="http://www.r10.net/link-degisimi/">şuradan</a> , <a href="http://forum.iyinet.com/google-pr-link-degisimi/">burada</a> yardım alabilirsiniz.Son olarak şunuda hatırlatmak isterim link değişiminde aşırıya kaçmak sizi <a href="http://www.bildirgec.org/etiket/google-sandbox">google sandbox</a> ile karşı karşıya getirecektir. Bu konuya dikkat etmenizi öneririm, <a href="http://tr.wikipedia.org/wiki/SandBox">google sandbox</a> hakkında da ayrıntılara başka bir önceki <a href="http://www.bildirgec.org/yazi/google-sandbox-nedir-nasil-cikilir">yazımdan ulaşabilirsiniz.</a></li> </ul> <p>arama motorlarında hızlı listelenmek için sizin bildiğiniz başka bir yol var mı?</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/azurenus">azurenus</a> tarafından <a href=" http://www.bildirgec.org/yazi/arama-motorlarinda-nasil-hizli-listelenilir ">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 20:46:00 GMT 136027@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/arama-motorlarinda-nasil-hizli-listelenilir