http://www.bildirgec.org/ tr-tr 40 bildirgec.org - acemimuhendis - beğendikleri acemimuhendis <p>google websitelerinin sıralamasına karar verirken onların <strong>yüklenme hızlarını</strong> dikkate alıyor. bundan dolayı da web işiyle uğraşanların sayfaların yüklenme hızına dikkat etmeleri gerekiyor. emin olduğunuz gibi hiçbir ziyaretçi bir web sitesinin yüklenmesi için uzun süre beklemek istemez.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/bilhiz.png' alt="\"\"" border="0"><br></div><br>diğer bir ifadeyle, eğer siteniz yavaşsa, sitenize çok sayıda ziyaretçi gelmesini unutmalısınız. ziyaretçi trafik demektir, trafik ise sizin itibarınızı etkiler ve onlar potansiyel gelir kaynağınızdır. <br><strong>web sitenizin performansını artırmak için de performans azalmasına neden olan şeyleri bilmeniz gerekir.</strong> bu yazıda web sitenizi analiz edip sorunları teşhis edebilmenize yarayacak bir grup kullanışlı web servisi ve aracını tanıtacağım, bunlar sayesinde web sitenizi daha iyi anlayabileceksiniz.</p> <p><strong>web servisleri</strong></p> <p><strong><a href="http://tools.pingdom.com/">1. pingdom</a></strong><br>web sitenizdeki bütün nesneleri (html, resimler, javascript, css, iframe’ler ve diğerleri) yüklenme zamanında test edin. ayrıca web sitenizdeki elementlerin hızlarını kontrol edebilir ve yavaş yüklenenleri geliştirebilirsiniz. test sonuçlarının özetinde site yüklenme süresini, her bir elementin yüklenme süresini, element boyutlarını ve toplam element sayısını görebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/pingdom.png' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong><a href="http://gtmetrix.com/">2.gtmetrix</a></strong><br>gmetrix web sitenizi geliştirmeniz için nelere ihtiyacınız olduğuna dair size tavsiyelerde bulunur.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image13.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://lightspeednow.com/">3. light speed now</a></strong><br>web sitenizin hızını test eder ve raporu email olarak gönderir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image9-2.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://loadimpact.com/">4. load impact</a></strong><br>loadimpact günlük on binlerce ziyaretçisi olan büyük web siteleri için çok önemlidir. ücretsiz hesapla sanki 50 kişi siteye giriyormuş gibi bir canlandırma yaptırabiliyorsunuz, daha fazla ihtiyacınız varsa ücretli hesaba geçebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image15.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://site-perf.com/">5. site-perf</a></strong><br>site-perf <strong>gerçek bir kullanıcı ve doğal bir tarayıcı gibi</strong> sitenizin bütün resimlerini, css, js ve diğer dosyaları indirir ve raporda hangi dosya ne zaman indirilmeye başlanmış ne kadar sürmüş görebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image18.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://webwait.com/">6. webwait</a></strong><br>websitenizi sizin kendi internet bağlantınızla test eder.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image5-3.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://www.gomeznetworks.com/custom/instant_test.html">7. gomez networks</a></strong><br>başka bir noktadan gerçek zamanlı olarak websitenizi bire bir test eder.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image10-3.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://www.octagate.com/service/SiteTimer/">8. octagate</a></strong><br>bir kullanıcı için web sitenizin indirilmesinin ne kadar zaman aldığını izlemenize izin verir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image8-3.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://www.webslug.info/">9. webslug</a></strong><br>web sitenizi rakip sitelerle karşılaştırmanızı sağlar.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image2-2.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://www.webtoolhub.com/tn561353-website-speed-test.aspx">10. webtoolhub</a></strong><br>farklı bağlantı hızlarına sahip farklı ziyaretçilerin web sitenizi nasıl yüklediğini anlamanızı yardımcı olur. webtoolhub ile sayfa büyüklüğü hakkında bilgi edinebilirsiniz. temel manada hız testi için size lazım olacak her şeyi barındırıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image12.png' alt="\"\"" border="0"><br></div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/10-website-hiz-ve-performans ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Mon, 06 Sep 2010 09:40:00 GMT 239807@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/10-website-hiz-ve-performans acemimuhendis <p><strong>sosyal medya izleme</strong> denildiği zaman aklıma şu geliyor: “<strong>internette insanlar sizin hakkınızda neler konuşuyor</strong>”. eğer insanların sizin hakkınızda neler konuştuğunu öğrenebilirseniz işinizle alaklı daha iyi stratejiler geliştirebilirsiniz. burada da sosyal medya izleme araçları devreye giriyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image1.png' alt="\"\"" border="0"><br></div><br>ümit ediyorum ki bu yazı hangi sosyal medya izleme aracının size daha uygun olduğu hakkında size çabucak yardım edecek ve zaman kazanmanızı sağlayacak.</p> <p><strong>niçin sosyal medyayı izlemek zorundasınız?</strong></p> <p>siz veya sizin müiterileriniz aktif olarak sosyal medyanın bir parçası olmaya karar vermemiş olsalar bile, bu gerçekten bir seçim değildir. bu hayat boşluk kaldırmaz ve dahası sosyal medya da boşluk kaldırmaz. bu boşluğu ya kendi bakış açınızla dolduracaksınız ya da sizin müşterilriniz ve rakipleriniz o boşluğu sizin yerinize dolduracaklar. seçim size kalmış.<br>bu izleme işi markalaşmanıza ve pazarlama stratejinize yardım eder ve kalite kontrol yapmanızı sağlayabilir. hem de sizin dikkatinizden kaçan müşteri hizmetleriyle alakalı problemleri farketmenizi sağlar.<br>izleme sadece bütünün bir parçasıdır, ancak, bu kimin nerde ne konuştuğunu bilmeniz ve uygun bir şekilde cevap vermeniz açısından çok önemlidir.</p> <p><strong>terminoloji</strong><br>bu araçlar hakkında konuşmadan önce bizim aşina olmamız gereken birkaç terim var. konuya atlamadan önce bunlara bir göz atalım.</p> <p><strong>etki</strong></p> <p>eğer sizin markanız hakkında sağlam fikirlere sahip olan müşteriler arıyorsanız, bu müşterilerin yaptıkları etkiyi anlamak çok önem arzediyor. *onların ne kadar takip edeni var? *onlar haberleri tekrar yayınlıyorlar mı?(retweet ediyorlar mı?) *onların bloglarına kaç tane harici link var? *bloglarındaki yazılara ne kadar yorum yapılmış?</p> <p>aşağıda birkaç tane araç var ki bunlar bu ölçümleri yaparken size yardımcı olacak.<br><!-- buradan kes --></p> <p><strong>duyarlılık</strong></p> <p>yorumlar pozitif mi negatif mi? güncel araçlar yazıların pozitif mi negatif mi olduğunu otomatik olarak anlamaya çalışıyorlar fakat tam anlamıyla başarılı olamıyorlar. elle yapılan tespitler ise verilerin etkisini baz alarak alınan kararlar esnasında bu işi yapanlara cesaret veriyor çünkü ellerindeki bilgilere güveniyorlar. öte yandan da internet üzerindeki tonlarca veriyi elle ayıklamak mümkün olamdığı için mecburen bazı araçlara gerek duyuluyor.</p> <p><strong>yoğunluk</strong></p> <p>buna basitçe varolan “buzz”(vızıltı) miktarı denebilir. birçok izleme aracı istediğimiz spesifik kelimelere dayalı olarak bize bir grafik sunabilir. bu grafikler, özellikle de duyarlılık sonuçlarıyla birleştirildiği zaman, pazarlama çabalarınızın görebilmek ve sosyal medya kampanyalarınızın etkisini ölçmek için müthiş bir yoldur. markanızın ve müşterilerinizin gidişatını bu grafiklerden öğrenebilirsiniz.</p> <p><strong>iş akışı</strong><br>iş akışı işlemleri belirlemek, takip etmek ve sosyal medyaya yanıt vermektir. etkili bir iş akışı fırsatların kaçmasının önüne geçer.<br>şimdi sosyal medya izlemede size yardımcı olacak bazı araçlara bakalım.</p> <p><strong><a href="http://www.google.com/alerts">1. google alerts</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/googlealerts.png' alt="\"\"" border="0"><br></div><br>eski birşey ama süper birşey! google alerts anahtar kelimeleri ayarlamanıza izin vererek, onlarla alakalı yeni siteleri ve yazıları raporlamanıza yarar. sizin isteğinize göre günlük, haftalık v.b. raporlar verebilir.</p> <p><strong><a href="http://search.twitter.com/advanced">2. twitter advanced search</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/twitter.png' alt="\"\"" border="0"><br></div></p> <p>twitter’ın arama motru twitter'dakileri izlemek için mükemmel bir araç.<br>ilk önce arama kriterlerinizi belirleyip arama yaptırın. çıkan sayfada twitter size sonuçları gösterecek ve yanda da ‘feed for this query’ yazan bir seçenek sunacak. bu rss beslemesini rss okuyucunuza ekleyip kendi şirketinizi ya da rakiplerinizi izleyebilirsiniz.</p> <p><strong><a href="http://www.icerocket.com/">3. icerocket</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/icerocket.png' alt="\"\"" border="0"><br></div><br>icerocket ile twitter, bloglar, web, haberler, resimler ve daha fazlası üzerinden sosyal medyayı izleyebilirsiniz.</p> <p><strong><a href="http://addictomatic.com/">4. addict-o-matic</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/addict.png' alt="\"\"" border="0"><br></div><br>bu araç arama sonuçlarıyla bloglar, twitter, digg, flickr gibi şeylerin birleşimi olan bir sayfa sunuyor. güzel bir arayüze ve tek-sayfalık bir kontrol paneline sahip. addict-o-matic bütün ‘buzz’ larınızı bir arada özetleyebilen ve ücretsiz kullanabileceğiniz en güzel araçlardan bir tanesi.</p> <p><strong><a href="http://www.boardtracker.com/">5. boardtracker</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/board.png' alt="\"\"" border="0"><br></div></p> <p>boardtracker forumlardan sizinle alaklı ‘vızıltıları’ yakalamaya odaklanır. reklemala karışık bir arama sayfası var. ayrıyeten ücretli versiyonu da var.</p> <p><strong><a href="http://www.twazzup.com/">6. twazzup</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/twazzup.png' alt="\"\"" border="0"><br></div><br>bu da karşılaştığım twitter odaklı bir araçlardan biri. twazzup herşeyi bir sayfada toplayarak güzel bir iş çıkarıyor. fikirler, top linkler, paylaşım yapanlar hepsi bir arada.</p> <p><strong><a href="http://www.socialmention.com/">7. social mention</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/socialmention.png' alt="\"\"" border="0"><br></div><br>sosyal medya izleme araçları kendinizi kolay okumanız için size ilginç kombinasyonlar sunar social mention blogları, blog yorumlarını, twitter’ı, haberleri, resimleri, videoları ve sesleri izler. yaptığınız aramaları kaydedip rss beslemesi olarak takip edebilirsiniz.</p> <p><strong><a href="http://hootsuite.com/">8. hootsuite</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image3.png' alt="\"\"" border="0"><br></div><br>hootsuite twitter, facebook, myspace, wordpress, foursquare ve linkedin ile çapraz çoklu hesap yönetimi yapabileceğiniz popüler bir araç. hootsuite bir hesap yönetim aracı olarak görünmesine karşın daha çok bir izleme aracı olarak kullanılıyor. <br>hootsuite ile sosyal medyadaki vızıltılarınızı birçok web servisi sayesinde dinleyebilirsiniz. hootsuite’in hem iphone için hem de android için uygulamaları kullanılabilir durumda.</p> <p><strong><a href="http://seesmic.com/">9. seesmic</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image10.png' alt="\"\"" border="0"><br></div><br>eğer hootsuite ‘i denediyseniz seesmic’in arayüzü size epey tanıdık gelecek. benzerlik burda bitmiyor. bazı farklılıklar olsa da hootsuite ile benzer özellikler taşıyor.</p> <p><strong><a href="http://www.tweetdeck.com/">10. tweetdeck</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image8.png' alt="\"\"" border="0"><br></div><br>diğer bir hesap yönetim aracı olan tweetdeck uygulaması mac, windows, linux, iphone ve ipad için kullanılabilir durumda. tweetdeck ile twitter, facebook, linkedln, myspace, foursquare ve google buzz profillerinizi yönetebilirsiniz. eğer bu listedeki diğer araçları denediyseniz tweetdeck’in çok kolonlu yapısı size tanıdık gelecek. tweetdeck’in iyi bir iş akışı yok bu yüzden takım halinde çalışanlar için pek uygun değil. web üzerinden çalışmak yerine bir program olarak sisteminize kuruluyor.</p> <p><strong><a href="http://www.scoutlabs.com/">11. scoutlabs ($249/aylık)</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image0.png' alt="\"\"" border="0"><br></div><br>scoutlabs harika ve sade bir arayüze sahip, ve baştan başa süper özelliklerle bezenmiş.ne de olsa ücretli bi uygulama. <br>scoutlabs acentalar ve freelancer'lar için iyi bir seşenek çünkü müşterilerinize kendi markanızın bir servisi olarak üzerinde sizin logonuz olan bir kontrol paneli verebiliyorsunuz.</p> <p><strong><a href="http://www.radian6.com/">12. radian6 ($500/aylık)</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/image5.png' alt="\"\"" border="0"><br></div><br>radian6 elde ettiği verileri düzenli bir şekilde ayıklayıp çok kolay anlaşılır bir şekle sokan bir araç. bu araçla çaprazlama olarak blogları, forumları, haberleri, twitter’ı, ve daha fazlasını izleyebiliyorsunuz. fiyatı baya fazla gibi görünüyor. ama eğer sırf sosyal medya izleme işini yapan bir şirketiniz varsa, verdiğiniz parayı kat kat geri kazanacaksanız tabii ki de sizin için fiyat pek de önemli olmayacak.</p> <p><a href="http://sixrevisions.com/tools/12-social-media-monitoring-tools-reviewed/">yazının aslı</a> için <a href="http://sixrevisions.com/">sixrevisions</a> a teşekkürler.</p> <p><a href="http://www.bildirgec.org/yazi/20-html5-video-player-ornegi">+</a> <a href="http://www.bildirgec.org/yazi/20-html5-video-player-ornegi">20 html5 video player örneği ve kaynak kodu</a><br><a href="http://www.bildirgec.org/yazi/10-tane-ilginc-css3-calismasi">+</a> <a href="http://www.bildirgec.org/yazi/10-tane-ilginc-css3-calismasi">10 tane ilginç css3 çalışması</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/12-sosyal-medya-izleme-araci ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sat, 14 Aug 2010 09:23:00 GMT 238974@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/12-sosyal-medya-izleme-araci acemimuhendis <p>daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.</p> <p>css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.</p> <p><strong><a href="http://neography.com/experiment/circles/solarsystem/">1- güneş sistemimiz</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-002-4.png' alt="\"\"" border="0"><br></div></p> <p>bu örnekte css3'ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına <a href="http://neography.com/journal/our-solar-system-in-css3/">buradan </a>bakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.</p> <p><strong><a href="http://www.sencha.com/deploy/css3-ads/">2- Flash reklamlar yerine CSS3 reklamlar</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-003-5.png' alt="\"\"" border="0"><br></div></p> <p>animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://www.optimum7.com/css3-man/animation.html">3-CSS3 Man</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-004-4.png' alt="\"\"" border="0"><br></div><br>bu animasyon çok sağlam olmuş. spiderman’den esinlenilerek yapılmış. önyükleme için bir parça jquery ve ses için de html5 kulanılmış. bunun geliştiricisi nasıl yaptığına dair de bir <a href="http://www.optimum7.com/internet-marketing/web-development/pure-css3-spiderman-ipad-cartoon-jquery-html5-no-flash.html">açıklama yazmış</a>.</p> <p><strong><a href="http://tylergaw.com/www/lab/themanfromhollywood/">4-hollywood'dan bir adam</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-005-4.png' alt="\"\"" border="0"><br></div><br>bu örnekte bir konuşma sahnesi yazılarla canlandırılmış(<a href="http://en.wikipedia.org/wiki/Kinetic_typography">kinetic typography</a>). sanki flash ile yapılmış gibi. fakat tamamen css değil bazı yerlerinde javascript de kullanılmış.</p> <p><strong><a href="http://icefox.net/anigma/">5-Anigma</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-006-4.png' alt="\"\"" border="0"><br></div></p> <p>web tabanlı video oyunları genelde flash ve bazen de silverlight ile yapılır. bu örnekte ise css3 ve html5 in nimetlerinden faydalanılarak web tabanlı bir video oyun yazılmış.</p> <p><strong><a href="http://media.24ways.org/2009/14/5/index.html">6-animasyonlu foto galeri</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-007-3.png' alt="\"\"" border="0"><br></div></p> <p>gayet hoş bir galeri olmuş. güzel bir görsel efekte sahip. nasıl yapıldığı hakkında bilgi sahibi olmak için <a href="http://24ways.org/2009/going-nuts-with-css-transitions">buraya</a> bakabilirsiniz.</p> <p><strong><a href="http://webstuffshare.com/demo/CSSMusicPlayer/">7- css3 müzik player</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-008-3.png' alt="\"\"" border="0"><br></div></p> <p>html5 in 'audio' ve 'video' api’ leri kullanılarak yapılmış bir müzik player. bu örnek sayesinde css3 ile nasıl kullanıcı arayüzü yapıldığını <a href="http://www.webstuffshare.com/2010/05/css3-music-player-menu/">görebilirsiniz</a>.</p> <p><strong><a href="http://www.zurb.com/playground/sliding-vinyl">8- css3 ile kayan plak</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-009-3.png' alt="\"\"" border="0"><br></div></p> <p><strong><a href="http://eriksharp.com/gabs/sun/">9- gabriel'in küçük dünyası</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-010-3.png' alt="\"\"" border="0"><br></div><br>bu animasyonda bir günün nasıl geçtiği hızlıca betimlenmiş.</p> <p><strong><a href="http://webkit.org/blog-files/leaves/index.html">10- yapraklar dökülüyor</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-011-2.png' alt="\"\"" border="0"><br></div><br>sanki flash’la yapmışlar. yapraklar dalgalanarak aşağı düşüyor.</p> <p>kaynak: <a href="http://sixrevisions.com/css/css3-demos-experiments/">six revisions</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/10-tane-ilginc-css3-calismasi ">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, 04 Aug 2010 12:13:00 GMT 238916@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/10-tane-ilginc-css3-calismasi acemimuhendis <p>Son zamanlarda bildirgeçte "<strong>seo</strong>" üzerine yazılar çıkmaya başladı ve ilginçtir hemen hepsinde hala daha "meta tag"'ların öneminden bahsediliyordu. Olayın bu kadar yere düşmesine gönlümün razı olmaması bu yazının yazılma sebebidir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/aslanbash2/0d40a8087aa94f039e27e57.png' alt="arama motoru optimizasyonu" border="0"><br>arama motoru optimizasyonu</div> <p>Öncelikle "seo" konusunda yazı yazacak kişilerin bu konuda <strong>"çokça okuması"</strong> yetmiyor, aynı zamanda <strong>"çokça da uygulamış olması"</strong> gerekiyor. Üç - beş site batırmamış kişilerden seo tavsiyeleri dinlemeyin. Seo'nun sınırları hemen hemen her altı ayda bir değişiyorken bir sene öncesinde arama motoru sıralama kriterlerinden çıkartıldığı google mühendisleri tarafından belirtilen unsurların öneminden bahsetmek gerçekten de iç acıtıcı.</p> <p>Sağlam ve güncel seo bilgilerini ( google'da yükselmek istediğinizi sayarak belirtiyorum, malum türkiye'de bing veya yahoo kullanıcısı hemen hemen yok ) <a href="http://www.mattcutts.com/blog/">Matt Cutts</a>'ın blogunu takip ederek öğrenebilirsiniz. Burası işin teorisinin döndüğü yerdir. Hemen hemen bütün uzman seocular buraya haftada birkaç kere uğrar. Youtube üzerinde bulunan <a href="http://www.youtube.com/user/GoogleWebmasterHelp">Google Web Master Help</a> videoları da yine matt cutts'ın ve ekibinin videolarıdır, faydalanabilirsiniz.<br><!-- buradan kes --></p> <p><strong>Güncel Seo Tavsiyeleri</strong></p> <ul> <li>Meta tagları yahoo ve bing'de işe yarıyor olabilir ama google'da sıralamaya etki etmiyor. Matt Cutts description tagının arama sonuçlarında kullanıcıya bilgi vermesi açısından önemli olabileceğini ama sıralama açısından bir kriter oluşturmadığını <a href="www.youtube.com/watch?v=HtSzi2MUegs">youtube'ın google seo videoları</a> kısmında ve blogunda açıklamıştı.</li> <li><strong>Domaini güçlü olan kazanır</strong>, kim ne derse desin, seo'nun özeti budur. Domainin gücü iki şeyden kaynaklanır ( <a href="http://www.r10.net/google-optimizasyon/607955-trust-ranki-artirmak-tecrube-paylasimlari.html">r10'da yazdığım trust rank başlıklı yazı okunabilir</a> ) , bir konu hakkında otorite sayılacak kadar o konu hakkında orjinal bilgi vermesi, diğeri de başka insanlar tarafından da otorite sayılarak hem ana domainine hem de alt sayfaların tamamına pek çok backlink verilmesi. Sadece ana domaine backlink alımı son derece hatalıdır, sizi sandbox uçurumuna veya değişik filtre cezalarına sürükleyebilir.</li> </ul> <p><strong>Alt sayfalar ve ana domainin backlink dağılımı orantılı olmalı.</strong> Yeni ve güncel bir bilgi daha vereyim google aynı konuda açtığınız diğer sitelerinizle arama sonuçlarını manipüle ettiğinizi anlarsa ( bunu anlamasının oldukça kolay yolları var, analytics, adsense, backlink verileri vs ) iflah olmaz filtre cezaları yolda demektir. 3 backlink ana domaininize alıyorsanız 5 link alt sayfalarınıza alın. <strong>Ayrıca site içi linklemenizde sağlam olmalı</strong>. Yani dış link sayısı 30 olan bir alt sayfanın site içinde 1 yerden link alması google'ın gözünde doğal ! olmayacaktır.</p> <ul> <li><strong>Sosyal medya'ya artık önem vermelisiniz.</strong> Ama bunu doğal yollardan temin etmelisiniz. Facebook, twitter, delicious, oyyla vs gibi sosyal medya ve imleme merkezlerinde insanlar sizden bahsetmeli. Sizin tek başınıza kendi sayfanızdan bahsetmeniz de google'a çok doğal gelmeyecektir. İçeriklerinizin görülecek yerlerine sosyal medyada sizi görünür kılacak kısayolları koymalı ve kullanıcılarınızı bunları kullanmaya teşvik etmelisiniz.</li> </ul> Sesli düşünüyorum; sitenizde bir yazı yayınlandıktan sonra, birkaç gün içinde 3-4 site sizin bu yazınızdan bahsederek onu kendi yazıları içinde linkliyor, aynı periyodda 20-30 kişi yazınızdan facebook'da bahsediyor, birkaç farklı forumda yazınız hakkında konuşuluyor, google'ın sitenizin bu alt sayfasını arama sonuçlarında es geçebileceğini söyleyebilir misiniz ?<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/aslanbash2/c716a72eedd34d25a869baf.png' alt="backlink alım periyodu" border="0"><br>backlink alım periyodu</div> <ul> <li>Yukarıda belirttiğim sesli düşüncenin teorik olarak karşılığı şu : <strong>Link alımlarınız çeşitli</strong> ( forum, imleme, yorum, tanıtım yazısı vs. ) ve <strong>artan bir periyotta olmalı</strong> ( <a href="http://www.majesticseo.com/comparedomainbacklinkhistory.php?d=bildirgec.org">Bildirgeçin backlink periyodunu gösteren bir tablo</a> , kendi sitenize bu araçla bakabilirsiniz, kimi ay bol backlink alımı kimi ay boş geçilmişse bir yerlere gelmeniz oldukça zor ). Matt Cutts bir konuşmasında şöyle diyordu : "Bir site 1 ay boyunca 300 kadar backlink edinmiş ana sayfasına ve dizinlerine sonraki aysa bu sayı 1-2'de kalmış, sizce bu doğal bir durum mudur?"</li> </ul> <p><strong>Tabiki de değildir. Artık aynı yazı güncelliğinizde olduğu gibi backlink alım güncelliğinizde önemli.</strong></p> <ul> <li>Güncel bir seo bilgisi daha, <em>eski yazılarınızı daha sık güncelleyin</em>. Siteniz içerisinde forum açarak site güncellik oranınızı yüksek tutun.</li> <li>Seo konusunda kimleri, hangi siteleri okumanız gerektiğini iyi seçin</li> </ul> <p>Bunun haricinde seo uzmanlarının nerelerde takıldıklarını bilmeli ve neler yaptıklarını takip etmelisiniz. Neleri artık yapmadıkları, süreci nasıl kullandıkları vs. hepsi son derece önemlidir, çaktırmadan sizi eğitebilirler.</p> <p>Yabancı Kaynaklar :</p> <ol> <li><a href="http://www.mattcutts.com/blog/">Matt Cutts'ın blogu</a></li> <li><a href="http://www.seomoz.org/blog">Seomoz</a></li> <li><a href="http://www.seo-news.com/">seonews</a></li> <li><a href="http://www.blackhatworld.com/">blackhatworld</a></li> </ol> <blockquote>bu son yazdığının bu listede ne işi var diyen olabilir, <strong>seo'da neyin yapılması gerektiğini bildiğiniz kadar neyin yapılmaması gerektiğini de bilmelisiniz</strong>, bu ikisi için de önemli bir forumdur blackhatworld, white hat seo ve black hat seo bölümleri çoğu uzmandan edinebileceğinizden fazla tecrübeyi size verebilir. </blockquote> <p><strong>Türkçe Kaynaklar</strong></p> <ol> <li><a href="http://www.r10.net/index.php">Malesef r10</a> ( malesef diyorum çünkü r10, üye karakteristiği gerçekten çok ilginç bir forum, bildiğini sanan pek çok cahile ev sahipliği yapar, onların peşine takılırsanız vay halinize, bunun yanında optimizasyon bilgilerini aylık 10.000$'lara çıkartmış sessiz sedasız işini yapan uzmanlar da burada takılırlar. Burada takılmalarının tek sebebi seo işlerini burada çok ucuza yaptırabilmeleridir. R10'da bilmeniz gereken kimi takip edeceğinizi bilmek ) R10'un Optimizasyon bölümüne girdiğinizde hergün pek çok İpucu başlığının açıldığını göreceksiniz. Çoğundan uzak durmanız gerek. Başlığa gelen "çok yaşa ağam çok yaşa paşam" yorumları sizi kandırmasın. </li> <li><a href="http://www.seoros.com/">Seoros</a> </li> <li><a href="http://www.seoteknikleri.com/">seoteknikleri</a> ( artık sadece seo seminerleriyle ilgili yazı yazılıyor olsa da sanırım bazılarınız buna ilgi duyabilir )</li> </ol> R10'da takip etmenizin faydanıza olacak kişiler : <ul> <li><strong>aslanbash</strong> ( ben, okuyun, bu işten bir kazancım yok merak etmeyin :) )</li> <li><strong>warchild ve breed</strong> - <a href="http://www.seoros.com/">Seoros</a> : Bu iki eleman r10'da paylaşım yapmaz, kişisel bloglarındaki tüyoları son derece değerlidir.</li> <li><strong>norabilisim</strong> ( son zamanlarda nedense çok paylaşım yapmıyor )</li> <li><strong>digiklan</strong> ( son zamanlarda nedense çok paylaşım yapmıyor )</li> <li><strong>seohocasi</strong> ( r10'un tartışmalı şahsiyetlerindendir, anlattıklarına odaklanmaktan ziyade yaptıklarını takip etmekte fayda görüyorum )</li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/guncel-seo-teknikleri ">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, 04 Aug 2010 08:25:00 GMT 238715@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/guncel-seo-teknikleri acemimuhendis <p>youtube video yükleme limitini <strong>10 dakikadan 15 dakikaya</strong> çıkarmaya karar verdi. bu size ufak bir değişiklik gibi gelebilir, fakat youtube bu sınıra dalmak için okyanusu test etti.<br><a href="http://youtube-global.blogspot.com/2010/07/upload-limit-increases-to-15-minutes.html">youtube blogunda</a> şöyle diyor: “yöneticileirimiz hiçbir soru sormadan video yükleme limitini 10 dakikadan fazla yapmamızı istediler. biz sizi duyduk ve şimdi bunun anonsunu yapıyoruz. video yükleme limiti 15 dakikaya çıktı.”<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-001-3.png' alt="\"\"" border="0"><br></div></p> <p>2006 yılında videolara <a href="http://youtube-global.blogspot.com/2006/03/your-15-minutes-of-fameummmmake-that-10.html">10 dakika limiti</a> getirilmesinin ana sebebi <!-- buradan kes --> kullanıcıların filim ve tv programlarını tam boyutlu olarak yüklemeleriydi. şimdi youtube bir içerik tanıma yazılımı kullanıyor ve <a href="http://www.viacom.com/Pages/default.aspx">viacom</a> youtube’a açtığı <a href="http://googlesystem.blogspot.com/2010/06/viacom-loses-case-against-youtube.html">davayı kaybetti.</a> google’ın video sitesi bu keyfi kısıtlamayı güvenli bir şekilde kaldırdı. youtube ise biraz daha tedbirli davranıyor bu yüzden artan bir gelişim eğrisi çiziyor.</p> <p>youtube şöyle bir açıklama yaptı: “biz kendi içerik tanıma sistemimizi oluşturmak ve geliştirmek için ve diğer güçlü araçların telif hakkını alabilmek için önemli kaynaklarımızı harcadık.ve şimdi amerikanın önemli şirketleri, filim stüdyoları, müzik şirketleri ve 1,000 in üzerinde uluslararası işortağı youtube üzerindeki içeriklerini yönetmek için içerik tanıma sistemi’mizi (<a href="http://www.youtube.com/t/contentid">content id</a>) kullanıyor. devam eden teknolojik çalışmaların başarılarından dolayı, video yükleme boyutunu arttırabildik. "</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/youtube-video-yukleme-limitini-15 ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 30 Jul 2010 10:22:00 GMT 238654@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/youtube-video-yukleme-limitini-15 acemimuhendis <p>çok kompleks içerik yönetim sistemi’leri (cms) her web projesi için her zaman en iyi çözüm değildir. bazen küçük, hafif ve gerçekten kolayca öğrenebileceğiniz sistemlere ihtiyacınız olabilir.</p> <p>aşağıdaki cms lerin hepsi ‘hafif’ olarak dikkate alınabilir, bunun manası, sizin için yönetimi daha basit sistemler demek.</p> <p>bunların en iyi yanı ise, hepsi ‘açık kaynak’ - ‘open source’.</p> <p><strong>1-frog cms</strong><br><div class="imajorta"><a href="http://www.madebyfrog.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-001-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.madebyfrog.com/">frog cms</a> size şık bir arayüz, her sayfa için esnek bir yapı, basit kullanıcı yönetimi ve izin yönetimi, hem de dosya yönetimi için gerekli olan araçları sunarak içerik yönetimini basitleştiriyor.</p> <p><a href="http://www.madebyfrog.com/">frog</a> basit şablon(template) kodlamasından dolayı benzersizdir. çünkü direkt olarak php kullanır, başka bir dil öğrenmenize gerek kalmaz.</p> <p>frog için gerekli olan şeyler: <a href="http://php.net/">php5</a>, <a href="http://www.mysql.com">mysql veritabanı</a> yada <a href="http://php.net/manual/en/book.pdo.php">pdo</a> ile birlikte <a href="http://www.sqlite.org/">sqlite3</a>, ve web server(örneğin <a href="http://www.apache.org/">apache</a>).</p> <p><a href="http://www.madebyfrog.com/">frog cms homepage</a> – <a href="http://www.madebyfrog.com/docs.html">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-002-2.png' alt="\"\"" border="0"><br></div></p> <p><strong>2-getsimple cms</strong><br><div class="imajorta"><a href="http://get-simple.info/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-003-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://get-simple.info/">getsimple</a> her web sitesine gerekli olan özellikle içinde barındıran açık kaynak bir cms. xml’in hızından ve elverişli oluşundan baya faydalanmış gözüküyor. öğrenmesi çok kolay olan cms’lerden biri.</p> <p>getsimple gnu general public license ile lisanslanmış açık kaynak bir içerik yönetim sistemi.</p> <p><a href="http://get-simple.info/">getsimple cms homepage</a> – <a href="http://get-simple.info/docs/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-004-2.png' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong>3-stacey</strong><br><div class="imajorta"><a href="http://staceyapp.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-005-2.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://staceyapp.com/">stacey</a> aşırı hafif bir içerik yönetim sistemi. veritabanına falan ihtiyacı yok, sadece sunucuya atın ve çalıştırın. i̇çerik yönetimi, klasörler ve text dosyaları oluşturularak sağlanıyor; ne login ekranı var ne de admin paneli.</p> <p><a href="http://staceyapp.com/">stacey</a> bütün içeriği bir veritabanı yerine sade metin dosyaları ve klasörlere depoluyor. bu yüzden yüklemesi çok basit, herhangi bir standart php sunucuya dosyaları kopyalamanız yeterli.</p> <p><a href="http://staceyapp.com/">stacey homepage</a> – <a href="http://staceyapp.com/documentation/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-006-2.png' alt="\"\"" border="0"><br></div></p> <p><strong>4-symphony</strong><br><div class="imajorta"><a href="http://symphony-cms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-007.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://symphony-cms.com/">symphony</a> gücünü <a href="http://www.w3.org/XML/">xml</a> ve <a href="http://www.w3.org/TR/xslt">xslt</a> gibi açık standartlardan ve <a href="http://www.w3.org/TR/xhtml1/">xhtml</a> ve <a href="http://www.w3.org/TR/CSS/">css</a>’den alıyor. hatta admin arayüzü adamakıllı bir jquery kütüphanesi kullanıyor, bu yüzden eklenti geliştiriciler bu framework’e yeni eklentiler yapmak istedikleri zaman zorlanmıyorlar.</p> <p>symphony açık kaynak ve aşırı serbest olan <a href="http://www.opennetcf.com/FreeSoftware/Licensing/MITX11License/tabid/254/Default.aspx">mit/x11</a> lisansını benimsiyor.</p> <p><a href="http://symphony-cms.com/">symphony homepage</a> – <a href="http://symphony-cms.com/learn/beginners/">documentation</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-008.png' alt="\"\"" border="0"><br></div></p> <p><strong>5-pixie</strong><br><div class="imajorta"><a href="http://www.getpixie.co.uk/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-009.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://www.getpixie.co.uk/">pixie</a> diğer içerik yönetim sistemleriyle boy ölçüşecek bir kabiliyette değil, kullanımı çok basit hatta babaanneniz bile kullanabilir.:)</p> <p>pixie en son web standartlarını kullanır. canayakın bir arama motorudur ve css ile sitenizi ihtiyacınıza göre düzenleyebilirsiniz.<br>pixie gnu lisansı altında yayına girmiş durumda.</p> <p><a href="http://www.getpixie.co.uk/">pixie homepage</a> – <a href="http://www.getpixie.co.uk/support/article/getting-started/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-010.png' alt="\"\"" border="0"><br></div></p> <p><strong>6-radiant cms</strong><br><div class="imajorta"><a href="http://radiantcms.org/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-011.png' alt="\"\"" border="0"></a><br></div><br><a href="http://radiantcms.org/">radiant</a> küçük gruplar için tasarlanmış açık kaynak bir cms ki olabildiğince basit yapılmaya çalışılmış, zarif bir yönetim arayüzü barındırıyor.</p> <p>radius diye adlandırılan ve html’e benzeyen kendine özgü bir dili var, bu dil diğer sayfalardan içerikleri kolayca almak, yeni sayfalar oluşturmak gibi işlerde kullanılıyor.<br><a href="http://radiantcms.org/">radiant cms homepage</a> – <a href="http://wiki.github.com/radiant/radiant/">documentation (via github)</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-012.png' alt="\"\"" border="0"><br></div></p> <p><strong>7-skybluecanvas</strong><br><div class="imajorta"><a href="http://www.skybluecanvas.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-013-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.skybluecanvas.com/">skybluecanvas</a> lightweight cms php ile yazılmış ve özellikle de küçük websiteleri için geliştirilmiş açık kaynak ve ücretsiz bir içerik yönetim sistemi. skybluecanvas’ın daha güçlü sistemler gibi birçok temel kabiliyetleri var fakat daha basit şekilde. kendinizi geliştirmeniz açısından bu da faydalı bir cms.</p> <p><a href="http://www.skybluecanvas.com/">skybluecanvas homepage</a> – <a href="http://www.skybluecanvas.com/installation-instructions">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-014.png' alt="\"\"" border="0"><br></div></p> <p><strong>ve diğerleri</strong></p> <p><strong>8-snews</strong><br><div class="imajorta"><a href="http://snewscms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-015.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://snewscms.com/">snews homepage</a> – <a href="http://snewscms.com/help/">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-016.png' alt="\"\"" border="0"><br></div> <p><strong>9-zotonic</strong><br><div class="imajorta"><a href="http://zotonic.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-017.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://zotonic.com/">zotonic homepage</a> – <a href="http://zotonic.com/documentation">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-018.png' alt="\"\"" border="0"><br></div> <p><strong>10-cushycms</strong><br><div class="imajorta"><a href="http://www.cushycms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-019.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://www.cushycms.com/">cushycms homepage</a></p> <p><strong>11-cms made simple</strong><br><div class="imajorta"><a href="http://www.cmsmadesimple.org/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-020.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.cmsmadesimple.org/">cms made simple homepage</a> – <a href="http://wiki.cmsmadesimple.org/index.php/Main_Page">documentation</a></p> <p><strong>12-pagelime</strong><br><div class="imajorta"><a href="http://www.pagelime.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-021.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.pagelime.com/">pagelime homepage</a> – <a href="http://docs.pagelime.com/index.php/Main_Page">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-022.png' alt="\"\"" border="0"><br></div> <p><strong>13-cms from scratch</strong><br><div class="imajorta"><a href="http://cmsfromscratch.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-023.png' alt="\"\"" border="0"></a><br></div><br><a href="http://cmsfromscratch.com/">cms from scratch homepage</a> – <a href="http://cmsfromscratch.com/user-guide/">documentation</a></p> <p><strong>14-zimplit cms</strong><br><div class="imajorta"><a href="http://www.zimplit.com/index.html"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-024.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.zimplit.com/index.html">zimplit cms homepage</a> – <a href="http://zimplit.com/howto/doku.php">documentation</a></p> <p><a href="http://speckyboy.com/2010/07/19/14-light-and-east-to-use-open-source-content-management-systems/">yazının aslı</a> için <a href="http://speckyboy.com/">speckyboy</a> a teşekkürler</p> <p><a href="http://www.bildirgec.org/yazi/iyi-yazilimci-olmak-icin-5">+ iyi yazılımcı olmak için 5 alışkanlık</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/14-adet-hafif-ve-kullanmasi ">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, 29 Jul 2010 10:48:00 GMT 238635@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/14-adet-hafif-ve-kullanmasi acemimuhendis <p>wordpress 13. önemli sürümünü yayınladı <a href="http://wordpress.org/news/2010/06/thelonious/">‘thelonious’ (wp 3.0).</a> her önemli (major) sürümle birlikte temelar da bu sistemin yeni özelliklerinden faydalanmak ve uyum sağlamak için (genelde ufak çapta) bazı değişikliklere uğruyor. aslında, wp topluluğu temaların ve eklentilerin hepsini wp3.0'e uydurmak ve onun ilginç ve yeni özelliklerinden faydalanmak için oldukça sıkı çalışıyor.</p> <p><strong>1.<a href="http://www.woothemes.com/2010/06/tma/"> the morning after</a> by woothemes</strong><br><div class="imajorta"><a href="http://www.woothemes.com/2010/06/tma/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-001-4.png' alt="\"\"" border="0"></a><br></div><br>morning after belki de wprdpress’in orjinal dergi-tarzı teması. şimdiye kadar 100,000'den fazla indirilmiş ve daha da popüler olmaya devam ediyor.</p> <p><a href="http://www.woothemes.com/2010/06/tma/">the morning after home →</a><br><a href="http://www.woothemes.com/demo/tma/">live demo →</a></p> <p><strong>2. <a href="http://www.organicthemes.com/themes/structure-theme/">structure </a>by organic themes</strong><br><div class="imajorta"><a href="http://www.organicthemes.com/themes/structure-theme/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/str.PNG' alt="\"\"" border="0"></a><br></div><br>structure bir wp 3.0 temsı ve 4 tane farklı seçeneği bulunuyor, hepsi de çekici ve etkili minimalist bir tarza dayalı tasarlanmış. zannediyorum birçok blog yakında bu temayı kullanacak.</p> <p><a href="http://www.organicthemes.com/themes/structure-theme/">structure home →</a><br><a href="http://organicthemes.com/demo/structure/">live demo →</a></p> <p><!-- buradan kes --></p> <p><strong>3. <a href="http://graphpaperpress.com/themes/mansion/">mansion</a> by graphpaperpress</strong><br><div class="imajorta"><a href="http://graphpaperpress.com/themes/mansion/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-003-3.png' alt="\"\"" border="0"></a><br></div></p> <p>mansion fotobloggerlar için uyarlanmış farklı bir tema. hem resimler hem de fotograf bültenleri için esnek bir thumbnail-genişlik özelliği var. mansion ilk amacı fotograf yayınlamak olan ve ara sıra blog yazan kişiler için mükemmel bir tema. eğer resime dayalı bir tasarıma değer veriyorsanız mansion kesinlikle sizin için mükemmel.</p> <p><a href="http://graphpaperpress.com/themes/mansion/">mansion home →</a><br><a href="http://demo.graphpaperpress.com/mansion/">live demo →</a></p> <p><strong>4.<a href="http://wordpress.org/extend/themes/twentyten"> twenty te</a> by the wordpress crew</strong><br><div class="imajorta"><a href="http://wordpress.org/extend/themes/twentyten"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-004-3.png' alt="\"\"" border="0"></a><br></div><br>saçma bir default wordpress 3.0 teması gibi duruyor ama gerçekten güzel bir tema.</p> <p><a href="http://wordpress.org/extend/themes/twentyten">twenty ten</a><br><a href="http://wp-themes.com/twentyten/">live demo →</a></p> <p><strong>5.<a href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/"> magazee</a> by wefunction & smashing magazine</strong><br><div class="imajorta"><a href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-005-3.png' alt="\"\"" border="0"></a><br></div><br>çok özel bir tasarıma sahip olan magazeen fonksiyonellik ve tasarımı biraraya getiriyor.</p> <p><a href="http://www.smashingmagazine.com/2009/02/23/magazeen-free-magazine-look-wordpress-theme/">magazeen home →</a><br><a href="http://demo.wefunction.com/?wptheme=Magazeen">live demo →</a></p> <p><strong>6. <a href="http://digitalnature.ro/projects/mystique/">mystique</a> by digital nature</strong><br><div class="imajorta"><a href="http://digitalnature.ro/projects/mystique/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-006-3.png' alt="\"\"" border="0"></a><br></div><br>mystique temasını bilmeyeniniz yoktur herhalde. ben ilk gördüğümde ağzım açık kalmıştı. tonlarca özelleştirilebilir seçeneğe sahip bir tema.</p> <p><a href="http://digitalnature.ro/projects/mystique/">mystique home →</a><br><a href="http://wp.digitalnature.eu/mystique/">live demo →</a></p> <p><strong>7. <a href="http://fthrwght.com/autofocus/">autofocus+</a> by fthrwght (allan cole)</strong><br><div class="imajorta"><a href="http://fthrwght.com/autofocus/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-007-2.png' alt="\"\"" border="0"></a><br></div><br>autofocus+ fotoğrafçılar için geliştirilmiş kusursuz ve basit bir wp3.0 teması.</p> <p><a href="http://fthrwght.com/autofocus/">autofocus+ home →</a><br><a href="http://fthrwght.com/autofocus/plusdemo/">live demo →</a></p> <p><strong>8.<a href="http://themejam.com/wordpress-themes/gadget/"> gadge</a> by themejam</strong><br><div class="imajorta"><a href="http://themejam.com/wordpress-themes/gadget/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-008-2.png' alt="\"\"" border="0"></a><br></div><br>gadget wordprees 3.0 a uygun en çok göze çarpan ve gösterişli temalardan birisi.</p> <p><a href="http://themejam.com/wordpress-themes/gadget/">gadget home →</a><br><a href="http://www.themejam.com/demo/gadget/wordpress/">live demo →</a></p> <p><strong>9. <a href="http://www.aquoid.com/news/themes/suffusion/">suffusion</a> by aquoid</strong><br><div class="imajorta"><a href="http://www.aquoid.com/news/themes/suffusion/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-009-2.png' alt="\"\"" border="0"></a><br></div><br>suffision şık ve çok yönlü bir tema. 10 tane bileşen alanı var. tek bir tema olmasına rağmen bir tema paketi gibi.</p> <p><a href="http://www.aquoid.com/news/themes/suffusion/">channel home →</a><br><a href="http://wp-themes.com/suffusion/">live demo →</a></p> <p><strong>10.<a href="http://thethemefoundry.com/titan/"> titan</a> by the theme foundry</strong><br><div class="imajorta"><a href="http://thethemefoundry.com/titan/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-010-2.png' alt="\"\"" border="0"></a><br></div><br>titan kibar, düzenli ve fevkalade yakışıklı bir tema. flikr fotolarınızı, twitter güncellemelerinizi entegre edebilirsiniz.</p> <p><a href="http://thethemefoundry.com/titan/">titan home →</a><br><a href="http://wp-themes.com/titan/">live demo →</a></p> <p><a href="http://speckyboy.com/2010/07/28/top-10-free-wordpress-3-0-ready-themes/">Yazının orjinali</a> için <a href="http://speckyboy.com">speckyboy </a>a teşekkürler</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/wordpress-3-0-icin-hazir ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 30 Jul 2010 11:47:00 GMT 238623@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/wordpress-3-0-icin-hazir acemimuhendis <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-001.png' alt="İyi Yazılımcı Olmak İçin 5 Alışkanlık" border="0"><br>İyi Yazılımcı Olmak İçin 5 Alışkanlık</div> <p>Hepimiz yaptığımız şeylerde kendimizi geliştirmek isteriz ve web geliştirme alanında zaman ayırdığımız ana konulardan biri kodlarımızdır. Bu HTML, CSS, JavaScript, PHP, Python, ActionScript veya web sitelerini yapmak için kullandığınız herhangi bir dil olabilir.<br>Bu yazıda, yeteneklerimizi geliştirecek ve kodlarımızın daha iyi olmasını sağlayacak bazı pratik adımları paylaşacağım.</p> <p><strong>1. Bir Anda Sadece Bir Dile Odaklanın</strong></p> <p>Eğer web tasarım ve geliştirme yapıyorsanız, çoğu zaman birbiriyle ilişki kurmanız gereken <a href="http://sixrevisions.com/web-technology/web-languages-decoded/">bir hayli dil</a> vardır ve bilhassa hepsinin birbirleriyle nasıl bağlandığı göz önüne alınırsa hepsini birden öğrenmek cazip gelebilir.</p> <p>Zannediyorum ki bir dereceye kadar, bu kaçınılmaz bir durum. Ama eğer gerçekten çabuk gelişmek istiyorsanız yanlızca bir uzmanlık alanına odaklanmanızı tavsiye ederim. CSS kullanımınızın daha iyi olmasını mı istiyorsunuz? Odağınızı ona verin. Başka bir şey kullanmadan, sadece CSS ile tek HTML sayfası ile çeşitli arayüzler yapmayı deneyin. Mesela <a href="http://www.csszengarden.com/">CSS Zen Garden</a> bu konuda sizin için muhteşem bir örnek. Örneğin, eğer siz CSS2 ile rahatsanız, fakat <a href="http://sixrevisions.com/css/css3-techniques-you-should-know/">CSS3 ile neler yapılabileceğini anlama</a> konusunda kendinizi geliştirmek istiyorsanız, CSS3’ün özelliklerine çalışabilirsiniz ve bunlar üzerinde teker teker iş yapmaya başlayabilirsiniz. Güncel <a href="http://www.w3.org/Style/CSS/">CSS3 tanımlamalarını</a>, anlatımlarını okuyabilirsiniz. Hangi tarayıcılarda nelerin çalışıp çalışmadığını deneyip görebilirsiniz.</p> <p>JavaScript ve PHP gibi benzer yazım özellikleri gösteren dilleri kullanmaya çalışabilir, biraz sıkıcı olsa da fonksiyonlarını sırayla çalıştırmayı deneyebilirsiniz. Diğer bir seçenek bu dillerle yazılmış özgün örneklerle çalışmak olabilir.</p> <p>Daha iyi bir WordPress geliştiricisi mi olmaya ihtiyacınız var? Bu konuda <a href="http://sixrevisions.com/wordpress/30-excellent-wordpress-video-tutorials/">bir ton örnek</a> var. Server taraflı resim işleme konusunda daha çok şey öğrenmek ister misiniz? Bu konuda da bir sürü örnek var. Arayın-bulun, bir tarafa yazın ve onlar üzerinde çalışın. Bir tanesini seçin ve ona hakim olana kadar uğraşın, sonra diğerine geçin.</p> <p><!-- buradan kes --></p> <p><strong>2. Mantığınızı Yorum Satırlarında Dile Getirin</strong><br>Kodlama söz konusu olunca aklımda bir sürü fikir var. Bir tanesi şu ki kodun yüzde 95'i mantıktır. Diğer bir düşüncem ise: mantık, insan dilinden programlama diline çevrildiği zaman, değişmez. <br>Düşüncelerinizi kodlarla yazabiliyorsanız, bunu Türkçe ve İngilizce gibi bir konuşma dilinde de yazabilirsiniz.</p> <p>Örneğin, farzedin ki ben bir fonksiyon yazmak istiyorum. Bu fonksiyon zamana bağlı olarak bazı şeyleri kilitleyecek ya da açacak. Direk kodun içine dalmak yerine düşüncelerimi yorum olarak yazabilirim.</p> <p><em>Örnek<br>// FONKSİYON: Zamanı Gelince Kilitle<br>// Bu fonksiyion iki zaman değeri kabul edecek,*<br>// sırası gelince açık duruma geri dönmesi gerek.* * //Yeni bir veri nesnesi oluştur** <br>// Bu nesneyi kullanarak o anki zamanı al* * <br>// IF: o anki zaman, belirlenen aralıktaysa** // Return false – şu an açık durumdayız** <br>// ELSE** <br>// Return true – şu an kilitli durumdayız.** <br>// ENDIF **// FONSIYON SONU</em></p> <p>Burada, bizim fonksiyonlarımız için düşündüklerimizin hepsi var. Bunlar neredeyse bir bina inşaatının taslağı ile aynı özellikleri taşıyor. Yorumların izin verdiği nispette, asıl kodlarımı yazmaya buradan başlayabilirim.</p> <p>Belli ki, bu çok basit bir örnek, ama ben bir fonksiyon kurmaya ihtiyacım olduğu zaman, özellikle de daha karmaşık bir fonksiyonsa, bu tekniği bir prensip olarak uyguluyorum. Bu sayade, asıl kodu yazmadan önce bütün mantığı düşünebiliyor ve sorunları gidermeye çalışıyorum. Çok az hata yapma açısından bu alışkanlığı olağanüstü değerli buluyorum. Hem de kodlarım bu sayede dökümante edilmiş oluyor.</p> <p><strong>3. Şablonlara, Eklentilere ve Açık Kaynak Kodlara Çalışın</strong></p> <p>Web inanılmaz derecede ulaşılabilir ve açık bir yer, özellikle de yazılımcı toplulukları için. Web’in bu yapısı daha iyi bir yazılımcı olmak isteyenler işin çok değerli bir kaynak olabilir. Örneğin, HTML’e yeni başlıyorsanız internet üzerindeki sayısız <a href="http://sixrevisions.com/freebies/web-page-templates/free-xhtml-template-pack-luxury-classic/">beleş şablonlardan</a> birini indirebilir ya da favori sitenizin kodlarına çalışabilirsiniz. Çünkü bu şablonlar tipik olarak sadece HTML’dir (ve CSS, ve belki de JavaScript). Bunlar küçük çaplı çalışmalarınız için uygundur, kodları karıştırmanız için iyi bir fırsattır. Daha iyi anlamak için sayfanın yapısıyla ve tag’ler ile oyalanın. Sayfadaki nennelerin yerlerini değiştirmeye çalışın. Biçim özelliklerini değiştirdiğiniz zaman neler olduğunu görün.</p> <p>Elbette, büyük ölçüde tavsiyem şu ki: edindiğiniz bu deneyimleri <a href="http://sixrevisions.com/category/web-standards/">standartlar</a> hakkında okuduğunuz kaynaklarla birleştirin. Bunların yanında, kötü kodlama alışkanlıklarını kendiniz bulmak istemezsiniz herhalde. Bu teknik muhtemelen HTML veya CSS’den daha karmaşık olan JavaScript veya PHP gibi programlama dilleri için daha kullanışlıdır.</p> <p>Meselâ, <a href="http://wordpress.org/">WordPress </a>gibi bir içerik yönetim sistemi inşa edilirken neredeyse PHP’nin bütün niğmetlerinden yararlanılmıştır. Bir de bu paylaşım platformu çekirdeğinin genişletilebilmesi için geniş ve güçlü bir mimariye sahiptir ve sizin yeni eklentiler indirip kurmanıza izin verir. <br>Bunların yararı şu ki, WordPress ve eklentileri tümüyle açık kaynaklıdır bu da kodların hepsine erişebileceğiniz anlamına gelir. Öyleyse, kodları karıştırarak, eklentileri inceleyerek bu hizmetten faydalanmaya ve kendinizi geliştirmeye çalışın. Ayrıca, bu, kodları denemek için iyi bir fırsattır.<br>Bu alışkanlık için son tavsiyem: diğer insanların kullandığı teknikleri koşulsuz olarak olduğu gibi kabul etmeyin, ne yaptığınızdan emin olun, neler olup bittiğini anlamaya çalışın ve sadece başkasının kodunu taklit etmeyin. Her zaman, “niçin bu böyle?” diye sorun.</p> <p><strong>4. Kitap Okumayı İhmal Etmeyin</strong></p> <p>Web üzerindeki çeşitli bloglarla tonlarca malumat olduğu halde, sadece bir konu hakkında tam anlamıyla bir kitap yok. Bloglar spesifik konulardaki makale ve örnekler için mükemmel kaynaklardır ve hızlı taktiklerle harikalar yarattırabilirler, ama benim görüşüm, büyük bir konuyu sağlam bir şekilde anlamaya yardım edecek iyi bir kitap yok.<br>Tablo - tabanlı tasarım beni baya yormuştu. Ama en sonunda karar verdim ki ‘div’ler bu konuda en iyi yöntem. <br>Ancak bu noktaya yükselmek için, ben sadece daha iyi nasıl yazılacağını kendi kendime öğrenmeyi başarmaya çalıştım. Fakat CSS’in bazı önemli noktalarını tam olarak anlayamadım. Aslında, ben gerçekten ne sözde sınıfları (hover gibi) ne de kalıtımın tüm kavramlarını anlamadım, çünkü bana önemsiz geliyordu. <br>Muhtemelen CSS’in kapsamlı resmini tümüyle görebilmek için, bu dili yavaşça ve tonlarca blog’dan aldığım ufak parçaları birleştirerek öğrendim. Bu şekilde öğrenmek çok zamanımı aldı ve başıma bir sürü iş çıkardı ve böyle olunca da daha uygun bir çözüm aramaya başladım.<br>Bu yüzden dışarı çıktım ve Charles Wyke-Smith’in Stylin’ With CSS adlı kitabını satın aldım. Bu benim için vahiy gibi bişeydi. Sadece birkaç kısa bölümde CSS’in temellerini öğrendim. Daha varlığını bile bilmediğim şeyler uygun adımlarla ve düzenli bir şekilde bana öğretildi. Her bölüm sanki bir binayı inşa ediyormuş gibi tuğlaları birbiri üstüne koyuyordu. Gün geçtikçe okuduğumun değeri artıyordu. Bu bilgileri makalelerden ve bloglardan çekip çıkarmam haftalarımı, belki de aylarımı alırdı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-002.png' alt="Style in CSS" border="0"><br>Style in CSS</div><br>Şüpesiz, bu kitaptan sonra da birçok şey öğrendim ama bu kitap benim CSS ilmimin temeli olmuştu ve onu hala bir başvuru kaynağı olarak kitaplığımda saklıyorum. Eğer yeni bir teknolojiyi inceleyip anlamak istiyorsanız, iyi bir kitap bulun, bu en iyi yöntemdir.</p> <p><strong>5. Tecrübe</strong></p> <p>Kazanmanızı önereceğim son alışkanlık ise sadece eğlence. Oturun, deneyin ve görün sizden neler çıkabiliyormuş, neler yapabiliyormuşsunuz.<br>Bu günlerde CSS3 oldukça popüler. Bir sürü yazılımcı CC3'ün kabiliyetlerini keşfetmek için bu teknolojiyi ve tekniklerini zorluyor.<br>Denemek için burada sadece birkaç örnek vereceğiz.<br><strong><a href="http://neography.com/journal/css-transforms-font-face-experiment/">CSS3 Transforms & @font-face Örneği</a></strong><br><a href="http://neography.com/journal/css-transforms-font-face-experiment/"><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-003.png' alt="CSS3 transform" border="0"><br>CSS3 transform</div></a><br>Bu çok güzel bir örnek. CSS’in <a href="http://sixrevisions.com/css/font-face-guide/">@font-face</a> özelliğini kullanarak, birkaç gölge ve ilginç dödürme ile tipografik bir poster yapıyor. Bütün tarayıcılar desteklediği zaman birçok yeni harika web tasarımları görmeye başlayacağız.<br><a href="http://designinformer.com/css-posters/"><strong>CSS Posterler</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-004.png' alt="CSS Posterler" border="0"><br>CSS Posterler</div><br>Bu makalede Jad Limcaco birkaç poster tasarlamaya çalışmış ve CSS ten başka birşey kullanmamış.<br><a href="http://cssglobe.com/post/4175/pure-css-line-graph"><strong>Sadece CSS ile Grafik Tasarımı</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-005.png' alt="CSS Graph" border="0"><br>CSS Graph</div><br><a href="http://sixrevisions.com/css/css_techniques_charting_data/">CSS kullanarak grafik oluşturmaya dair </a>tonlarca örnek var. Bu teknik, verilerileri göstermek için farklı bir yaklaşım kullanır. Diyebilirsiniz ki “bu sadece CSS olamaz”, ama hakkaten sadece CSS ile yapılmış müthiş bir örnek.<br><a href="http://gordonbrander.com/lab/css3-stacks/"><strong>CSS3 Leopard-style Stacks</strong></a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-006.png' alt="CSS Mac" border="0"><br>CSS Mac</div><br>Bu makalede, kardeşimiz CSS’le Mac’e benzer bir tasarım yapmaya çalışmış. Ve güzel de olmuş.<br><a href="http://www.subcide.com/articles/pure-css-twitter-fail-whale/"><strong>Pure CSS Twitter Fail Whale</strong></a><br>CSS ile yapılan her deneme uygulamaya geçmiyor, sadece makale ve örnek olarak kalıyor, ama şu Twitter’ın sevimli balinası’na rastlamışsınızdır, ben çok rastladım. Sadece CSS kullanarak yapmış amcamlar.</p> <p>İnternet denilen dünya akıl almaz bir hızla gelişiyor ve bizim de, yani yazılımcıların da, gelişmemizi istiyor ve de biz buna mecburuz. Bu işi yaparken de eğlenerek yapabiliriz.<br>Burada sadece 5 tane alışkanlık yazdık ama bunlardan başka daha bir sürü alışkanlık olabilir ya da bunlar her yazılımcı için aynı oranda kabul edilebilir olmayabilir ve böyle olmasıda normaldir. Uzun yıllar yazılım geliştirmekle uğraşanlar zaten kendilerine göre bir alışkanlıklar dizisine sahiptirler. Bu yazı, bu dünyada, yeni olanlar için hoş bir danışmanlık teşkil ediyor.<br>Başka paylaşmak istedikleriniz olursa lütfen yazın.</p> <p><a href="http://sixrevisions.com/web-development/5-good-habits-that-will-make-you-a-better-coder/">Yazının orjinali</a> için <a href="http://blog.echoenduring.com/">Matt Ward</a> a teşekkürler.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/iyi-yazilimci-olmak-icin-5 ">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, 27 Jul 2010 09:31:00 GMT 238439@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/iyi-yazilimci-olmak-icin-5 acemimuhendis <p><strong>content sliders</strong>, (kayan menü, sürgülü menü) her türlü bilgiyi görüntülemek için geliştirilmiş son derece kullanışlı bir web uygulamasıdır. metinleri, fotoğrafları, reklamları otomatik <a href="http://www.bildirgec.org/etiket/slayt">slayt</a> özelliği yanında butonlarla manuel olarak göstermeniz mümkün. ziyaretçilerin anında dikkatini çekmek, ziyaretçilerinizin bilgiye hızlı ulaşımını kolay ve şık bir şekilde <a href="http://www.bildirgec.org/etiket/content sliders">content sliders</a> ile sunabilirsiniz. content sliders kullanımında sınırlar aşılmış gibi görülüyor, e-ticaret sitelerinde ürün tanıtımında, bloglarda popüler konuların sunulmasında, kimi zamanda web siteleri reklam gösterim aracı olarak content sliders kullanmakta. peki nasıl bir content sliders <a href="http://www.bildirgec.org/etiket/tasarım">tasarımı</a> derseniz, aşağıda sizlere <a href="http://www.bildirgec.org/etiket/ilham verici">ilham vereceğini</a> düşündüğüm content sliders tasarımları bulunmakta.</p> <p><a href="http://www.violet.net/">violet</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/violet.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.kodu.co.uk/">kodu</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/kodu.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.teoskaffa.com/">teoskaffa</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/teoskaffa.jpg' alt="\"\"" border="0"><br></div><br><!-- buradan kes --><br><a href="http://www.tearoundapp.com/">tea round app</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/tearoundapp.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dailymile.com/">dailymile</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/dailymile.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.thegreatbeardedreef.com/">the great bearded reef</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/thegreatbeardreef.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://templatica.com/">templatica</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/templetica.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.geticeberg.com/">iceberg</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/geticeberg.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dantestyle.se/">daniel stenberg</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/dantestyle-se.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.floridaflourish.com/">flourish web design</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/floridaflourish.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://howarths.nl/">howarths</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/howarths-nl.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://andyshaw.me/">andy shaw</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/andyshaw-me.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://suki.co.il/">suki</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/suki.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.thehorizontalway.com/">the horizontal way</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/thehorizontalway.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.metalabdesign.com/">metalab</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/metalab.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.dconvulsions.com/">digital convulsions</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/dconvulsions.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://qilayout.com/">richie qilayout</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/qilayout.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.fkq.com/">fkq</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/fkq.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.mrsunnyz.com/">sunny zheng</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/mrsunnyz.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.visuall.be/">visuall</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/visuall-be.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://labs.paulicio.us/viewport/">viewport</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/GokhanKARAKAS/viewport.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.webdesignerdepot.com/2010/03/fantastic-content-sliders-for-your-inspiration/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar ">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, 09 Mar 2010 07:54:00 GMT 234559@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar acemimuhendis <p>Sosyal Medya aleminin sahip olduğu büyük kullanıcı kitlesi, Web siteleri veya blogları aracılığı ile içerik üreten Web kullanıcılarının, içeriklerini arama motorları için optimize etmelerinin yanında, <a href="http://www.bildirgec.org/ara/Sosyal%20Medya">Sosyal Medya</a> için de optimize etmeleri (gerekli altyapıyı hazırlamaları) gereğini/zorunluluğunu ortaya çıkarmış durumda.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/.0fde5157a7624d87564483b3701b21889cb998bf' alt="\"\"" border="0"><br>Nasıl Yapılır: İçeriğinizi Facebook Sayfanızdan Otomatik Yayınlama!</div></p> <p>Bu <b>Nasıl yapılır</b> yazısında; Web sitesi veya blog sahiplerinin, sitelerinden yayınladıkları içeriklerini, 350 milyondan fazla kullanıcı sayısına sahip olan <a href="http://www.bildirgec.org/ara/Facebook">Facebook'un</a> en önemli bileşenlerinden biri olan Facebook Sayfalarından, otomatik olarak/kendiliğinden, nasıl yayınlayabilecekleri anlatılmakta.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/.a054e7f92cc256cfdbd5b8ed2a20d11ab16e581e' alt="\"\"" border="0"><br></div></p> <p>1- Facebook tarafından hazırlanmış olan <a href="http://www.facebook.com/apps/application.php?id=2347471856">buradaki</a> <b>Notlar (Notes)</b> uygulamasına gidiyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/7255bea583ff48fa83fc0a2.png' alt="\"\"" border="0"><br></div><br>2- Sol üstteki <b>Sayfam'a ekle</b> linkine tıkladıktan sonra açılacak olan pencereden, içeriğimizin yayınlanmasını istediğimiz sayfamıza <b>Notlar</b> uygulamasını ekliyoruz.</p> <p>3- Notlar uygulamasını eklediğimiz Facebook Sayfamıza giderek, bu sayfada bulunan <b>Sayfa'yı düzenle</b> linkine tıklayıp, sayfamızın düzenleme/ayarlar bölümüne geçiyoruz.</p> <p>4- Düzenleme sayfasında bulunan <b>Notlar</b> uygulamasına ait bölümde önce; Uygulama Ayarları linkine tıklıyor ve açılan penceredeki <b>Profil</b> sekmesinden <b>Notlar'ın</b> Kutu ve Sekme eklentilerini sayfamıza ekliyoruz. Sonrada; yine aynı pencerede bulunan <b>Ek İzinler</b> sekmesinden de <b>Akışta yayınla</b> özelliğini işaretliyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/e5d7786a5dcd4e4e9f432aa.png' alt="\"\"" border="0"><br></div></p> <p>5- Yine <b>Notlar</b> bölünde bulunan, <b>Düzenle</b> linkine tıklıyoruz.</p> <p>6- Gelecek olan sayfanın sol üst bölümünde yer alan <b>Not Ayarları</b> alanındaki <b>Bir blog aktar »</b> linkine tıklıyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/acaf4ea44d064f978dc5b68.png' alt="\"\"" border="0"><br></div></p> <p>7- <b>Vee Mutlu Son:</b> Web sitemize veya blogumuza ait olan besleme'nin (feed) linkini yazıp ekliyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/598e5a94353a45d9918879d.png' alt="\"\"" border="0"><br></div></p> <p>Eğer adımları doğru bir şekilde uygulamışsanız (tabi bende herhangi birşey atlamadıysam) sonuç <a href="http://www.facebook.com/apps/application.php?id=72753904126">buradaki</a> gibi olacaktır.</p> <p>Facebook sayfanızdaki hayranlarınız, siz web sitenizden veya blogunuzdan herhangi bir içerik yayınladığınızda, içeriğinizin bir ön sunumunu kendi duvarlarında görüp tıklaycak ve Facebook sayfanızın Notlar bölümüne gelerek, içeriğinizi görüntüleyecekler.</p> <p>Ayrıca bu notların, başta Google olamak üzere, arama motorları tarafından eklendiğini/indexlendiğini de belirteyim.</p> <p><b>Son olarak:</b> Eğer Facebook sayfalarındaki hayranlarınızı, içeriğinizi görüntülemek üzere, direkt olarak sitenize yönlendirmek isterseniz; Facebook'un uygulama dizininde bulunan birçok beseleme (Örnek: <a href="http://www.facebook.com/apps/application.php?id=23798139265">Social RSS</a>) uygulamasından birini kullanabilirsiniz.</p> <p><b>Bonus+++++:</b><br><b>+</b><a href="http://www.bildirgec.org/yazi/seo-ve-web-marketing-icin">Seo ve Web Marketing İçin Harika Araçlar</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/seo-yu-google-dan-ogrenmeye">SEO'yu Google'dan Öğrenmeye Başlayın</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/google-dan-seo-dersi-url">Google'dan SEO Dersi:URL Adresleri Nasıl Olmalı?</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/igoogle-sayfaniza-3-adet-seo">iGoogle Sayfanıza 3 Adet SEO Uzmanı Gadget</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/sosyal-start-page-icin-7">Sosyal Start Page için 7 yol</a></p> <p><b>Kaynak: </b>Araç: <a href="http://www.facebook.com/apps/application.php?id=2347471856">Facebook Notlar</a><br><b>Paylaş:</b> Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada!</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a> Takip Noktaları:</b> <br><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">E-posta</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a> <a href="http://algozz.mofuse.mobi/">Mobil</a> <a href="http://algozz.mofuse.mobi/iphone">iPhone</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/acemimuhendis">acemimuhendis</a> tarafından <a href=" http://www.bildirgec.org/yazi/nasil-yapilir-iceriginizi-facebook-sayfanizdan ">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 Jan 2010 13:43:00 GMT 232449@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/nasil-yapilir-iceriginizi-facebook-sayfanizdan