http://www.bildirgec.org/ tr-tr 40 bildirgec.org - etiketler: prototype angelsdemos <p><strong>Starbox</strong>, gelişmiş bir oylama ve değerlendirme uygulamasıdır.Javascript ile <a href="http://bildirgec.org/ara/jquery">jQuery</a> kütüphanesi kullanılarak hazırlanan bu muhteşem esnek uygulamayı elinizdeki bir <em>png</em> formatındaki imaj ile şekillendirebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/starbox.PNG' alt="\"\"" border="0"><br></div> <p>Artık birçok sitede görmeye alıştığımız oylama sistemlerinden biri olan <strong>Starbox</strong>, tamamen özelleştirebilir ve kolay kullanımlı bir uygulamadır.Bu <strong>jQuery</strong> uygulaması sayesinde aklınızdaki oylama sistemini web sitenize kolaylıkla yerleştirebilir ve entegre edebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/starbox3.PNG' alt="\"\"" border="0"><br></div> <p>Yirmiden fazla demosunu size sunan eşzamanlı değerlendirme uygulaması Starbox, bununla kalmayarak size özelleştirme imkanı sunuyor.Sadece bir <em>png</em> kullanarak değiştirebilirceğiniz bu uygulamayı kolaylıkla kullanabilirsiniz.<strong>Starbox</strong>, 5 ve 10 üzerinden oylama, oylandıktan sonra kilitlenme, 1.5 ve 3.5 gibi oylar verebilme, oylama esnasında kötü iyi orta gibi derecelendirme , herhangi bir yere oyladıktan sonra ve önce interaktif olarak genel notu yazma gibi birçok özelliğini aynı anda veya istediklerinizi kullanmanızı sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/starbox4.PNG' alt="\"\"" border="0"><br><img src='http://www.bildirgec.org/imaj/angelsdemos/starbox2.PNG' alt="\"\"" border="0"><br></div> <p>Tamamen interaktif bir uygulama olan <strong>Starbox</strong>'ın orjinal sayfasına <a href="http://www.nickstakenburg.com/projects/starbox/">buradan</a> bakabilir veya buradan Creative Commons lisanslı Starbox 1.2'yi <a href="http://www.nickstakenburg.com/projects/download/?project=starbox#">buradan</a> indirebilirsiniz.Demolarını <a href="http://www.nickstakenburg.com/projects/starbox/">buradan</a> inceleyebilirsiniz.</p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/fancy-sliding-form-ile-hareketli">Fancy Sliding Form ile Hareketli Formlar</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/5-kullanisli-jquery-uygulamasi">5 kullanışlı jQuery Uygulaması</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/etkiliyici-slaytlar-icin-aeron-slideshow">Etkiliyici Slaytlar için: aeron slideshow</a> (16)</li><li><a href="http://www.bildirgec.org/yazi/muhtesem-bir-tooltip-uygulamasi-colortip">Muhteşem bir Tooltip Uygulaması: Colortip</a> (14)</li><li><a href="http://www.bildirgec.org/yazi/flip-ile-muhtesem-slaytlar">Flip! ile Muhteşem Slaytlar</a> (10)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/angelsdemos">angelsdemos</a> tarafından <a href=" http://www.bildirgec.org/yazi/starbox-interaktif-oylama-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, 19 Sep 2010 11:24:00 GMT 90014@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/starbox-interaktif-oylama-uygulamasi tasarım css web design javascript web tasarım web design rating ajax js png web development creative commons prototype web 2.0 interactive mb jquery web developer scriptaculous jquery plugin sb micro bildiri jquery example rating jquery rating and voting jquery plugins ajax plugin stars nick stakenburg jquery demos rating plugin rating stars rating stars for prototype rating and voting voting plugin lynx23 <p>merhaba.<br>ilk önce ilgilenen herkese teşekkür ederek başlayayım.</p> <p>benim sorunum şu : bir site de modalbox ve slider kullanmak istiyorum. fakat bunlarda yer alan javascriptler çakışma yapıyor. dolayısıyla biri varken diğeri çalışmıyor. <br>örnek olarak bir linke upload ettim. inceleyebilirsiniz.</p> <p>örnek 1 : http://mence.net/j/demo/tests/functional/1.html<br><strong>burada görüldüğü gibi. coda slider sorunsuz çalışmakta fakat modal box istenilen gibi çalışmamaktadır.</strong></p> <p>2 : http://mence.net/j/demo/tests/functional/2.html<br><strong>burada da görüldüğü gibi. coda slider çalışmamakta fakat modal box sorunsuz çalışıyor.</strong></p> <p>indirip incelemek isteyenler için : http://mence.net/j/j.rar</p> <p>yardımlarınızı bekliyorum.</p> <p>teşekkürler</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/lynx23">lynx23</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-1-3-2-min ">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, 06 Jan 2010 09:23:00 GMT 86230@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-1-3-2-min prototype jquery vlknkng <p>önceleri düğmeler, galeri vb. gibi şeyler için flash tabanını kullanırken, artık günümüzde, <a href="http://jquery.com/">jQuery</a>, <a href="http://mootools.net/">Mootools</a>, <a href="http://script.aculo.us/">Scriptallicious</a> ve <a href="http://www.prototypejs.org/">Prototype</a> gibi <strong>javascript</strong> taslakları kullanılmaya başlandı. bu taslaklar flash yerine kod kullanıyor ve flashla elde edilecek etkileri bize sağlıyor. bu da web tasarımcıları ve geliştiricilerine yaratıcı düşünme için birçok alan sağlıyor.<br>aşağıda incelenen örnekler bu tarz javascript kaydırıcıları etkili bir şekilde uygulayan websitelerini ortaya koyuyor.</p> <p>1. <a href="http://www.charliegentle.co.uk/">Charlie Gentle</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/1-3.jpg' alt="\"\"" border="0"><br></div></p> <p>2. <a href="http://www.ormanclark.com/">Orman Clark</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/2-1.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --></p> <p>3. <a href="http://bestbefore.ro/">Best Before</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/3-3.jpg' alt="\"\"" border="0"><br></div></p> <p>4. <a href="http://cpeople.ru/#portfolio-web">Creative People</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/4-4.jpg' alt="\"\"" border="0"><br></div></p> <p>5. <a href="http://www.pojeta.cz/">Tomáš Pojeta</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/5-4.jpg' alt="\"\"" border="0"><br></div></p> <p>6. <a href="http://www.squarefactor.com/">Square Factor</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/6-5.jpg' alt="\"\"" border="0"><br></div></p> <p>7. <a href="http://www.legworkstudio.com/#/about">Leg Works Studio</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/7-4.jpg' alt="\"\"" border="0"><br></div></p> <p>8. <a href="http://enterrodagata.aaum.pt/">Enterro da Gata</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/8-4.jpg' alt="\"\"" border="0"><br></div></p> <p>9. <a href="http://intermissiondesign.com/#">Intermission Design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/9-4.jpg' alt="\"\"" border="0"><br></div></p> <p>10. <a href="http://www.jandk.fr/#qui_sont_jackson_and_kent">Jackson & Kent</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/10-4.jpg' alt="\"\"" border="0"><br></div></p> <p>11. <a href="http://www.volll.com/#section_main">Volll</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/11-4.jpg' alt="\"\"" border="0"><br></div></p> <p>12. <a href="http://www.x3studios.com/#/Featured/">X3 Studios</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/12-4.jpg' alt="\"\"" border="0"><br></div></p> <p>13. <a href="http://www.webleeddesign.com/">We Bleed Design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/13-3.jpg' alt="\"\"" border="0"><br></div></p> <p>14. <a href="http://bulletpr.co.uk/">Bullet PR</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/14-3.jpg' alt="\"\"" border="0"><br></div></p> <p>15. <a href="http://www.diegolatorre.com/">Diego Latorre</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/15-3.jpg' alt="\"\"" border="0"><br></div></p> <p>16. <a href="http://www.dreamerlines.lv/">Dreamer Lines</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/16-3.jpg' alt="\"\"" border="0"><br></div></p> <p>17. <a href="http://galandesign.com/">Galan Design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/17-3.jpg' alt="\"\"" border="0"><br></div></p> <p>18. <a href="http://www.howarths.nl/#">Howarths</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/18-3.jpg' alt="\"\"" border="0"><br></div></p> <p>19. <a href="http://www.kitfolio.com/#about">Kit Folio</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/19-3.jpg' alt="\"\"" border="0"><br></div></p> <p>20. <a href="http://jp3design.com/">Jp3 Design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/20-3.jpg' alt="\"\"" border="0"><br></div></p> <p>21. <a href="http://www.polargold.de/#index">Polor Gold</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/21-3.jpg' alt="\"\"" border="0"><br></div></p> <p>22. <a href="http://searchinsidevideo.com/#home">Search inside</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/22-3.jpg' alt="\"\"" border="0"><br></div></p> <p>23. <a href="http://magouya.com/#maptop">Magouya</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/23-2.jpg' alt="\"\"" border="0"><br></div></p> <p>24. <a href="http://www.ohmedia.ca/index">OH! Media</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/24-2.jpg' alt="\"\"" border="0"><br></div></p> <p>25. <a href="http://leandromedeiros.com/">Leaondro Medeiros<br></a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/25-2.jpg' alt="\"\"" border="0"><br></div></p> <p>26. <a href="http://www.kostandinos.com/#home">Kostandinos</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/26-2.jpg' alt="\"\"" border="0"><br></div></p> <p>27. <a href="http://www.slicemachine.com/psd-slicing/">Design Slicing</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/27.jpg' alt="\"\"" border="0"><br></div></p> <p>28. <a href="http://qilayout.com/#2">Richie Qilayout</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/28.jpg' alt="\"\"" border="0"><br></div></p> <p>29. <a href="http://www.dconvulsions.com/">Digital Convulsion</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/29.jpg' alt="\"\"" border="0"><br></div></p> <p>30. <a href="http://aredesforgirls.com.br/">Ardes For Girls</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/vlknkng/30.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://dzineblog.com/2009/08/getting-creative-with-javascript-30-websites-with-cool-slider-and-scrollers.html">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/vlknkng">vlknkng</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-yaratici-javascript-kaydirici-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> Wed, 07 Oct 2009 16:24:00 GMT 84498@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-yaratici-javascript-kaydirici-ornegi javascript web design prototype framework mootools slider jquery scroller kaydırıcı scriptallicious javascript kaydırıcı algoz <p>Önceleri <a href="http://www.bildirgec.org/ara/Javascript">Javascript</a> ile web sayfalarına animasyonlu öğeler hazırlamak oldukça zorlu bir çalışma gerektirmekteydi. Oysa şimdilerde <a href="http://www.bildirgec.org/ara/prototype">prototype</a>, <a href="http://www.bildirgec.org/ara/jQuery">jQuery</a> ve <a href="http://www.bildirgec.org/ara/mootools">mootools</a> gibi oldukça başarılı Javascript çatılarının ortaya çıkması ile ancak <a href="http://www.bildirgec.org/ara/Flash">Flash</a> ile hazırlanabilecek çeşitli animasyonları artık Javascript ile de hazırlamak mümkün.</p> <p>Aşağıdaki liste ile Javascript ile hazırlanmış ilham alınası örneklere, çeşitli eğitimlere ve eklentilerine göz atabilir ve kendi projelerinizde kullanabilirsiniz.</p> <p><b>İlham Alınası Örnekler:</b></p> <p>1-<a href="http://adcapitalindustries.com/">ADCapital Industries</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/adcapital.gif' alt="\"\"" border="0"><br></div><br>2-<a href="http://www.lionite.com/">Lionite</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/lionite.gif' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p>3-<a href="http://www.worldofmerix.com/">World of Merit</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/world.gif' alt="\"\"" border="0"><br></div><br>4-<a href="http://cliframework.com/">PHP CLI Framework</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/phpcli.gif' alt="\"\"" border="0"><br></div><br>5-<a href="http://bloghelpr.us/">Blog Helpr</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/blog.gif' alt="\"\"" border="0"><br></div><br>6-<a href="http://arnaud-k.fr/mes-projets.html">Arnaud-k</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/arnoud.gif' alt="\"\"" border="0"><br></div><br>7-<a href="http://montealto.es/">Montealto</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/montealto.gif' alt="\"\"" border="0"><br></div></p> <p><b>Çeşitli eklenti, kütüphane ve eğitimler :</b></p> <p>8-<a href="http://webdev.stephband.info/parallax.html">jParallax Plugin</a> | <a href="http://webdev.stephband.info/parallax.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/pallelax.gif' alt="\"\"" border="0"><br></div><br>9-<a href="http://www.decodeuri.com/jquery-fxqueues-plugin-20/">FxQueues Plugin</a> | <a href="http://www.decodeuri.com/fxqueues2.0/2.0.3/example.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/decode.gif' alt="\"\"" border="0"><br></div><br>10-<a href="http://www.jsanim.com/">jsAnim - Free Javascript Animation Library</a> | <a href="http://www.jsanim.com/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jsanim.gif' alt="\"\"" border="0"><br></div><br>11-<a href="http://fx.inetcat.com/">$fx</a> | <a href="http://fx.inetcat.com/manuals.php#b3">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/ufo.gif' alt="\"\"" border="0"><br></div><br>12-<a href="http://gx.riccardodegni.net/">GX</a> | <a href="http://gx.riccardodegni.net/demos/core">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/gx.gif' alt="\"\"" border="0"><br></div><br>13-<a href="http://visitmix.com/lab/glimmer">Glimmer</a> | <a href="http://visitmix.com/labs/glimmer/samples/freestyle.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/howdy.gif' alt="\"\"" border="0"><br></div><br>14-<a href="http://miso.blog.matfyz.sk/p355-magic-a-simple-javascript-animation-framework">Magic</a> | <a href="http://miso.blog.matfyz.sk/p355-magic-a-simple-javascript-animation-framework">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/pots.gif' alt="\"\"" border="0"><br></div><br>15-<a href="http://blog.themeforest.net/tutorials/simulate-gravity-with-jquery/">Simulate Gravity with jQuery</a> | <a href="http://themeforest.s3.amazonaws.com/74_jquery/jquerygravitysource/index.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/gravity.gif' alt="\"\"" border="0"><br></div><br>16-<a href="http://css-tricks.com/jquery-robot/">Building an Animated Cartoon Tobot</a> | <a href="http://robot.anthonycalzadilla.com/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/robot.gif' alt="\"\"" border="0"><br></div><br><b>BONUS :</b><br>17-<a href="http://design-notes.info/tutorial/flashy-intro-with-jquery-animation/">Flashy Intro with jQuery Animation</a> | <a href="http://design-notes.info/demo/flashy.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/note.gif' alt="\"\"" border="0"><br></div><br>18-<a href="http://buildinternet.com/2009/02/how-to-make-an-impressive-animated-landscape-header-with-jquery/">How to Make an Impressive Animated Landscape Header with jQuery</a> | <a href="http://buildinternet.com/live/landscape-header/landscape-header.htm">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/hill.gif' alt="\"\"" border="0"><br></div></p> <p><b>Daha önce yayınlanmış JQuery ile ilgili yazılarımdan bazıları:</b><br><a href="http://www.bildirgec.org/yazi/jquery-ile-iphone-style-checkboxes">JQuery ile iPhone-Style Checkboxes</a> <br><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">En iyi 10 jquery slider eklentisi</a> <br><a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">jQuery ve CSS ile Page Peel Effect'i</a> <br><a href="http://www.bildirgec.org/yazi/jquery-impromptu-ile-sik-tasarimli">jQuery Impromptu ile Şık Tasarımlı Mesaj Kutuları</a><br><a href="http://www.bildirgec.org/yazi/layouts-icin-6-adet-jquery">Layouts için 6 Adet jQuery eklentisi</a> <br><a href="http://www.bildirgec.org/yazi/jquery-ile-hos-bir-menu">JQuery ile Hoş Bir Menü</a><br><a href="http://www.bildirgec.org/yazi/html-formlari-icin-25-harika">Html formları için 25 harika jquery eklentisi</a></p> <p>Kaynak: <a href="http://www.queness.com/post/456/16-impressive-flash-like-javascript-animation-inspirations-tutorials-and-plugins">queness</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a>:</b> <a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">Email</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/15-adet-dolu-dolu-jquery">15 Adet Dolu Dolu jQuery Kaynak Sitesi</a> (12)</li><li><a href="http://www.bildirgec.org/yazi/etkileyici-bildirimler-bir-jquery-eklentisi">Etkileyici Bildirimler Bir JQuery Eklentisi: Gritter</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/ilgi-cekici-ve-hafif-10">İlgi çekici ve Hafif 10 Adet jQuery Eklentisi</a> (0)</li><li><a href="http://www.bildirgec.org/yazi/10-adet-klas-jquery-eklentisi">10 Adet Klas JQuery Eklentisi</a> (3)</li><li><a href="http://www.bildirgec.org/yazi/haber-basliklari-icin-hos-bir">Haber Başlıkları İçin Hoş Bir JQuery Örneği</a> (3)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/algoz">algoz</a> tarafından <a href=" http://www.bildirgec.org/yazi/16-adet-harika-javascript-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> Fri, 31 Jul 2009 06:34:00 GMT 83233@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/16-adet-harika-javascript-ornegi eklenti javascript eğitim örnek js jscript prototype mootools mb jquery mikro bildiri plugin plugins filezza <div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/moo-crop.png' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div> <p>Web sitelerinde kullanılan görselleri, kullanılacak alana göre boyutlandırmak ve kırpmak program bilgisi olanlar için kolay bir uygulamadır. Ancak, bazen gereğinden fazla zaman harcamayı gerektirir veya program kullanmak için ne zaman, ne de bilgi vardır.</p> <p>Bu durumda ya çevrimiçi bir araç aramak gerekir (program öğrenmek daha iyi olur) veya aşağıda göreceğiniz, <a href="http://www.hotscripts.com/">hotscript</a> tarafından listelenen en fazla tercih edilen 8 <a href="http://www.bildirgec.org/etiket/javascript">javascript</a> gibi sorunumuzu çözecek kolay scriptlere ulaşmamız gerekir.</p> <p>Görselleri boyutlandırma ve kırpma işlerini kolaylaştıracak 8 java<a href="http://www.bildirgec.org/etiket/script">script</a>;</p> <p><strong><a href="http://tools.uvumi.com/crop.html">UvumiTools Crop</a></strong><br>UvumiTools Crop, görüntü boyutlandırma ve kırpma işlemi için geliştirilen bir <a href="http://mootools.net/">mootool</a> eklentisi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/uvimi.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p> <p><strong><a href="http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/comment-page-1/">Javascript Image Cropper UI</a></strong><br><a href="http://www.prototypejs.org/">Prototype</a> JavaScript framework ve <a href="http://script.aculo.us/">script.aculo.us</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/defusion.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p> <p><strong><a href="http://www.dhtmlgoodies.com/index.html?whichScript=image-crop">Image crop - DHTML</a></strong><br>Görüntü kırpmak/boyutlandırmak için DHTML kullanıcı arayüzü sunar. İstenen bölgenin üzerine bir dikdörtgen sürüklenir ve kesilir.<a href="http://www.php.net/">PHP</a> sunucu üzerinde <a href="http://www.imagemagick.org/">imagemagick</a> <a href="http://www.imagemagick.org/script/download.php">kullan</a>ır.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/goodies.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p> <p><!-- buradan kes --></p> <p><strong><a href="http://marqueetool.net/examples/send-cropped-image-coordinates-to-the-server/">Marquee Tool</a></strong><br>50 kb boyutlu zaman kazandırabilecek <a href="http://www.dynamicdrive.com/">DHTML</a> uygulaması.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/marquee.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p> <p><strong><a href="http://kroppr.rborn.info/index.php">Kroppr</a></strong><br><a href="http://www.ioncube.com/loaders.php">Ioncube Loader</a> ve <a href="http://www.boutell.com/gd/">GD</a> görüntü işleme kütüphanesine ihtiyaç duyar. Ticari kullanım için 40 $ ödemek gerekli.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/kroppr.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p> <p><strong><a href="http://www.nwhite.net/2009/02/25/lassocrop-preview/">Lasso.Crop</a></strong><br>Firefox, Safari, internet Explorer 6 ve 7 gibi popüler tarayıcılar ile sorunsuz çalışan, mootool betiğidir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/lasso.jpg' alt="Image Cropping Tool" border="0"><br>Image Cropping Tool</div></p> <p><strong><a href="http://developer.yahoo.com/yui/imagecropper/">image cropper</a> <a href="http://htmlblog.net/ajax-image-cropper-with-yui-and-php/">*</a> </strong><br>Yahoo! Kullanıcı arayüzü kütüphanesi (yui)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/yui.jpg' alt="AJAX image cropper with YUI and PHP" border="0"><br>AJAX image cropper with YUI and PHP</div></p> <p><strong><a href="http://deepliquid.com/content/Jcrop.html">Jcrop</a></strong><br>Web uygulamalarına işlevsellik katan <a href="http://jquery.com/">jQuery</a> eklentisi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/filezza/jcrop.jpg' alt="Javascript Image Cropping Scripts" border="0"><br>Javascript Image Cropping Scripts</div></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript">2008'in En İyi JavaScript Kaynakları</a> (5)</li><li><a href="http://www.bildirgec.org/yazi/ajax-ve-javascript-tabanli-fotograf">Ajax ve javaScript tabanlı fotoğraf galerileri</a> (25)</li><li><a href="http://www.bildirgec.org/yazi/flickr-show">Flickr Show</a> (0)</li><li><a href="http://www.bildirgec.org/yazi/ajaxorized">ajaxorized</a> (3)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/filezza">filezza</a> tarafından <a href=" http://www.bildirgec.org/yazi/8-populer-javascript-goruntu-kirpma ">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, 21 May 2009 17:42:00 GMT 81812@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/8-populer-javascript-goruntu-kirpma fotoğraf resim görsel popüler javascript image script düzenleme prototype mootools kırpma jquery boyutlandırma prototype.js crop prototypejs javascript kütüphanesi javascript kütüphaneleri javascript frameworks javascript framework resim kırpma image cropping plugin kırp jquery javascript resim boyut image resize crop ajax image crop image crop tool image crop Nodtveidt <p>arkadaşlar başlıktan da biraz anlaşılacağı gibi,<br>web sayfasında photoshop'daki blending options gibi bir özellik kullanabiliyomuyuz onu öğrenmek istiyorum, belki jquery belki mootools belki php herangi birisinde olabilir diye düşündüm. örnek vericek olursak, zemin rengi kırmızı olan bir sayfa ve bu sayfada bg.image 'i siyah beyaz bir resim olan bir<br>div elementimiz var diyelim, phtoshopta üssteki layerın blending modunu mutiply yaptığımızda nasıl beyazlar kırmızı oluyorsa webdede aynısını becerebilen herhangi bir "iey" warmı merak ettim. çok alakasız bir soru ama ğer bulursam çok işime yarıyacak. teşekkülrer şimdiden</p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/css-yi-ogrendiniz-peki-ya">css'yi öğrendiniz. peki ya sonra?</a> (10)</li><li><a href="http://www.bildirgec.org/yazi/tasarimin-icinde-olan-herkes-icin">Tasarımın İçinde Olan Herkes İçin Yer İmi Seti</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/aptana-studio-1-0">Aptana Studio 1.0</a> (12)</li><li><a href="http://www.bildirgec.org/yazi/eli-ayagi-duzgun-web-formlari">Eli Ayağı Düzgün Web Formları İçin: ValidForm Builder!</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/starbox-interaktif-oylama-uygulamasi">Starbox - Interaktif Oylama Uygulaması</a> (4)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/Nodtveidt">Nodtveidt</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-de-blending-options ">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, 24 Apr 2009 07:08:00 GMT 81141@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-de-blending-options photoshop css web php js prototype options mootools jquery blending killerworm <p>Kullanım kolaylığı ve estetik dizaynı ile bilinen iPhone'un piyasaya sürülmeden önceki hali olduğu iddia edilen bir prototip eBay'de satışa sunuldu. Şu andaki işletim sistemi ile görüntü bakımından bir benzerlik göstermese de internet tarayıcısı da dahil olmak üzere pek çok özellik çalışır durumda. Bazı oyunların da menüde olması ilginç, çünkü iPhone herhangi bir oyun ile gelmiyor.<br><a href="http://www.youtube.com/watch?v=63bZPPlqvl0">Bu prototipin </a> <br>gerçek olup olmadığı bilinmiyor, ancak youtube'a yüklenen video'nun telif hakkı talebiyle Apple tarafından yayından kaldırtılması bunun sahte olmadığı görüşünü destekliyor.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/killerworm">killerworm</a> tarafından <a href=" http://www.bildirgec.org/yazi/bir-iphone-prototipine-sahip-olmak ">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, 11 Mar 2009 16:09:00 GMT 80152@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bir-iphone-prototipine-sahip-olmak apple ebay işletim sistemi prototip prototype iphone 3g iphone os pinkfloyd <p><a href="http://www.bildirgec.org/yazi/css-de-uzman-olmanizi-saglayacak" title="CSS'de Uzman Olmanızı Sağlayacak 20 CSS Dersi">css'de uzman olmak</a> üzere olduğunuzu mu hissediyorsunuz? sonraki adımınız ne olacak?</p> <p>bir sonraki adımınızı planlamak, kariyeriniz için önemlidir. hepimizin bildiği gibi zaman para demektir ve zamanımızı en verimli şekilde nasıl harcayacağımız üzerine odaklanmamız gerekir.</p> <p>bazıları ön-yüz geliştirmeye (front-end development) kendilerini adayıp belki de javascript yeteneklerini ilerletmeyi deneyeceklerdir. bazıları ise tasarım alanında kendilerini geliştirip <a href="http://www.bildirgec.org/yazi/size-sifirdan-photoshop-ogretecek-35" title="Size Sıfırdan Photoshop Öğretecek 35 Kaynak">photoshop</a> ve illustrator, ya da flash gibi araçlara odaklanacaklardır.</p> <p>yazımın devamında web'in ileri gelenlerinin bu alanda neler söylediklerini bulacaksınız.</p> <p><strong>chris coyier</strong><br>burada sorulan "öğrenmem gereken bir sonraki şey ne olmalıdır" sorusu, soruyu soran kişi tarafından cevaplanmalıdır.<br><br>web üzerindeki her yetenek kullanışlıdır. eğer zamanınız varsa web'deki her yetenek öğrenmeye değer. genellikle üzerinde çalışmak istediğiniz bir projeniz ya da gerçeğe dönüştürmek istediğiniz bir fikriniz vardır. onu en iyi kılacak şey ne ise onu öğrenin. eğer ne yapmak istediğiniz hakkında en ufak bir fikriniz yoksa, o zaman javascript öğrenin.<br><br><a href="http://www.css-tricks.com/">www.css-tricks.com</a></p> <p><!-- buradan kes --></p> <p><strong>david walsh</strong><br>öyle ya da böyle, kesinlikle öğrenilmesi gereken şey javascript, tercihen mootools ya da jquery. css uzman olunacak mükemmel bir yetenek olmasına rağmen gün geçtikçe css ve javascript, tarayıcı desteği ve css3 yüzünden bir bütün olarak algılanmaya başlanıyor. javascript. bu konuda hiç şüphem yok.<br><br><a href="http://www.davidwalsh.name/">www.davidwalsh.name</a></p> <p><strong>chris spooner</strong><br>web tasarımının güzel taraflarından birisi de yeni şeyler öğrenmeye her zaman bir yerin olmasıdır. i̇yi bir css bilgisi ve <a href="http://www.bildirgec.org/yazi/size-sifirdan-jquery-ogretecek-15" title="Size Sıfırdan jQuery Öğretecek 15 Mükemmel Kaynak">jquery javascript kütüphanesinin temellerini öğrenmek</a> doğal olarak gelişecektir, özellikle çevrimiçi rehberlerin de yardımıyla. jquery kodu belirli sayfa elementlerini hedeflemek için css seçicilerini kullanmakta olduğundan iyi bir css bilgisine sahip olan birisi için bu bir artı olarak algılanabilir. bazı çeşitli komutları ve efektleri oluşturduktan sonra site tasarımlarınıza bazı mükemmel görsel eklemeler yapılabilir.<br><br>öte yandan css3 ve html5'in duyurulmasına dair haberler de yer alıyor ki bunların her ikisi de yeni özelliklerle geliyor. şimdi endüstrinin bir adım ilerisinde olup işe alınabilirliğinizi arttırmak için bu yeni özellikleri öğrenmenin tam sırası.<br><br><a href="http://www.blog.spoongraphics.co.uk/">www.blog.spoongraphics.co.uk</a></p> <p><strong>alen grakalic</strong><br>benim önerim javascript'e geçilmesi gerektiği yönünde olacaktır. önerimin bu yönde şekillenmesinin sebebi sırf javascript'in modern web siteleri için olmazsa olmaz konuma gelmiş olmasından ziyade javascript'te uzman olduktan sonra tam bir front-end uzmanı olunmasındandır. tasarım ve css/xhtml/js kodlama yeteneklerine sahip birisi, piyasadaki tüm front-end mesleklerinde kendine yer bulabilir. bu benim başlangıçta hedeflediğim birşeydi. şimdi arabirim tasarlamaktan css kesimine, javascript kodu yazımına kadar her tür istekle karşılaşıyorum.<br><br><a href="http://www.cssglobe.com/">www.cssglobe.com</a></p> <p><strong>steven snell</strong><br>bana göre html ve css ne tür bir tasarım yapıyor olursanız olun gereklidir. bundan sonra seçilecek şey sizin kendinizi özel olarak geliştirmek istediğiniz alana göre değişecektir. bu javascript olabilir, flash olabilir. benim için bu wordpress ve php idi. ben şimdilik bir php uzmanı olmaktan çok uzağım ancak wordpress ile php uzmanı olmanız gerekmiyor. photoshop ve illustrator yeteneklerinizi geliştirmek tercih edebileceğiniz bir başka yol olaiblir. html ve css'den sonra bence bir tasarımcı olarak gerçekten ne yapmak istediğinize bakmalısınız, zira pek çoğumuz her şeyi öğrenmek zorunda değildir.<br><br><a href="http://www.vandelaydesign.com/">www.vandelaydesign.com</a></p> <p><strong>cameron moll</strong><br>ben uzun süredir mükemmel kullanıcı deneyiminin şu üç şey üzerinde geliştiğini söylüyorum: etkileşim, grafik tasarımı ve ileişim. css, etkileşimi sağlamak ve grafik tasarımını tarayıcı üzerinde canlı hale getirmek için kodu bir araç olarak kullanan bir deneyimin sunumudur.<br><br>eğer birisi bu araç üzerinde uzmanlaşırsa, ona önerebileceğim şey kullanıcı deneyimi çatısı altında anlamlı iletişimi geliştirebilecek herhangi bir yetenek üzerinde uzmanlaşmasıdır - hem kullanıcı ile arayüz, hem de kullanıcı ile bu deneyimi sunan oluşum arasındaki görsel ve işitsel iletişim.<br><br><a href="http://www.cameronmoll.com/">www.cameronmoll.com</a></p> <p><strong>jacob gube</strong><br>css'yi öğrendikten sonraki adımınız, yazdığınız kodun farklı tarayıcılar ve platformlar altında doğru şekilde çalıştırmanın yöntemlerini öğrenmektir. daha karmaşık tasarımlara indikçe, farklı tarayıcılar tarafından desteklenen css yazmanın zor olduğunun farkına varacaksınız. yeni css yazarları ile deneyimli olanlar arasındaki fark şudur: hangi kodun çalışıp hangisinin çalışmayacağının bilgisi. size şunu söyleyebilirim ki ben css'ye yeni başladığımda css kodumdaki hataları ayıklamak için sayısız saatler harcadım, ancak üzülmeyin. deneyim kazandıkça bu çok daha kolay hale gelecektir. öğrenebilmenin tek gerçek yolu deneyimden ve araştırmadan geçmektedir, bu yüzden hemen koyvermeyin.<br><br>ayrıca javascript'in (istemci taraflı betikleme) html/css'yi iyice öğrendikten sonra öğrenilmesi gereken önemli bir şey olduğunu düşünüyorum. css'yi anlamak javascript'i öğrenmenizi kolaylaştıracaktır, özellikle dom elementleri ile çalışırken.<br><br><a href="http://www.sixrevisions.com/">www.sixrevisions.com</a></p> <p><strong>dmitry fadeev</strong><br>konu gerçekten ilginç zira bir süre önce bu benim de başıma gelmişti. css/html'de uzman olduktan sonra aynı şablonları ve sayfaları oluşturmaktan sıkılmıştın ve bunun üzerine ben de yeni bir şeyler öğrenmeye karar verdim. ruby on rails'e odaklandım ve bir süre sonra çalışan bazı küçük web uygulamaları geliştirmeye başladım. eğer bir tasarımcının daha fazlasını öğrenmeye ilgisi varsa, front-end'in yanısıra back-end'e dair bir şeyler öğrenmek de oldukça faydalı olacaktır zira sorunları çözmek için başkalarına olan bağımlılığınız azalacaktır.<br><br>öğrenmeye başladığım bir diğer şey de sistem yöneticiliği oldu. slicehost üzerinden kendime bir vps (üzerinde linux os kurulu bir sanal sunucu) aldım ve veritabanı, web sunucusu, ruby, rails gibi şeylerin nasıl ssh üzerinden kurulabileceğini öğrenmeye çalıştım.<br><br>üzerinde iyi olmadığım bir şey var ise o da javascript'tir. aslında javascript'te berbatım :) kendime bu konuda bir kitap aldım ve halen okuyabilmiş değilim. mantıksal olarak javascript'in css/html'den sonra öğrenilmesi gereken şey olduğunu düşünüyorum. sadece javascript'i öğrenmekle kalmayın, jquery gibi kütüphaneleri indirin ve onların nasıl çalıştığını öğrenmeye çalışın. jquery gibi bir şey sitenizdeki dinamik elementleri bir araya getirmenizde çok yardımcı olacaktır.<br><br>dediğim gibi, web tasarımcıları <a href="http://www.bildirgec.org/yazi/size-sifirdan-php-ogretecek-25" title="Size Sıfırdan PHP Öğretecek 25 Kaynak">php</a>, python ya da ruby gibi bazı dilleri öğrenmeye başlamalıdırlar. karmaşık olmayan bir uygulama geliştirebilecek seviyeye kolayca geleceksinizdir ve en azından koda bakıp neler olup bittiğini anlayabilecek ve gerektiğinde bazı düzenlemeler yapabileceksinizdir. örneğin php bilmeyen bir ön-yüz tasarımcısı bir wordpress teması geliştirebilir ancak temayı düzenlerken bazı php kodlarını da temaya dahil etmeleri gerekecektir. eğer tasarımcı biraz php biliyorsa, php kodunu düzenleyip temayı bir derece daha özelleştirebilirler. pek çok programlama dilinin birbirleri ile benzer yanları da bulunmaktadır. bu sebeple birini öğrendikten sonra diğer programlama dillerini anlamanız daha kolay olacaktır.<br><br>sistem yöneticiliğinin bir diğer iyi yetenek olduğunu düşünüyorum. biraz sıkıcı ve karmaşık ama öğrenmesi zor değil. eğer bir web tasarımcısı kendi sunucularını kurmayı ve apache'yi düzenlemeyi biliyorsa, kendi sielerini çok daha kolay bir şekilde çalıştıracaklardır. paylaşımlı sunucu firmalarından bir sunucu satın almanıza da gerek yok. linode ya da slicehost üzerinden bir parça almanız yeterli. hatta bu tip firmaların hiçbir şey bilmeseniz bile size rehber olabilecek mükemmel kaynakları bulunuyor. bu sayede ayda 20$ gibi bir rakama, sadece ihtiyacınız olan yazılımların ve bileşenlerin yer aldığı gerçekten hızlı bir web sunucusu oluşturabilirsiniz.<br><br>flash? bilmiyorum :) sanırım son yıllarda css/html ve javascript'in bütünleşmesi ile insanların flash'tan gittikçe uzaklaştığını görüyorum.<br><br><a href="http://www.usabilitypost.com/">www.usabilitypost.com</a></p> <ul> <li><strong>kaynak:</strong> <a href="http://www.sohtanaka.com/web-design/so-youve-mastered-css-whats-next/">sohtanaka.com</a></li> </ul> <p><strong>sonuç</strong><br>bana göre öğrenilmesi gereken bir sonraki adım tasarımcının hedeflerine göre değişecektir. kendinize yapmak istediğiniz bir proje ya da bir fikir bulun. hiç olmadı, ziyaret etmekten büyük keyif aldığınız bir web sitesini ya da kullanmaktan bıkmadığınız bir web uygulamasını seçin ve onu oluşturmak için öğrenmeniz gereken neler ise onları öğrenmeye başlayın ve ana hedefiniz, beğendiğiniz uygulamanın ya da sitenin aynısını oluşturmak olsun. bu sayede hem çalışırken büyük zevk almış olur, hem de yeni yetenekler edinmiş olursunuz.</p> <p>eğer ne öğrenmek istediğinize karar vermişseniz bugüne kadar bildirgeç üzerinde bir dizi rehber yayımladım. bu rehberler sizin için oldukça faydalı birer başlangıç noktası olacaklardır:</p> <ul> <li><a href="http://www.bildirgec.org/yazi/size-sifirdan-photoshop-ogretecek-35">size sıfırdan photoshop öğretecek 35 kaynak</a></li> <li><a href="http://www.bildirgec.org/yazi/size-sifirdan-ajax-ogretecek-20">size sıfırdan ajax öğretecek 20 mükemmel kaynak</a></li> <li><a href="http://www.bildirgec.org/yazi/size-sifirdan-jquery-ogretecek-15">size sıfırdan jquery öğretecek 15 kaynak</a></li> <li><a href="http://www.bildirgec.org/yazi/size-sifirdan-php-ogretecek-25">size sıfırdan php öğretecek 25 kaynak</a> </ul><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/web-de-blending-options">Web'de Blending Options</a> (0)</li><li><a href="http://www.bildirgec.org/yazi/tasarimin-icinde-olan-herkes-icin">Tasarımın İçinde Olan Herkes İçin Yer İmi Seti</a> (6)</li><li><a href="http://www.bildirgec.org/yazi/aptana-studio-1-0">Aptana Studio 1.0</a> (12)</li><li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kopya-kagitlari">Web tasarımcıları için kopya kağıtları</a> (4)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pinkfloyd">pinkfloyd</a> tarafından <a href=" http://www.bildirgec.org/yazi/css-yi-ogrendiniz-peki-ya ">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, 28 Feb 2009 08:10:00 GMT 79937@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/css-yi-ogrendiniz-peki-ya photoshop css javascript php apache kariyer ajax hedef hedefler css3 prototype web teknolojileri illustrator mootools apache server jquery php öğrenmek yeni teknolojiler kariyer hedefi css öğren javascript öğrenmek front end development pinkfloyd <p>Geçtiğimiz yılın en iyilerini içeren listelere bir yazı ile de ben eşlik etmek istedim. Konumuz JavaScript. 2008 yılında başta JavaScript kütüphaneleri olmak üzere JavaScript'in genelinin yeni nesil web uygulamalarındaki önemi bir kez daha kanıtlanmış oldu. JavaScript ve onunla birlikte çalışabilen üçüncü parti çözümlerin birlikte kullanımı sonucunda harikalar yaratabilen web geliştiricileri, eserlerini tüm Internet kullanıcıları ile ücretsiz olarak paylaşmaktan çekinmediler.</p> <p>Biz de bu yazımızda 2008 yılının en iyi JavaScript kaynaklarını derlemek istedik. Yazının devamında bulacaklarınızın arasında kaynaklar, kullanışlı dersler, bazı görüşler ve ilginç JavaScript kullanım örneklerine ulaşacaksınız.</p> <p>Bu tip kaynaklardan her zaman öğrenebileceğiniz bir ya da iki ders mutlaka vardır ve eğer siz bunları verimli bir şekilde kullanırsanız bu yıl portfolyonuzdaki yeteneklere bir yenisini daha ekleyebilirsiniz.</p> <p><strong>sIFR Lite</strong><br>"Bir zamanlar bazı çok başarılı web geliştiricileri sIFR'ı yarattılar. Hedefleri, HTML manşetlerini güzel görünümlü yazıtiplerine dönüştürmekti ve işte bu web geliştiricileri amaçlarına da başarılı bir şekilde ulaştılar. Kodlarına bakarak ben de sIFR'a daha nesne yönelimli bir yaklaşımla sIFR'ın 'lite' sürümünü oluşturdum. sIFR lite'yi okumak daha kolay ve kullanımı daha yenilikçi."</p> <p><!-- buradan kes --></p> <ul> <li><a href="http://www.allcrunchy.com/Web_Stuff/sIFR_lite/">Siteyi ziyaret edin</a></li> </ul> <p><strong>DD_belatedPNG</strong><br>IE6 için 24-bit PNG alpha-translucency background-image + background-position + background-repeat desteği olan, transparan (saydam) PNG'lerin IE6 üzerinde en sonunda tümüyle sorunsuz çalışabilmesini sağlayan bir yaklaşım. Mucize gibi işliyor!</p> <ul> <li><a href="http://dillerdesign.com/experiment/DD_belatedPNG/">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>The EqualHeights jQuery Plugin</strong><br>"CSS ile eşit yükseltiye sahip sütunlar oluşturmak bazen bir işkencedir. Kim bu tip karmaşık CSS kodları ile uğraşmak ister ki? jQuery kod parçacıklarının yardımı ile bir grup elementin yüksekliklerini eşitlemeniz mümkün.</p> <ul> <li><a href="http://www.cssnewbie.com/equalheights-jquery-plugin/">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>jQuery.popeye - satıriçi lightbox alternatifi</strong><br>"Bu eklenti sırasız imaj listelerini kutu içerisinde birer birer önizlemesini göstererek bir tür lightbox alternatifi oluşturuyor. Kutu üzerinde beliren kontrol elementleri ile imajlar arasında gezinmek mümkünken, dilenen imaj tam boyutlu olarak görüntülenebiliyor. Kutu tam boyutlu imajı görüntüleyebilmek için genişlerken aynı sırada kontrol öğeleri de gizleniyor. Kutu üzerine bir tıklama ile kutu eski küçük haline geri dönüyor."</p> <ul> <li><a href="http://herr-schuessler.de/blog/jquerypopeye-an-inline-lightbox-alternative/">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>DD_Roundies</strong><br>Internet Explorer'da yuvarlatılmış köşeler ekleyebilmenin en kolay yolu.</p> <p>"Bir yuvarlak köşeli kutu için 9 hücreli tablo kullanmaya son. İmaj kullanmaya son. Satırlarca HTML kodu eklemeye son. IE için JavaScript çözümü, diğer 'gerçek tarayıcılar' için CSS3 elementleri otomatik olarak entegre ediliyor"</p> <ul> <li><a href="http://dillerdesign.com/experiment/DD_roundies/">Siteyi ziyaret edin</a></li> </ul> <p><strong>jQuery Corners 0.3</strong><br>"Bu jQuery eklentisi güzelce yuvarlatılmış köşeleri web sitelerinize entegre edebilmenizi sağlıyor. Hem de herhangi bir imaj ya da karmaşık kodlar kullanmadan".</p> <ul> <li><a href="http://www.atblabs.com/jquery.corners.html">Siteyi ziyaret edin</a></li> </ul> <p><strong>Superfish jQuery Menü Eklentisi</strong><br>"Superfish, Suckerfish tarzında gelişmiş bir jQuery menü eklentisi olup halihazırda varolan CSS menülerin üzerine entegre ediliyor (böylece JavaScript'in etkin olmadığı durumlarda bile menünüz sorunsuz çalışıyor). Entegre edildiğinde menünüze çok beğenilen gelişmiş özellikler eklenmiş oluyor."</p> <ul> <li><a href="http://users.tpg.com.au/j_birch/plugins/superfish/">Siteyi ziyaret edin</a></li> </ul> <p><strong>JavaScript Hepimizi Kurtaracak</strong><br>Eric Meyer, tarayıcıların yeni web dillerini desteklemesini beklemektense neden JavaScript kullanarak tarayıcılara bu özellikleri kazandırmamız gerektiğini anlatıyor.</p> <ul> <li><a href="http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/">Siteyi ziyaret edin</a></li> </ul> <p><strong>CSS Sprites2 - Şimdi JavaScript Zamanı</strong><br>"Web siteleri arasındaki farklar genellikle yoğun flash kullanılan web siteleri ile web standartlarını takip eden siteler arasında değişir. Flash arayüzler genellikle daha canlı görünürler ve kullanıcı isteklerine, standartlara bağımlı web sitelerinin erişemediği dinamiklikte cevap verir. Son zamanlarda bu özellikle değişiklik göstermeye başladı. Özellikle Prototype, Scriptaculous, Moo, YUI, MochiKit ve diğer tüm JavaScript kütüphanelerinin de yardımı ile standartlara bağlı web siteleri de kullanıcı isteklerine dinamik bir şekilde cevap verebilir oldular. Şimdi CSS Sprites tekniğine 4 yıl öncesinden yenien bir göz atmanın ve projelerimize canlılık kazandırmanın mümkün olup olmadığını öğrenmenin zamanı geldi."</p> <ul> <li><a href="http://alistapart.com/articles/sprites2">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>jParallax</strong><br>"jParallax seçili elementi bir 'pencereye', bir 'görüş alanına' ve onun astlarını da mutlak olarak pozisyonlayıp görüş alanı içerisinden görülebilen bir nesneye dönüştürüyor. Bu katmanlar, fare hareketleri ile ve kendi boyutlarına ve tanımlanan katman özelliklerine göre hareket ettirilebiliyor. Sonuç ise çok gerçekçi bir paralaks eylem yaratıyor. Muhtemelen kafanız karıştı. Aşağıdaki bağlantıya tıklayın. Ne demek istediğimi anlayacaksınız."</p> <ul> <li><a href="http://webdev.stephband.info/parallax.html">Siteyi ziyaret edin</a></li> </ul> <p><strong>JavaScript kullanmadan sabit altlıklar</strong><br>Sadece CSS kullanarak sabit altlıklar oluşturabilmenizi sağlıyor. Kullanılan teknik IE 5.5 üzerindeki tüm tarayıcılarda çalışıyor.</p> <p><strong>Dinamik Anahat</strong><br>"Dynamic Layout basit bir basit bir JavaScript kütüphanesi olp sitenin genişliğini geçerli tarayıcınızın genişliğine göre otomatik olarak değiştirebilmenizi sağlıyor."</p> <ul> <li><a href="http://boagworld.com/technology/fixed_footers_without_javascri/">Siteyi ziyaret edin</a></li> </ul> <p><strong>AJAX Kullanmayı Bırakın!</strong><br>"Ajax kullanışlı bir fikir olmasına rağmen her fikir gibi bu da bir süre sonra kolayca proje üzerine entegre edilip edilmediğine göre iyi ya da kötü damgasını yer. Bunu kolaylaştıran unsur ise teknolojidir - ki bu durumda kullanılan teknoloji henüz olgunlaşmamış bir teknolojidir, çünkü kullanıcı gruplarını ardında bırakır. En dikkat çekeni ve etkileneni bu yardımcı teknolojileri kullanırken, teknolojileri tam olarak desteklemeyen tarayıcıları kullanmak zorunda olduğunuzda belirir..."</p> <ul> <li><a href="http://dev.opera.com/articles/view/stop-using-ajax/">Siteyi ziyaret edin</a></li> </ul> <p><strong>sIFR İle Nasıl Çalışılır?</strong><br>"Bu dersin amacı sIFR'in resmi sitesindeki bilgiyi süzerek onu sitenize nasıl entegre edebileceğinizi adım adım anlatmaktır. Bu dersi takip ettikten sonra sIFR'ın nasıl çalıştığına dair genel bir bilgi sahibi olacak ve ileri seviyede sIFR tekniklerini öğrenebilmek için kendinize bir taban oluşturacaksınız"</p> <ul> <li><a href="http://designintellection.com/2008/this-is-how-you-get-sifr-to-work/">Siteyi ziyaret edin</a></li> </ul> <p><strong>FancyZoom</strong><br>Web sayfalarınız için Javascript ile yumuşak imaj yakınlaştırma efekti.</p> <ul> <li><a href="http://www.cabel.name/2008/02/fancyzoom-10.html">FancyZoom</a></li> </ul> <p><strong>JavaScript ile dönen 3B küp</strong><br>Ne azı ne de daha fazlası.</p> <ul> <li><a href="http://maettig.com/code/javascript/3d_dots.html">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>14KB JavaScript ile Super Mario</strong><br>"Basit ve sıkıştırılmış bir JavaScript dosyası ile neler yapılabileceğine dair güzel bir örnek. Herhangi bir imaj kullanmadan ve her bir elementin JavaScript ile işlenerek oluşturulduğu inanılmaz bir örnek."</p> <ul> <li><a href="http://blog.nihilogic.dk/2008/04/super-mario-in-14kb-javascript.html">Siteyi ziyaret edin</a>.</li> </ul> <p><strong>Kullanıcı Arayüzünüzü Güçlendirmek İçin 10 JavaScript Tekniği</strong><br>"Javascript web geliştirme ortamında genellikle estetik bir dil olarak kullanılmaktadır. Bunun anlamı web geliştiricilerinin JavaScript'i sadece tek bir şey için, ziyaretçi'nin deneyimini iyileştirmek için kullanması gerektiğidir. Bir sitenin kullanıcı arabirimi açısından iyileştirilebilmesini sağlayacak pek çok kullanışlı ve zeki yöntem bulunmaktadır. Geliştiric, neredeyse ihtiyacı olan her bir JavaScript kod parçacığını Internet üzerinden bulabilir."</p> <ul> <li><a href="http://nettuts.com/javascript-ajax/10-rare-but-clever-javascript-techniques/">Siteyi ziyaret edin</a></li> </ul> <p><strong>25 Büyüleyici JavaSciprt Oyunu</strong><br>"AJAX'ın da yükselişi ile JavaScript, her web tasarımcısının ve geliştiricisinin iyi bilmesi gereken bir dil haline geldi". Form kontrolleri, uyarıllar ve benzer JavaScript kullanımının aksine JavaScript yardımı ile neredeyse her şeyi yapabilmeniz mümkün.</p> <ul> <li><a href="http://www.webresourcesdepot.com/25-amazing-javascript-games-some-fun-and-inspiration/">Siteyi ziyaret edin</a></li> </ul> <p><strong>En Sık Kullanılan 5 İşlevsel Yer İmi</strong><br>"İşlevsel yer imleri, JavaScript'in etkinleştirildiği ve yer imlerinize sürükleyip bırakabileceğiniz, üzerine tıklandığında da o an ziyaret ettiğiniz web sitesi ile ilgili eylemler gerçekleştirebilen programcıklardır. En iyi işlevsel yer imleri, bir araç çubuğundan beklenebilecek kalitede eylemler gerçekleştirebilmenizi sağlar. Buna rağmen bunlar JavaScript ile yazıldıkları için, herhangi bir kurulum gerektirmeden doğrudan tarayıcı üzerinde çalışabilirler. Bu listede en başarılı 5 işlevsel yer imi (bookmarklet) incelenmiş."</p> <ul> <li><a href="http://www.webmonkey.com/blog/Top_5_Favorite_Bookmarklets">Siteyi ziyaret edin</a></li> </ul> <p><strong>10 Gelecek Vadeden JavaScript Çatısı</strong><br>"jQuery, MooTools, Prototype ve YUI gibi popüler JavaScript frameworkleri / kütüphanelerinin JavaScript framework arenasında artık sağlam bir yeri bulunmaktadır. Ancak yeni frameworkler arayan maceracı geliştiriciler için gelecek vadeden pek çok JavaScript kütüphanesi / çatısı bulunmaktadır. İşte bu makalede popüler olanların dışında 10 adet gelecek vadeden JavaScript çatısı inceleniyor."</p> <ul> <li><a href="http://sixrevisions.com/javascript/promising_javascript_frameworks/">Siteyi ziyaret edin</a></li> </ul> <p><strong>Tasarımcılar ve Geliştiriciler İçin 5 Adet Kullanışlı Kodlama Çözümü</strong><br>"Genellikle yaratıcı ve gerçekten büyüleyici tasarım çözümleri pek bilinmezler çünkü biz tasarımcılar onlara pek dikkat etmeyiz. Kendi projelerimizle meşgulken karmaşık kodlar arasında resmin tamamını gör(e)meyiz. Aslında pek çok tasarımcı bizim o an yapmaya çalıştığımız şeyi yapmış ve bir ders olarak Internet üzerinde paylaşmış durumdalar. Peki biz neden bunlardan faydalanmayalım?"</p> <ul> <li><a href="http://www.smashingmagazine.com/2008/08/11/5-useful-coding-solutions-for-designers-and-developers/">Siteyi ziyaret edin</a></li> </ul> <p><strong>WebHizmetlerini AJAX İle Çağırmak</strong><br>Bu rehber size JavaScript kullanarak nasıl WebHizmetleri (WebServices) ile çalışabileceğinizi gösterecek.</p> <ul> <li><a href="http://blogs.msdn.com/kaevans/archive/2008/04/03/calling-webservices-via-ajax-part-1.aspx">Siteyi ziyaret edin</a></li> </ul> <p><strong>JavaScript Pretty Date</strong><br>"...Eski JavaScript tarihlerini güzel bir şekilde biçimlendirmenize yarayan bir yöntem."</p> <ul> <li><a href="http://ejohn.org/projects/javascript-pretty-date/">Siteyi ziyaret edin</a></li> </ul> <p><strong>Ve diğer önemli bağlantılar</strong></p> <ul> <li><strong><a href="http://ejohn.org/blog/iphone-javascript-apps/">JavaScript iPhone Uygulamaları</a></strong></li> <li><strong><a href="http://www.noupe.com/javascript/most-wanted-ajax-techniques-50-ajax-examples-and-tutorials.html">En çok aranan Ajax Teknikleri: 50+ Örnek ve Rehber</a></strong></li> <li><strong><a href="http://www.smashingmagazine.com/2008/10/16/50-excellent-ajax-tutorials/">50 Mükemmel AJAX Rehberi</a></strong></li> <li><strong><a href="http://www.networkworld.com/research/2008/033108-ajax.html?nw">BT'nin Ajax hakkında bilmesi gereken 10 şey</a></strong></li> <li><strong><a href="http://haineault.com/media/jquery/ui-timepickr/page/">jQuery timepickr</a></strong></li> </ul> <p><strong>Kaynak:</strong> <a href="http://designshack.co.uk/tutorials/best-of-2008-javascript&jump=no">DesignShack</a></p><p><strong>ilgili yazılar</strong><ul><li><a href="http://www.bildirgec.org/yazi/8-populer-javascript-goruntu-kirpma">8 Popüler Javascript Görüntü Kırpma</a> (4)</li><li><a href="http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi">75 (gerçekten) kullanışlı javascript tekniği</a> (18)</li></ul></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pinkfloyd">pinkfloyd</a> tarafından <a href=" http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript ">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, 25 Jan 2009 10:11:00 GMT 79205@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/2008-in-en-iyi-javascript javascript prototype mootools jquery prototype.js prototypejs javascript kütüphanesi javascript kütüphaneleri javascript frameworks javascript framework javascript çatıları javascript library javascript libraries javascript dersleri owoko <div class="imajorta"><img src='http://www.bildirgec.org/imaj/owoko/prototypeg-sim9qy7y.jpg' alt="\"\"" border="0"><br></div><br>Yapımcılığını Radical Entertainment firmasının üstlendiği <a href="http://www.prototypegame.com/splash/">Prototype</a> değişik atmosferiyle oyuncuların dikkatini çekiyor.Oyunun 2008 yaz aylarında çıkması beklenirken oyunun 2009'a ertelendiği açıklanmıştı.Ertelenmesi sebebi olarak yapılan açıklamaya göre oyunun maximum derecede olmasını isteyen yapımcılar acele etmeden ve özenle çalışmak istediklerinden dolayı oyunun 2009 yılına ertelendiğini belirtti.Oyun PC,PS3,Xbox 360 platformları için piyasaya çıkacak.<p>Bu yazı <a href="http://www.bildirgec.org/uye/owoko">owoko</a> tarafından <a href=" http://www.bildirgec.org/yazi/prototype-geri-sayim ">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, 04 Jan 2009 15:32:00 GMT 78678@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/prototype-geri-sayim pc ps3 xbox 360 prototype radical entertainment