http://www.bildirgec.org/ tr-tr 40 bildirgec.org - iygadem - beğendikleri iygadem <p>İnternette birçok kez araştırmama rağmen bir türlü güncel ve istediğim bilgileri bulamamanın sıkıntısıyla yazıyorum bu yazıyı. eğer benim gibi meraklı olan varsa, bu yazıyı mutlaka okusun derim. öncelikle belirtmek isterim ki -ki birçok yerde zaten okudunuz ve eğer bu konu ile ilgili araştırma yaptıysanız- gerçekten evden yayın yapmak kolay bir şey değil. ayarların yapılmasından değil, daha çok ülkemizin internet şartları ile alakalı. <strong>peki sen neden yaptın?</strong> diye sorarsanız, benim amacım evden web yayını yapmak değil de daha çok pratikte bunun nasıl yapıldığını öğrenmekti, öğrendim de!</p> <p><strong>port yönlendirme</strong></p> <p>araştırma yapan herkesin karşısına çıkmıştır mutlaka, "modeminizde 80 portunu açmanız gereklidir" diye. bu olay çok zormuş gibi görünse de <em>(ilk merak ettiğim zaman bana da aynısı olmuştu)</em> aslıda oldukça kolay. modeminizin internet arayüzünden kolaylıkla yapabilirsiniz.</p> <p>ne yapmak lazım?</p> <ol> <li>modemin bütün ayarlarını yapabildiğiniz internet arayüzüne bağlanmalısınız. <strong>(genellikle <em>192.168.1.1</em> ya da <em>192.168.2.1</em> şeklinde bir ip adresidir. ben airties rt-206v2tt modem kullanıyorum ve bu modele göre anlatacağım.)</strong></li> <li>ip adresinizi yazdığınız zaman sizi giriş ekranı karşılayacak. kullanıcı adınızı ve şifrenizi girip devam edin. <strong>(internetinizi <em>ttnet</em>'ten aldıysanız kullanıcı adınız ve şifreniz varsayılan olarak <em>admin/ttnet</em> şeklindedir. Şifrenizi bilmiyorsanız da müşteri hizmetlerini arayarak öğrenebilirsiniz.)</strong></li> <li>kullanıcı adı/şifre olayını geçtikten sonra açılan sayfada sol taraftaki menüden <strong>nat - port yönlendirme</strong>'yı tıklayarak yönlendirme ayarını yapacağınız sayfaya gelmiş olmalısınız. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/airtiesportforward.png' alt="port yönlendirme" border="0"><br>resmin büyük hali için <a href="http://burakuzun.files.wordpress.com/2010/05/airtiesportforward.png">tıklayın</a></div></li> </ol> <p><!-- buradan kes --></p> <ol> <li>port yönlendirme sayfasında ilk olarak <strong>port yönlendirme etkin</strong> kutusuna çentik atıp kaydedin. daha sonra yine aynı sayfada <strong>yeni</strong> butonuna basarak port yönlendirme ayarlarını yapabileceğiniz sayfayı açın. yapmanız gereken ayarları yapmadan önce aşağıdaki açıklamalara da ayrıca dikkat edin.</li> <li><strong>kural adı</strong> kısmına ne yazacağınız size kalmış, istediğiniz bir adı verebilirsiniz <em>(webserver gibi)</em>. istemci seçiniz kısmında ise yeni ip adresi bölümüne bilgisayarınızın <strong>yerel ip adresini</strong> yazmanız gerekli. normalde mevcut lan istemcileri kısmında modeme bağlı bütün bilgisayarlar görünür fakat ben biraz kurcaladığım için bende görünmüyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/portforwardayar.png' alt="\"\"" border="0"><br></div></li> </ol> <blockquote>yerel ip adresinizi bilmiyorsanız <strong>başlat</strong>'tan <strong>çalıştır</strong>'ı <strong>(windows tuşu + r ile açabilirsiniz)</strong> açın. <strong>cmd</strong> yazıp enter'a basın. komut satırına <strong>ipconfig /all</strong> komutunu girerek ip adresinizi öğrenebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/ipadresinizcmd.png' alt="\"\"" border="0"><br>resmin büyük halini görmek için <a href="http://burakuzun.files.wordpress.com/2010/05/ipadresinizcmd.png">tıklayın</a></div></blockquote> <p>alt kısımda ise asıl port ayarlarını yapacağımız kısım var. sol taraftan hazır ayarları kullanabilirsiniz fakat biz sadece 80 portunu açacağız. yine <strong>uygulama adı</strong> kısmına istediğiniz adı yazabilirsiniz. bende webserver yazıyor. wan ve lan kısımlarının altındaki tcp portları kısmına 80 <em>(açmak istediğimiz port numarası)</em> yazıp ekle dedikten sonra kaydederek port yönlendirme işlemini tamamlamış oluyoruz.</p> <p><strong>ip adresi sabitleme</strong></p> <p>burada kastettiğimiz ttnet'ten alacağınız bir sabit ip hizmeti değil .bilgisayarın yerel ip'sini sabitlemek... nedeni, modeminizin her açılışta bilgisayara <em>192.168.2.2</em> ile <em>192.168.2.254</em> arasında rastgele bir ip vermesi. bu ayarlamalar işletim sistemine göre değişiklik gösteriyor fakat ben windows7 kullanıyorum o yüzden ona göre anlatacağım. aynı ayarlamalar ile windows vista'da da yapabilirsiniz benzer şekilde. Xp kullanıcıları ise 5. maddede nasıl yapacaklarını okuyabilirler.</p> <p>ne yapmak lazım?</p> <ol> <li>saatin yanındaki bağlantı simgenize tıkladığınızda küçük bir pencere açılacaktır. oradan kullandığınız bağlantı üzerinde sağ tıklayarak <strong>durum</strong>'u seçin.</li> <li>açılan ekranda etkinlik bölümünde <strong>özellikler</strong>'i, daha sonra açılacak yeni pencerede<strong> internet protokolü sürüm 4 (tcp/ipv4</strong> 'e tıkladığınızda ayarları yapacağınız son pencere açılacak.</li> <li><strong>aşağıdaki ip adresini kullan</strong>'ı seçip, ip adresi kısmına bilgisayarınızın kullanmasını istediğiniz sabit ip adresinizi yazın <em>(mesela bende 192.168.2.2)</em>. alt ağ maskesi kısmı otomatik olarak 255.255.255.0 olacaktır. madem o kadar hevesli bırakın kalsın öyle. varsayılan ağ geçidine ise modeminizin internet arayüzüne girmek için kullandığınız ip'yı yazmalısınız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/sabitipayar.png' alt="\"\"" border="0"><br>resmin büyük hali için <a href="http://burakuzun.files.wordpress.com/2010/05/sabitipayar.png">tıklayın</a></div></li> <li><strong>otomatik olarak bir ip adresi al</strong> seçeneği seçili olmadıkça <strong>otomatik olarak bir dns adresi</strong> de alamayacaksınız fakat bu o kadar da önemli değil. boş bırakırsanız varsayılan olarak modemin ip adresini kullanacaktır. açık olan pencereleri tamam diyerekten kaydedip kapatın. ip adresiniz artık sabit.</li> <li>windows xp kullanıcıları ise bu ayarları şu şekilde yapabilirler: <strong>başlat</strong> - <strong>ağ bağlantıları</strong>'na tıklayın. açılan pencerenin sol tarafında bulunan <strong>ağ görevleri </strong>sekmesinin altında <strong>ağ bağlantılarını görüntüle</strong>'ye tıkladıktan sonra mevcut ağ bağlantılarınız açılacaktır. kullandığınız bağlantının üzerine sağ tıklayarak <strong>özellikler</strong>'i seçin. açılan pencerede <strong>internet iletişim kuralları (tcp/ip)</strong>'na çift tıkladığınızda yeni bir pencere açılacak. bu pencerede gerekli ayarları yukarıdaki şekilde yapabilirsiniz.</li> </ol> <p><strong>bana bir sunucu lazım. hem de hemen!</strong></p> <p>size sadece bir sunucu lazım değil. sunucu, veri tabanı, bu veri tabanını kontrol edebileceğiniz bir sistem, vs, vs. kafanız hiç karışmasın. bunları <a href="http://www.wampserver.com/">wampserver</a> ile kolaylıkla bilgisayarınıza kurabilirsiniz. bazı özellikleri olmamasına rağmen başlangıç için oldukça kolay bir program. (WampServer yerine <a href="http://www.apachefriends.org/en/xampp.html">xampp</a> programını da kullanabilirler fakat alışması biraz zamanınızı alacaktır.) kurulum işlemi ise oldukça basit.</p> <p>ne yapmak lazım?</p> <ol> <li>ilk olarak wampserver'ı sitesinden indirmelisiniz. indirme sayfasına <a href="http://www.wampserver.com/en/download.php">buradan</a> ulaşabilirsiniz.</li> <li>dosya indikten sonra kurulum işlemine geçebiliriz. indirdiğiniz dosyayı çalıştırın. gelen ekranda lisans sözleşmesini onaylayın. wampserver'ın kurulacağı yeri seçin. kısayollara da çentik attıktan sonra kurulum için sizin yapmanız gerekenler bitmiş oluyor.</li> <li>kurulum tamamlamaya yaklaştığında eğer sisteminizde firefox'u bulursa wampserver için varsayılan tarayıcı yapmak isteyip istemediğinizi soracak. bunu da onaylayıp geçin.</li> <li>artık bir sunucunuz var fakat wampserver açıldığında ilk olarak çevrimdışıdır. yayın yapabilmek için çevrimiçi olmanız gerekli. saatin yanında bulabileceğiniz wampserver simgesine bir kere tıklayın. açılacak küçük pencere bundan sonra hiç yabancı olmayacağınız yer. burada çevrimiçi hale getir'e tıkladığınızda sunucunuz çevrimiçi, diğer bir deyişle yayında olacaktır.</li> <li>biraz önce sabitlediğimiz ip adresinizi herhangi bir tarayıcının adres satırına yazdığınızda eğer her şey yolunda ise wampserver anasayfası gelmeli. aslında şu anda siteniz dışarıdan erişilebilir durumda fakat arkadaşlarınızın ya da tanıdıklarınızın sitenize bağlanabilmesi için bilgisayarınızın internet ip adresinizi <strong>(internet ip adresiniz, ttnet'in size vermiş olduğu modem kapanıp açıldığında değişen ip adresidir. modeminizin anasayfasından ya da <a href="http://whatismyipaddress.com/">whatismyipadress</a> adresinden öğrenebilirsiniz.)</strong> bilmeleri gerekli. <em>(bunu da birazdan düzelteceğiz.)</em></li> <li>sitenizi denemek için kendi internet ip adresinizi yazdığınızda ise yine modem ana sayfasının gelmesi kendi bilgisayarınızdan bağlandığınız için normal bir durum. port yönlendirmede bir sorun olduğunu düşünmeyin. port yönlendirmeyi denemek için başka bir yerdeki bilgisayardan ip adresinizi yazmalısınız. sitenizin dışarıdan nasıl göründüğüne bakmak için <strong>bilgisayara verdiğiniz sabit ip adresinizi (192.168.2.2), 127.0.0.1 ip adresinizi ya da http://localhost/</strong> yazarak kontrol edebilirsiniz.</li> </ol> <p><strong>ip adresinden kurtulun</strong></p> <p>ip adresiniz yerine düzgün bir adres almak daha güzel olmaz mıydı? bir de bu adres ücretsiz olsa mesela tadından da yenmezdi hani. evet! bunu yapmak için güzel bir servis var. basitçe sistemin çalışma mantığı, siteden aldığınız alan adınıza internet ip adresinizi kaydediyorsunuz. bu alan adına gelen bütün istekler sizin internet ip adresinize yönlendiriliyor. şöyle bir sorun çıkıyor burada karşımıza. yukarıda internet ip adresini açıklarken ip'nin değişken olduğunu, modemin her kapanıp açıldığında farklı bir ip adresi aldığını yazmıştık. her modem kapandığında yeniden ip yazmak zahmetli iş. servisin diğer güzelliği ise burada başlıyor. bilgisayarınıza kuracağınız minimini bir program ile bu sorunun üstesinden gelebilirsiniz. modem kapanması, ttnet'in arada sırada attığı resetler gibi nedenlerden dolayı ip adresiniz her değiştiğinde, program yeni internet ip adresinizi hesabınıza eşitliyor. siz hiç bir şey ile uğraşmıyorsunuz. sistem kaynaklarını tüketmediğini söylemek yanlış olmaz hani.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/brkzn/dyndnsicon.png' alt="\"\"" border="0"><br></div></p> <p>ne yapmak lazım?</p> <ol> <li><a href="http://www.dyndns.com/">dyndns.com</a> adresinden ücretsiz bir hesap almalısınız. <em>(elbette ücretli seçenekler de var. bu servislerle kendi alan adınızı da alabiliyorsunuz. ilgilenenler varsa aynı adrese bakabilirler.)</em> ücretsiz seçeneğinde kullaniciadiniz.homedns.org şeklinde oluyor <em>(...homedns.org kısmı için 88 adet alternatif mevcut)</em>.</li> <li>üye olma işlemi oldukça basit. adınızı, kullanıcı adınızı, şifrenizi, şifrenizin doğrulamasını, e-posta adresinizi, e-posta adresinizin doğrulamasını ve güvenlik kodunu girmelisiniz. daha sonra ise sitenizin adını <em>(kullanıcı adınız olmak zorunda değil)</em> ve 88 alternatifli adresten birini seçmelisiniz. daha sonra internet ip adresinizi yazmalısınız <strong>('your current location's ip address is 56.187.110.832' yazısına tıklayarak internet ip'niz otomatik olarak metin kutusuna yazılacaktır)</strong>.</li> <li>bizim için şimdilik gerekli olan ayarlar bunlar. <strong>add to cart</strong> butonuna basarak ürününüzü sepete atıyoruz. açılan ekranı <strong>next</strong> butonuna basarak geçebiliriz. daha sonra son ekranda <strong>activate services</strong> butonuna tıklayarak işlemlerinizi tamamlayın.</li> <li>sitenizi aktif ettikten sonra denemek için adresinizi yazdığınızda modeminizin arayüzü geliyorsa servis düzgün çalışıyor demektir. hatırlayın internet ip adresinizi yazdığınızda da modemin sayfası açılmıştı. yani sistem alan adından sizin ip adresine yönlendirmeyi sorunsuz yapıyor. :)</li> <li>yukarıda değişken ip sorununu açıklamıştık. bu sorunun üstesinden gelmek için sistemin bize sunduğu minimini programı indirmeniz ve kurduktan sonra birkaç küçük ayar yapmanız gerekli. programı indirmek için sitedeki adresinden <a href="http://www.dyndns.com/support/clients/">indirebilirsiniz (726kb)</a>. kurulumu ise 5 adımda hallediyorsunuz. kısa bir kurulumdan sonra programı çalıştırın. sitede kullandığınız <strong>kullanıcı adı/şifrenizle</strong> giriş yapın. sistem internet ip adresinizi otomatik olarak bulacak ve alan adınıza eşitleyecektir.</li> <li>bazen bilgisayarımızın performansını arttırmak için başlangıçta çalışan programları kapatabiliyoruz. Eğer böyle bir ayarlama yaptıysanız program ip adresinizi güncelleyemeyecektir. bu yüzden bilgisayarınız açıldığında programın başlatmasını ayarlamalısınız. ayarlamayı ise programda <strong>advanced</strong> sekmesinden yapabilirsiniz. advanced sekmesine tıkladığınızda en üstteki <strong>start updater with windows</strong>'un yanındaki kutucuğa bir çentik atın. bu kadar. :)</li> </ol> <p>artık güzel bir alan adınız, kendinize ait bir sunucunuz var. tabii ciddi anlamdan web yayını yapmak şimdilik ülkem şartlarında hayal. benim bu konudaki amacım zaten bunu pratikte nasıl yapıldığını öğrenmekti. ben öğrendim, siz de öğrenin dedim yazdım. olur da ilerde yurdumun servis sağlayıcısı imana gelir de internet hızımız katlanırsa kendi sitenizi kendiniz yayınlarsınız. takıldığınız konuları veya yazıdaki herhangi bir yanlışı yorumlarda yazabilirsiniz. hem diğer kullanıcılara yardımınız dokunmuş olur hem de beni de yanlıştan döndürmüş olursunuz. umarım faydalı olur sizin için de.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/evden-web-yayini-yapin ">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, 27 May 2010 09:21:00 GMT 237232@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/evden-web-yayini-yapin iygadem <p>Windows kurulu bilgisayarı kullanmaya başlamadan önce kurulması gereken yararlı 33 adet araç. Bunların arasında tarayıcı, kelime işlemci ya da video oynatıcı gibi yazılımlar değil, sistemi ve donanımı optimize edici kullanışlı araçlar yer alıyor. Ben 33 araç arasından bildirgeç'de daha önce bahsedilmemiş olanları yazıya ekledim. Listenin tamamı <a href="http://www.maximumpc.com/article/features/33_essential_utilities">burada</a>.</p> <p><a href="http://www.educ.umu.se/~cobian/cobianbackup.htm">Cobian Backup</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/cobian-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Klasör ve dosyaları isteğe göre şifrelenmiş ve sıkıştırılmış bir şekilde saklayabiliyor. Program menüsünden algoritma ve sıkıştırma türü seçimi yapılabiliyor. Ayrıca yedeklemeleri programlama imkanı vererek istendiği zaman istenen verinin otomatik olarak yedeklenmesi sağlanabiliyor.</p> <p><!-- buradan kes --></p> <p><a href="http://executor.dk/">Executor</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/executor-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Masaüstündeki ikonlardan kurtulmanın en etkin yolu. Bu araç sayesinde daha önceden belirlediğiniz programları, web sitelerini ve uygulamaları dilerseniz yazarak dilerseniz de bir klavye tuşu ile açabiliyorsunuz.</p> <p><a href="http://lifehacker.com/341950/belvedere-automates-your-self+cleaning-pc">Belvedere</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/belvedere-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Açık kaynaklı bir uygulama olan Belvedere ile klasörlerinizi takip ederek belirlediğiniz kurallara göre taşıma, silme ve yeniden adlandırma gibi işlemleri yapabilirsiniz.</p> <p><a href="http://www.inputdirector.com/">input director</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/inputdirector-sm.png' alt="\"\"" border="0"><br></div></p> <p>Tek fare ve tek klavye ile iki bilgisayarı kontrol etme imkanı sağlayan bir araç.</p> <p><a href="http://www.binaryfortress.com/displayfusion/">display fusion</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/displayfusion-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Bu araç da tek görev çubuğu ile iki monitör kullanmaya imkan sağlıyor.</p> <p><a href="http://www.tcbmi.com/strokeit/">Strokeit</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/strokeit-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Opera ve firefox gibi tarayıcılarda yer alan "mouse gesture" özelliğini artık tüm bilgisayar için kullanabilirsiniz. Farenize istediğiniz yazılım için hareket atayabilirsiniz..</p> <p><a href="http://processhacker.sourceforge.net/">process hacker</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/processhacker-sm.png' alt="\"\"" border="0"><br></div> <p>Windows'un varsayılan işlem yöneticisinden daha gelişmiş özelliklere sahip olan process hacker sistem üzerinde tam bir kontrol sahibi olmanızı sağlıyor.</p> <p><a href="http://www.autohotkey.com/">AutoHotkey</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/autohotkey-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Seçtiğiniz klavye tuşlarına dilediğiniz işlemi atayabilen bir araç.</p> <p><a href="http://www.ntwind.com/software/vistaswitcher.html">vistaswitcher</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/Ozit/vistaswitcher-sm.jpg' alt="\"\"" border="0"><br></div></p> <p>Windows'un varsayılan alt-tab aracını daha gelişmiş ve kullanışlı hale getiren bir uygulama.</p> <p>Kaynak: <a href="http://www.maximumpc.com/article/features/33_essential_utilities">http://www.maximumpc.com/article/features/33_essential_utilities</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/her-yeni-pc-icin-gerekli ">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, 25 Dec 2009 10:26:00 GMT 231029@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/her-yeni-pc-icin-gerekli iygadem <p>Windows 7 henüz daha çok yeni olabilir ama bu kullanabilmeniz için çok ucuz veya ücretsiz yazılımlar bulamayacağınız anlamına gelmez. Alın size çoğu ücretsiz olan ve Windows 7 deneyiminizi artıracak olan 10 tane yazılım;</p> <p><a href="http://www.pcworld.com/article/172958/independent_tester_security_essentials_very_good.html?tk=rel_news">Microsoft Security Essentials</a></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/Esed/181135-securityessentials-180.jpg' alt="\"\"" border="0"><br></div>Windows 7'de kendinden önceki Windows'lar gibi bünyesinde spyware ve malware'lere karşı hazır bir koruma paketiyle gelmiyor. Bunun için McAfee ve Symantec'in ücretli servislerinden faydalanabilirsiniz ancak microsoft security essentials bunu ücretsiz yaparken neden bunu için para ödeyesiniz ki? Bu program oldukça sağlam bir koruma sağlıyor ancak illa da 3. parti bir yazılım kullanmak istiyorsanız <a href="http://www.pcworld.com/downloads/file/fid,15202-order,4/description.html">AVG Anti-Virus</a>'un ücretsiz versiyonuna da bir göz atabilirsiniz. <p><a href="http://ninite.com/">Ninite</a></p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/Esed/181135-ninite-180.jpg' alt="\"\"" border="0"><br></div>Eğer yeteri kadar cesursanız XP'den Windows 7'ye geçerken temiz bir kurulum yapmanız önerilir. Bu durumda kullandığınız birçok programı da yeniden kurmak zorunda kalırsınız. Bunlarla tek tek uğraşmaktansa sadece bir programın bunu sizin için yapmasını istemez misiniz? Ninite oldukça kolay arayüzü sayesinde birkaç adımda kurmanız gereken programları (Firefox, Itunes, gibi) sizin için sırasıyla indirip sisteminize kuruyor. Ninite kişisel kullanım için ücretsiz bir yazılım. <p><!-- buradan kes --></p> <p><a href="http://download.live.com/photogallery">Windows Live Fotoğraf Galerisi</a></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/Esed/181135-photogallery-180.jpg' alt="\"\"" border="0"><br></div>Microsoft yeni işletim sistemini daha karalı ve sorunsuz yapabilmek için bazı uygulamalarını yeni işletim sistemiyle birlikte vermiyor. Bu nedenle fotoğraflarınız düzenlemek için Microsoft'un ücretsiz olarak sunduğu Fotoğraf Galerisi uygulamasını kullanabilirsiniz. Bence denemeye değer, tabii eğer halihazırda <a href="picasa.google.com/">Google Picasa</a>'yı kullanmıyorsanız. <p><a href="http://windows.microsoft.com/en-us/windows7/products/features/windows-easy-transfer">Windows Easy Transfer</a></p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/Esed/181135-windowseasytransfer-180.jpg' alt="\"\"" border="0"><br></div>XP'den Windows 7'ye geçen herkesin Microsoft'un ücretsiz olarak sunduğu, bilgisayarlar arasında dosyaları ve ayarları transfer etmeye yarayan bu ücretsiz uygulamasına bir bakmasında fayda var. Bu program yardımıyla bütün bir transferi tamamlayabilir ve sonrasında alacağınız rapordan yapılan işlemleri kontrol edebilirsiniz. <p><a href="http://www.thewindowsclub.com/ultimate-windows-tweaker-v2-a-tweak-ui-for-windows-7-vista#more-1957">Ultimate Windows tweaker v2</a></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/Esed/181135-ultimatewindowstweaker-180.jpg' alt="\"\"" border="0"><br></div>Bu akıllı düzenleme aracı sizin Vista mı Windows 7 mi kullandığınızı algılayarak işletim sisteminizi daha verimli kullanabilmeniz için gereken düzenlemeleri size öneriyor. Bu uygulamayla güvenlikten ağ yapılandırmasına ve sistem ayarlarına kadar birçok şeyi kontrol edebilirsiniz. <p><a href="http://winzip.com/downwz.htm">winzip 14 standard</a></p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/Esed/181135-winzip-180.jpg' alt="\"\"" border="0"><br></div>Windows 7 zaten zip sıkıştırma yeteneğine sahipken neden başka bir programa ihtiyacım olsun ki diye düşünüyor olabilirsiniz ancak Winzip'in 14. versiyonunda yaptığı değişiklikleri gördüğünüzde bize hak vereceksiniz. Yeni sürümle birlikte daha iyi sıkıştırmanın yanında ziplemenin ve mail göndermenin daha da basitleştiğini göreceksiniz. <p><a href="http://www.brothersoft.com/enhancemyse7en-free-275507.html">enhancemyse7en free</a></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/Esed/181135-enhancemyse7en-180.jpg' alt="\"\"" border="0"><br></div>Windows 7'yi kullanmak XP veya Vista'dan daha kolay olabilir ancak bazı ayarlar ve düzenlemeler için hala daha derinlemesine ve tehlikeli sulara dalmak gerekiyor. Ancak bu uygulamayla sayesinde kolaylıkla hangi programların bilgisayarla birlikte açılacağını ayarlayabilir hard disklerinizin performansını ölçebilir ve registiry ayarlarıyla oynayabilirsiniz. <p><a href="http://imageresizer.codeplex.com/">image resizer powertoy clone</a></p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/Esed/181135-imageresizer-180.jpg' alt="\"\"" border="0"><br></div>Resimlerinizin boyutunu mu değiştirmek istiyorsunuz. Bu ücretsiz uygulama bunu oldukça kolayla bir şekilde yapmanızı sağlıyor. Yapmanız gereken sadece boyutunu değiştirmek istediğiniz resme sağ tıklamak ve çıkan seçeneklerden resmin yeni boyutunu seçmek. <p><a href="http://www.systerac.com/seven/overview.htm">systerac tools for windows 7</a></p> <div class="imajsol"><img src='http://www.bildirgec.org/imaj/Esed/181135-systerac-180.jpg' alt="\"\"" border="0"><br></div>Bu programla Windows 7'yi hep ilk günkü gibi kullanabilmenizi sağlayacak 16 program paket halinde veriliyor. Kullanışı oldukça kolay ve basit olan bu paketle Windows 7'nin performansına, görünümüne ve benzer birçok şeyine göz atıp bunları değiştirebilirsiniz. <p><a href="http://www.microsoft.com/windows/windows-7/get/upgrade-advisor.aspx">windows 7 upgrade advisor</a></p> <div class="imajsag"><img src='http://www.bildirgec.org/imaj/Esed/181135-upgradeadvisor-180.jpg' alt="\"\"" border="0"><br></div>Sakın bu ücretsiz uygulamayı kullanmadan sisteminiz Windows 7'ye yükseltmeyin. Bu uygulama sisteminizi tarayarak sisteminizin yükseltmeye hazır olup olmadığını size söyler. Eğer yapacağınız yükseltemeye engel olacak birşeylere rastlarsa bunu size detaylı bir rapor halinde sunar.<p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/olmazsa-olmaz-10-windows-7 ">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, 03 Nov 2009 10:14:00 GMT 226595@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/olmazsa-olmaz-10-windows-7 iygadem <p>Web üzerinde en çok aranan ve istenen <a href="http://www.bildirgec.org/ara/flash%20dersleri">flash dersleri</a> bu yazıda toplanmıştır. Birçok <a href="http://www.bildirgec.org/ara/proje">proje</a>de size faydalı olabilecek derslere aşağıdan ulaşabilirsiniz.</p> <p>1. <a href="http://flash.tutsplus.com/tutorials/web-design/build-a-fluid-website-layout/">Build a Fluid Website Layout</a> (Akışkan website düzeni yapımı)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/flash-20tut.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://www.flashkit.com/movies/Interfaces/FlashMov-Author-12335/index.php">FlashMovieSeekBar-ControlTheMovieTimeline</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/flash2uu.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://flash.tutsplus.com/tutorials/animation/animate-a-continuous-quad-run-cycle-with-flash/">Animate a Continuous Quad Run Cycle With Flash</a> (Flash ile sürekli döngü animasyonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/flash-20tut11.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://www.layersmagazine.com/create-a-simple-inverse-kinematics-animation-with-flash-cs4.html">Create a Simple Inverse Kinematics Animation with Flash CS4</a> (Flash cs4 ile basit devrik kinematik animasyonu oluşturma)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0bones.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.adobe.com/devnet/devices/articles/optimizing_anim_print.html">Flash Animation to Mobile Phones with Flash Lite</a> (Flash Lite ile cep telefonu animasyonu)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0lite.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://flash.tutsplus.com/tutorials/web-design/create-an-apple-inspired-flash-preloader/">Create an Apple Inspired Flash Preloader</a> (Apple tarzı flash preloader yapımı)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0preloader.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.layersmagazine.com/flash-slideshow-image-gallery.html">Flash Slideshow Image Gallery</a> (Flash Slideshow resim galerisi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0slideshow.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.layersmagazine.com/right-on-cue.html">Taking Music from Adobe Soundbooth to Flash</a> (Adobe Soundbooth'dan Flash'a müzik alma)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0step02.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://www.layersmagazine.com/3d-space-project-with-adobe-flash-cs4.html">3D Space Project with Adobe Flash CS4</a> (Adove Flash cs4 ile 3d uzay projesi)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/03d-space.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.flashvalley.com/fv_tutorials/loading%20XML%20in%20Actionscript%203.0/">Loading XML in Actionscript 3.0</a> (Actionscript 3.0'da xml yükleme)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/0xml.jpg' alt="\"\"" border="0"><br></div> <p>ayrıca aşağıdaki yazıda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/youtube-dan-60-muthis-flash">Youtube'dan 60+ Müthiş Flash CS4 Dersi</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://colorburned.com/2009/07/most-wanted-flash-tutorials.html">colorburned.com</a> | <a href="http://www.graphicmania.net/most-wanted-flash-tutorials-2/">graphicmania.net</a></p> <strong>yazılarımı takip edebilirsiniz.</strong> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://delicious.com/lebron5">delicious</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/cok-aranan-10-flash-dersi ">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, 15 Jul 2009 09:01:00 GMT 217239@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/cok-aranan-10-flash-dersi iygadem <p><a href="http://wordpress.org/">Wordpress </a>için geliştirilmiş eklentiler içinde belki de en çok ihtiyaç duyulabileceklerden bir tanesi de<a href="http://www.rutschmann.biz/php-mysql-javascript-und-ajax/wordpress-multibox-plugin-en">multibox</a>eklentisi.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/enjoys/screenshot-3.jpg' alt="multibox" border="0"><br>multibox</div><br>Eklenti, Resim (jpg, bmp, png, gif) Flash Video (flv) Flash Movie (swf) Realmedia (rm, rmvb, rv) Windows Media Video (wmv) MP3 music Dosyası(mp3) HTML Dosyası PDF Dosyalarını, lightbox efekti kullanarak pencere içerisinde göstermeyi sağlıyor.<br>Bildiğimiz <a href="http://wordpress.org/">Wordpress </a>eklentileri gibi <strong>/wp-content/plugin</strong> klasörüne atarak kurulumu gerçekleştiriyoruz. Eklentiye <a href="http://wordpress.org/extend/plugins/wordpress-multibox-plugin/">buradan</a> ve <a href="http://www.rutschmann.biz/php-mysql-javascript-und-ajax/wordpress-multibox-plugin-en">buradan</a> demo sayfasına da <a href="http://www.rutschmann.biz/php-mysql-javascript-und-ajax/wordpress-multibox-plugin-en">buradan</a> ulaşabilirsiniz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/wordpress-icin-multibox-eklentisi ">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, 25 Jul 2009 10:35:00 GMT 217238@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/wordpress-icin-multibox-eklentisi iygadem <div class="imajsag"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-00.png' alt="\"\"" border="0"><br></div>Bir süre kodlama yaptıktan sonra artık kendinizi tekrar etmeye başlar, aslında ne kadar zeki olduğunuzu unutursunuz. Kaç yüz tane klavye kısayolunu hafızamızda tutuyoruz? Kaç tane kodlama dili öğrendik? Kaç tane çatı? Kaç tane hile? Web geliştirme/tasarım dünyasının zor bir endüstri olduğunu söylemek, işin kolayına kaçmak olur. Ayrıca bugün bildiğimiz şeylerin pek çoğu, birkaç yıl sonra artık kullanılmayan teknolojiler listesindeki yerini alacaktır. <p>Bugünkü yazımızda özellikle giriş seviyesindeki geliştiricilerin geliştirmek için harcadığı süreyi kısaltacak ve daha verimli şekilde kodlama yapabilmelerini sağlayacak bir dizi ipucunu bulacaksınız. İpuçlarının arasında zaman kazandıran ipuçlarının yanısıra bazı özel programlama dillerine özgü ipuçları sayesinde web uygulamalarınızın verimliliğini de arttırabileceksiniz.</p> <p><strong>Görsellerinizi Daha Fazla Sıkıştrın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-01.png' alt="\"\"" border="0"><br></div> <p>Photoshop üzerinde "Save for Web" (Web İçin Kaydet) aracını kulandığınız zaman, görsellerinizi sıkıştırarak dosya boyutunu indirgeyebilirsiniz. Ancak ilgili dosyaların kalitesinden ödün vermeden daha da fazla sıkıştırabileceğinizi biliyor muydunuz? <a href="http://www.smush.it/">Smush.It</a> adındaki bu site sizler için bu işlemi hallediyor.</p> <p><strong>Peki Bu Nasıl Mümkün Olabiliyor?</strong></p> <p><!-- buradan kes --></p> <p>Smush.It ekibi bunun için bir dizi araç kullanıyor:</p> <ul> <li>Görselin biçimini algılamak ve onu GIF ya da PNG'ye dönüştürmek için ImageMagick,</li> <li>PNGlerin gerekli olmayan bölümlerni kaldırmak için pngcrush. Site ayrıca daha da iyi png optimizasyonu için pngout, optipng, pngrewrite gibi diğer araçları da inceliyor,</li> <li>JPEGlerdeki tüm meta verilerini kaldırmak ve progresif JPEGler oluşturmak için jpegtran (şimdilik etkin değil),</li> <li>GIF animasyonlarını, farklı çerçevelerdeki tekrar eden pikselleri kaldırmak için gifsicle.</li> </ul> <p>Bu yüzden yeni bir sitenin duyurusunu yapmadan önce, sitenizin URL'sini Smush.It'e girerek tüm görsellerinizin otomatik olarak optimize edilmesini sağlayablirsiniz. Eğer site, görsellerinizi optimize ederek kalitesinden ödün vermeden dosya boyutunu önemli ölçüde düşürebilirse (ki büyük ihtimalle sonuç bu olacaktır), o zaman sitenizde kullandığınız görselleri Smush.It'in verdikleri ile değiştirebili ve gerekirse HTML ve CSS dosyalarınızı da güncelleyebilirsiniz. Hazır görsel dosya biçimlerinden bahsediyorken, dosyalarınızı PNG biçiminde kaydetmek her zaman en doğrusu olacaktır. Artık demode olan animasyonlu GIF görselleri kullanmadığınız sürece PNG biçimini kullanmayı alışkanlık haline getirin.</p> <p><strong>Akıllı Olun. Kod Parçacıkları Kullanın.</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-02.png' alt="\"\"" border="0"><br></div> <p>Pek çok IDE, "code snippet" (kod parçacığı) panelini destekler ve bu paneller aracılığı ile özellikle sık sık kullandığınız kod parçacıklarını kategoriler altında depolayabilirsiniz. Sırf müşterinize tasarımın nasıl olacağını göstermek için her seferinde <a href="http://www.lipsum.com/">lipsum.com</a> web sitesini ziyaret ederken mi buluyorsunuz? Bunun yerine neden birkaç paragraflık lorem ipsum metnini kod parçacığı olarak kaydetmeyesiniz ki? Örneğin Dreamweaver uygulamasında "Shift F9" klavye tuş kombinasyonunu kullanarak kod parçacığı sekmesini açabilirsiniz. Ardından sizin için uygulan olan kod parçacığını yine sizin için uygun olan yere sürükleyip bırakabilirsiniz. Bu özellik kod yazarken bana çok fazla zaman kazandırıyor.</p> <p><strong>Console.log() Hata Ayıklamasını Kullanın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-03.png' alt="\"\"" border="0"><br></div> <p>jQuery kütüphanesini indirdiniz ve sözdizimini anlamak için çabalıyorsunuz. Bu sırada bir yerde takıldığınız ve $bilmemne değişkenin neye eşit olduğunu bilmiyorsunuz. Sorun değil, tek yapmanız gereken <em>console.log($degiskenadi);</em> kodunu eklemeniz.</p> <p>Ardından Firefox'u çalıştırın (<a href="http://www.getfirebug.com/">Firebug</a> eklentisinin kurulu olduğundan emin olun) ve F12'ye basın. Doğru değişken değeri ile karşılaşacaksınız.</p> <p>Şimdi ise bunu sonsuzlukla çarpın ve zamanın derinliklerine götürün. Bunun sonucunda bile Firebug ve console.log()'un ne kadar kullanışlı olduğunu fark edemeyeceksiniz :)</p> <p><strong>Web Geliştirici Araç Çubuğunu İndirin</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-04.png' alt="\"\"" border="0"><br></div> <p><a href="http://chrispederick.com/">Chris Pederick</a> tarafından geliştirilen bu inanılmaz derecede yardımcı Firefox eklentisi size sayısız seçenek kuluyor. Bu eklenti sayesinde sitenizdeki CSS dosyalarını eşzamanlı olarak düzenleyebilmeniz mümkün. Eklentinin desteklediği diğer özellikler ise:</p> <ul> <li>JavaScript'i kolayca etkisizleştirmek,</li> <li>CSS'yi kolayca etkisizleştirmek,</li> <li>Hızlı HTML / CSS doğrulama bağlantıları,</li> <li>Cetveller,</li> <li>Çerezleri etkisizleştirme,</li> <li>Ve daha sayısız kullanışlı özellik.</li> </ul> <p><a href="https://addons.mozilla.org/firefox/addon/60">Web Developer Toolbar</a> eklentisi, her web geliştiricisinin Firebug ile birlikte kullanması gereken bir eklenti.</p> <p><strong>Betik Etiketlerini Alta Yerleştirmeyi Deneyin</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-05.png' alt="\"\"" border="0"><br></div> <p>Günümüzde kullandığımız pek çok tarayıcı, aynı sunucu adı üzerinden eş zamanlı olarak en fazla iki adet dosyayı indirebilir. Ancak bir betik indirirken diğer dosyaların indirilebilmesi için önce betiğin tamamen indirilmiş olması gerekir.</p> <p>Bu yüzden mümkün olduğu kadar betiklerinizi çağıran bu kodları belgenizin sonuna eklerseniz, görseller ve css gibi diğer bileşenlerin önce indirilip sitenizin görüntülenebilmesini, ardından da son olarak bu betiklerin indirilebilmesini sağlayabilirsiniz.</p> <p>Unutmayın, bu yöntem kullandığınız betiğin işlevine göre kullanılabilir ya da kullanılamayabilir. Bu sebeple betik kodlarınızı belgenizin alt kısmına taşıdıktan sonra sitenizi test etmeyi unutmayın.</p> <p><strong>Yayım Yaparken, CSS ve JavaScript Dosyalarınızı Sıkıştırın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-06.png' alt="\"\"" border="0"><br></div> <p>Eğer performans, web siteniz için önemli ise, o zaman sitenizi yayımlamadan hemen önce CSS ve JavaScript kodlarınızı sıkıştırmanızı öneririm. Bunu geliştirme işinizin en başından itibaren yapmaya kalkışmayın zira bunun size yarardan çok zararı dokunur. Ancak kodlamayı bitirdikten sonra kodunuzu sıkıştırabilirsiniz.</p> <p><strong>JavaScript Sıkıştırma Servisleri</strong></p> <ul> <li><a href="http://javascriptcompressor.com/">JavaScript Compressor</a></li> <li><a href="http://www.xmlforasp.net/JSCompressor.aspx">JS Compressor</a></li> </ul> <p><strong>CSS Sıkıştırma Servisleri</strong></p> <ul> <li><a href="http://www.cssoptimiser.com/">CSS Optimiser</a></li> <li><a href="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li> <li><a href="http://www.cleancss.com/">Clean CSS</a></li> </ul> <p>JavaScript kodlarını paketlemek için kullanabileceğiniz diğer iki servis ise <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> ve <a href="http://crockford.com/javascript/jsmin">JSMin</a>.</p> <p>Bnun yanısıra HTML kodlarınızı da sıkıştırmayı deneyebilirsiniz, ancak bunu önermem. HTML dosyalarınızı sıkıştırarak kazanacağınız dosya boyutu gerçekten çok az.</p> <p><strong>jQuery Kolay ve Hızlı İpuçları</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-07.png' alt="\"\"" border="0"><br></div> <p>Kısa bir süre önce <a href="http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx">tvdesign.co.uk</a>'den <em>Jon Hobbs-Smith</em>, 25 jQuery ipucunu listelediği mükemmel bir makale yazmıştı. Bu sayfayı yer imlerinize eklemeyi ihmal etmeyin. İşte bu yazıdan benim en beğendiğim birkaç ipucu.</p> <p><strong>jQuery'de Bir Elementin Olup Olmadığını Kontrol Etmek</strong></p> <code>if ($('#myDiv).length) {</code><br><code> // bu kod sadece #myDiv ID'sinin bulunduğu zaman çalışacaktır.</code><br><code>}</code> <p><strong>Kontekst Kullanın</strong></p> <p>Pek çok insan, DOM elementlerine erişirken, jQuery'nin ikinci bir parametreyi kabul ettiğinin farkında değildir. Aşağıdaki koda bir bakın.</p> <code>var myElement = $('#someElement');</code> <p>Bu kod, jQuery'nin tüm DOM'u geçmesini gerektirir. Bunun yerine ikinci bir parametre ekleyerek hızı oldukça arttırabiliriz.</p> <code>var myElement = $('#someElement', $('.someContainer'));</code> <p>Yukarıdaki kodda jQuery'e, <em>.someContainer</em> elementi içerisinde arama yapmasını ve onun dışındakileri dikkate almamasını söylüyoruz.</p> <p><strong>Sınıflar Yerine IDler Kullanın</strong></p> <p>jQuery ile IDlere erişirken, kütüphane bilinen <em>getElementById</em> yöntemini kullanır. Ancak sınıflara erişirken jQuery, DOM'u geçebilmek için kendine özgü yöntemleri kullanmayı dener, zira <em>getElementByClass</em> diye bir yöntem yoktur. Sonuç olarak, ID yerine sınıf kullanmanız durumunda işlem biraz daha uzayacaktır.</p> <ul> <li><a href="http://www.tvidesign.co.uk/blog/improve-your-jquery-25-excellent-tips.aspx">25 İpucunun Tamamını İnceleyin</a></li> </ul> <p><strong>$_POST Yerine Mümkünse $_GET Kullanın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-08.png' alt="\"\"" border="0"><br></div> <p>Eğer AJAX istekleri yaparken $_GET ve $_POST arasında bir seçim yapma şansınız varsa, $_GET kullanın.</p> <p><em>Yahoo! Mail ekibi, XMLHttpRequest kullanırken, POST'un tarayıcılar üzerinde iki işleme neden olduğunu görmüştür. POST, ilk olarak başlıkları, ardından da verinin kendisini göndermektedir. Bunun yerine GET kullanmanız durumunda, eğer çok fazla çereziniz yoksa, sadece bir TCP paketi gönderilmektedir.</em></p> <p>Unutmayın - $_GET verisini her zaman kullanamazsınız. ilk olarak ne yaptığınızdan emin olun ve querystring ile veritabanı erişimini hiçbir zaman karıştırmamanız gerektiğini unutmayın. Kısa bir süre önce Twitter arkadaşlarımdan bir tanesi, bana URL'sinde bir MySQL sözdizimi olan bir web sitesi gönderdi. <em>Bunu asla yapmayın!</em></p> <p><strong>Pratik Olduğunda Kütüphaneleri ve Çatıları Kullanın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-09.png' alt="\"\"" border="0"><br></div> <p>İster PHP kullanın ister ASP.NET, mooTools ya da jQuery, ya da tüm bunların bir birleşimi, uygun olduğu zamanlarda çatıları kullanmayı deneyin.</p> <p>Örneğin:</p> <ul> <li>Eğer basit bir statik web sitesi kullanıyorsam sadece fare imlecini bir elementin üzerine getirdiğimde bir efektin belirmesini istiyorsam, bunun için jQuery kütüphanesini kullanmam doğru olmaz.</li> <li>Eğer statik web sitemin en karmaşık özelliği bir XML dosyası üzerinden veri almak ise bunun için bir çatı kullanmama gerek yok. Bu gibi durumlarda sitem hem daha yavaş çalışacak, hem de daha fazla bant genişliği kullanacağı için bana daha pahalıya malolacak.</li> </ul> <p>Ancak eğer tam bir içerik yönetim sistemi ve karmaşık veri erişim yöntemlerini gerektiren bir web sitesi geliştiriyorsam, o zaman beğendiğim çatılara bir göz atmayı ihmal etmem.</p> <p>Unutmayın - çatıların sizin için çalışmasını sağlayın, tam tersini değil. Bu kararları verirken zeki olun.</p> <p><strong>YSlow</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-10.png' alt="\"\"" border="0"><br></div> <p>YSlow, web sitenizi inceleyip onun mümkün olan en verimli şekilde çalışıp çalışmadığını kontrol eden ve size öneriler sunabilen mükemmel bir servis. Yahoo! geliştirme ekibi, kısa bir süre önce, web uygulamaları geliştirirken takip etmeniz gereken öğelerin yer aldığı bir kılavuz yayımlamıştı.</p> <p>Ayrıca dilerseniz <a href="http://developer.yahoo.net/blog/archives/2007/08/yslow-podcast-screencast.html">Yslow Screencastı</a>'na bir göz atarak bu zaman kazandırıcı ipuçlarının neler olduğunu görebilirsiniz. Vaktiniz olduğunda kesinlikle izlemenizi öneririm.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-11.png' alt="\"\"" border="0"><br></div> <p><strong>Klavye Kısayolları. Öğrenin!</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-12.jpg' alt="\"\"" border="0"><br></div> <p>Pek çok deneyimli tasarımcılar ve geliştiriciler burada bana katılacaktır, eğer sitemde ya da tasarımımda ne zaman bir değişiklik yapmak istesem elimi fareye uzatıp araç çubuğuna gitmiş olsaydım, çok zaman kaybetmiş olurdum. Klavye kısayollarını o kadar uzun zamandan beri kullanıyorum ki artık bu kısayolların işlevlerin hangi araç çubuğu ya da hangi menü altında olduğunu unuttum diyebilirim. Tek bildiğim, "Shift X"in doğru paneli açtığıdır.</p> <p>İşe yeni başladığınızda bu kısayolları öğrenmek size zaman kaybı gibi görünebilir. Ancak sizi temin ederim ki yanılıyorsunuz. Size Google üzerinde "X keyboard shortcuts" (X klavye araması) (burada X kullandığınız yazılımın adını temsil ediyor, örneğin Photoshop için "Photoshop Keyboard Shortcuts") araması yapmanız. Ardınan bulduğuğnuz tablonun yazıcıdan çıktısını alın ve bilgisayarınızın yanına koyun. Ondan sonraki birkaç haftalık süre içerisinde fareye mümkün olduğu kadar az dokunarak bu kısayollar üzerinde pratik yapmayı deneyin. Klaye kısayollarını bilmek, uzman kullanıcılar ile giriş seviyesindeki kullanıcıları birbirinden ayıran belki de en önemli etkenlerden biridir.</p> <p><strong>Yeni Web Sitesi Şablonu Oluşturun</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-13.png' alt="\"\"" border="0"><br></div> <p>İtiraf edin, her web sitesi gelişmiş ve karmaşık uygulamalar gerektirmez. Bazen, hatta belki de kimileri için çoğu zaman, sadece bugüne kadar yaptığımız işlerin yer aldığı bir web sitesini göstermek isteyebiliriz. O zaman bu gibi durumlarda kullanabilmek için her yeni bir web sitesi oluşturacağımızda kullanacağımız bir web sitesi "şablonu" oluşturmayalım?</p> <p>"Template" klasörümün içerisine "JS" ve "CSS" klasörlerini yerleştirdim.</p> <ul> <li>"JS" klasörüm, <a href="http://nettuts.com/videos/screencasts/5-easy-ways-to-tackle-ie6s-transparency-issues/">DD_belatedPNG.js</a> dosyasını içeriyor (bu dosya, IE6'de PNGlere 24 bit saydamlık desteği getiriyor).</li> <li>"CSS" klasörümde ise içi boş "default.css" dosyamın yanısıra benim hazırladığım sıfırlama dosyası yer alıyor.</li> </ul> <p>Bunun yanısıra index.html(php) dosyamın içerisinde de projelerimin pek çoğunda kullanacağım birkaç kod parçası yer alıyor. Bu kod öyle aman aman özel bir kod değil ancak bunu önceden hazırlamak size zaman kazandıracaktır.</p> <ul> <li><a href="http://p00.org/bildirgec/20090404/index.html.txt">Kullandığım index.html dosyasının bir örneği</a></li> </ul> <p>Yukarıdaki kodda da göreceğinz üzere önce CSS ve JavaScript dosyalarıma bağlantı verdim ve ardından Google jQuery dosyasına da bağlantıyı ekledim. son olarak document.ready() jQuery fonksiyonunu oluşturdum ve standart "container" divimi açtım.</p> <p>Bu kod her ne kadar basit görünse de inanın size zaman kazandıracaktır. Bu sayede ne zaman yeni bir web sitesi oluşturmanız gerekirse, o zaman tek yapmanız gereken "template" klasörünün içerisindeki bu dosyaları kopyalamaktır.</p> <p><strong>Satıriçi ve Harici Karşı Karşıya</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-14.jpg' alt="\"\"" border="0"><br></div> <p>Genelde tüm CSS ve JavaScript dosyalarınız sayfadan çıkarılmalı ve kendi harici dosyalarında korunmalıdırlar.</p> <p><strong>Bunu neden yapmalıyız?</strong></p> <ul> <li>Daha temiz kod,</li> <li>Sunumun ve içeriğin birbirinden ayrılması önemlidir,</li> <li>Harici dosyalar kullanarak onları istemcinin sisteminde depolamış oluyoruz. Bu, HTML dosya boyutunu düşürmenin yanısıra harica HTTP isteğine de yol açmıyor, zira ziyaretçi ya da istemci ilgili dosyayı ilk kez istediğinde depoluyor ve sonraki seferlerde aynı dosyayı indirmiyor.</li> </ul> <p>Eğer sadece birkaç satırlık stiliniz var ise o zaman onun için harici dosya oluşturmayabilirsiniz. Bu gibi durumlarda, ama sadece bu gibi durumlarda, ilgili kodu HTML içerisine gömebilirsiniz.</p> <p><strong>PHP Betiğinin JavaScript İle Çağırılıp Çağırılmadığını Kontrol Edin</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-18.png' alt="\"\"" border="0"><br></div> <p>AJAX aldı başını gidiyor, özellikle en sonunda, JavaScript kütüphaneleri sağolsun, kullanıcı dostu hale geliyor. Bazı durumlarda betiğin JavaScript ile mi çağırılıp çağırılmadığını belirlemeniz gerekebilir. Bu görevi yerine getirmek için kullanabileceğiniz birkaç yöntem bulunmaktador.</p> <p>Bunlardan birisi POST'u gönderirken JavaScript'iniz ile özgün bir anahtar değerini JavaScript'inize iliştirmektir. Ardından PHP kullanarak bu anahtarın varolup olmadığını kontrol edebilirsiniz. Eğer var ise, o zaman JavaScript etkin olduğunu anlarız.</p> <p>Daha iyi bir yöntem olarak PHP'nin <em>HTTP_X_REQUESTED_WITH</em> özelliğini kullanmaktır. Şöyle ki...</p> <code>if isset($_SERVER['HTTP_X_REQUESTED_WITH']) {</code><br><code>// kodunuzu buraya yazın ve JavaScript'in etkin olduğundan emin olun</code><br><code>} else {</code><br><code>// JavaScript'in etkin olmadığı kullanıcılar için birleyler yapın.</code> <br><code>}</code> <p><strong>Google CDN'ye Bağlantı Verin</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-15.png' alt="\"\"" border="0"><br></div> <p>Kısa bir süre önce Google jQuery gibi popüler betikleri kendi sunucularında depolamaya başladı. Eğer bu tip kütüphanelerden birisini kullanıyorsanız, o zaman ilgili betiği kendi sunucunuzda depolamaktansa bu betikleri Google CDN üzerinden çağırmanız şiddetle önerilir.</p> <ul> <li><a href="http://code.google.com/apis/ajaxlibs/">AJAX Kütüphaneleri API'si</a></li> </ul> <p><strong>Peki Ama Neden?</strong></p> <ul> <li><strong>Caching (Depolama)</strong>: Bu tip betikleri Google CDN üzerinden çağıran web sitelerinin sayısı gün geçtikçe artmaktadır. Bu sebeple eğer siz de ilgili dosyayı Google sunucusu üzerinden çağırırsanız, ziyaretçiniz muhtemelen o dosyayı sizin siteniz üzerinden indirmeyecektir, zira bir başka site üzerinden aynı dosyayı daha önce indirmiş olabilir. İlgili dosyayı daha önce indirmiş bir ziyaretçi sizin sitenizi ziyaret ettiğinde istemci, Google sunucularından 304 (değiştirilmemiş) mesajı alacak, bu sebeple de o dosyayı doğrudan istemcinin yerel bilgisayarı üzerinden kullanacaktır. Bunun sonucunda da sizin web uygulamanız kullanıcıya daha çabuk açılacaktır.</li> <li><strong>Eş Zamanlılığı Arttırın</strong>: Daha önceki bir ipucunda bundan bahsettim. Bu fazladan dosya isteğini kaldırarak istemcinin daha fazla içeriği eş zamanlı olarak indirebilmesini sağlamış olursunuz.</li> </ul> <p><strong>Firefox Eklentilerini Kullanın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-16.png' alt="\"\"" border="0"><br></div> <p>Ben Google Chrome'nin büyük bir fanatiğiyim. Çok hızlı açılıyor ve JavaScript'i diğer tüm tarayıcılardan daha hızlı çalıştırıyor (Firefox'un henüz yayımlanmamış 3.1/3.5 sürümü sanırım Chrome'nin hızını yakalayacak).</p> <p>Buna rağmen bu, Firefox'u kısa bir süre içerisinde bırakacağım anlamına gelmiyor. Bu tarayıcın için sunulan bazı kullanışlı eklentiler gerçekten büyüleyici. İşte benim beğendiklerim:</p> <ul> <li><a href="https://addons.mozilla.org/firefox/addon/60">Web Developer Toolbar</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/3247">S3 Organizer</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/1347">Clippings</a></li> <li><a href="https://addons.mozilla.org/firefox/addon/1843">Firebug</a></li> <li><a href="https://addons.mozilla.org/firefox/addon/1419">IE Tab</a></li> <li><a href="http://fireftp.mozdev.org/">FireFTP</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/201">DownThemAll</a></li> <li><a href="https://addons.mozilla.org/firefox/addon/5369">YSlow</a></li> </ul> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-13b.png' alt="\"\"" border="0"><br></div> <p><strong>Yardımcı Olduğunda IDE Kullanın</strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/107-17.jpg' alt="\"\"" border="0"><br></div> <p>Tıpkı günümüzde Microsoft'tan nefret etmek ne kadar moda ise, geliştirme yaparken IDE kullananlara saldırmak ta o kadar moda. Bu gerçekten çok saçma.</p> <p>Pek çok durumda, gelişmiş bir IDE kullanımı çok önemlidir, özellikle nesne yönelimli programlama (OOP) dilleri üzerinde çalışırken. Şimdi, eğer sadece sade bir HTML şablonu oluşturuyorsanız, o zaman <a href="http://notepad-plus.sourceforge.net/uk/site.htm">Notepad++</a> ya da <a href="http://www.panic.com/coda/">Coda/</a> sizin için mükemmel bir araç olacaktır. Aslında, bu araçların kullanımını bu gibi durumlarda öneririm. İhtiyacınız olmadığında bu tip programları kullanarak işinizi daha da zorlaştırmayın. Ancak, gelişmiş uygulamalar geliştirirken, IDE'nin avantajlarından da faydalanın.</p> <p><strong>Hepsi Bu Kadar!</strong></p> <p>Sanırım şimdilik bu kadar yeterli. Umarım bunlardan bazıları (belki de hepsi) sizi daha iyi birer tasarımcı ya da geliştirici kılmaya yardımcı olacaktır. Sizin beğendiğiniz kısayollar hangileri? Yorumlarınızla paylaşın.</p> <ul> <li><div class="imajsag"><a href="http://pinkfloyd.bildirgec.org/rss.xml"><img src='http://www.bildirgec.org/imaj/pinkfloyd/pinkfloyd-rss.jpg' alt="\"\"" border="0"><br></a></div><strong>Kaynak</strong>: <a href="http://nettuts.com/articles/general/15-tips-to-speed-up-your-website-and-optimize-your-code/">NETTUTS</a></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/rss.xml">Yazılarımı RSS Üzerinden Takip Edin</a></strong></li> <li><strong><a href="http://twitter.com/pinkfloyd">@pinkfloyd twitter</a></strong></li> <li><strong><a href="http://pinkfloyd.bildirgec.org/">pinkfloyd köşesi</a></strong></li> <li><a href="http://www.oyyla.com/gonder?url=http://www.bildirgec.org/yazi/websitenizi-hizlandiracak-ve-kodunuzu-iyilestirecek/"><img src="http://www.oyyla.com/ld/oyyla-logo-16x16.gif" title="Bu yazıyı Oyyla!"> Oyyla!</a></li> </ul> <p><strong>İpuçları Hakkında Yazdığım Diğer Yazılar</strong></p> <ul> <li><a href="http://www.bildirgec.org/yazi/twitter-kullanicilari-icin-friendfeed-ipuclari">Twitter Kullanıcıları İçin FriendFeed İpuçları</a></li> <li><a href="http://www.bildirgec.org/yazi/digg-den-en-yuksek-seviyede">Digg'den En Yüksek Seviyede Faydalanmanın Yolları</a></li> <li><a href="http://www.bildirgec.org/yazi/sitenize-twitter-ekleyebilmenin-10-yolu">Sitenize Twitter Ekleyebilmenin 10 Yolu</a></li> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-kullanici-arayuz-tasarimi">İyi Bir Kullanıcı Arayüz Tasarımı İçin 12 Kullanışlı Teknik</a></li> <li><a href="http://www.bildirgec.org/yazi/website-erisilebilirligine-dikkat-etmek">Website Erişilebilirliğine Dikkat Etmek</a></li> <li><a href="http://www.bildirgec.org/yazi/css-de-yardima-ihtiyaciniz-oldugunda">CSS'de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak</a></li> <li><a href="http://www.bildirgec.org/yazi/buraya-tiklamayin-baglantilari-dogru-kullanmak">Buraya Tıklamayın! Bağlantıları Doğru Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/basliklarinizi-daha-kullanici-dostu-kilacak">Başlıklarınızı Daha Kullanıcı Dostu Kılacak 5 İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin">Çapraz Tarayıcı Uyumluluğu İçin Altın Değerinde İpuçları</a></li> <li><a href="http://www.bildirgec.org/yazi/iyi-bir-web-sitesinin-sahibi">İyi Bir Web Sitesinin Sahibi Olması Gereken 15 Anahtar Element</a></li> <li><a href="http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi">Öğrenilmesi Gereken 15 CSS Hilesi</a></li> <li><a href="http://www.bildirgec.org/yazi/sosyal-aglar-icin-15-arama">Sosyal Ağlar İçin 15 Arama Motoru Optimizasyonu İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasariminda-bosluklari-verimli-olarak">Web Tasarımında Boşlukları Verimli Olarak Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/kullanici-geri-bildirimleri-ile-sitenizin">Kullanıcı Geribildirimleri İle Sitenizin Kullanılırlığını Arttırmak</a></li> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-10-kullanilirlik">Web Tasarımcıları İçin 10 Kullanılırlık İpucu</a></li> <li><a href="http://www.bildirgec.org/yazi/google-servislerini-mobil-cihazinizla-senkronize">Google Servislerini Mobil Cihazınızla Senkronize Etmek</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/websitenizi-hizlandiracak-ve-kodunuzu-iyilestirecek ">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, 08 Apr 2009 07:06:00 GMT 203721@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/websitenizi-hizlandiracak-ve-kodunuzu-iyilestirecek iygadem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pavel kiselev/fences1.png' alt="\"\"" border="0"><br></div>Sadece windows'da çalışan <a href="http://www.stardock.com/products/fences/">Fences</a> (Çitler), karmakarışık masaüstünüzü kutulara bölüyor ve türlerine göre ikonlarınızı içlerine yerleştiriyor. <p><a href="http://www.stardock.com/products/windowblinds/">Windowblinds</a> yazılımından tanıdığımız <a href="http://www.stardock.com/">Stardock</a> firmasının ürünü olan Fences, kişisel kullanım için ücretsiz.</p> <p>İlk kurduğunuzda masaüstünüzü organize etmek üzere bir teklifte bulunuyor, ama kabul etmek zorunda değilsiniz. Kendi kutularınızı ve biriktirme mantığınızı kurmakta serbestsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pavel kiselev/fences2.png' alt="\"\"" border="0"><br></div><br>Ekran görüntülerinde <a href="http://lifehacker.com/">Lifehacker</a>'de bu yazılımı tanıtan <a href="http://lifehacker.com/people/HowToGeek/posts/">The-How-to-Geek</a> isimli arkadaşın Fences öncesi ve sonrası masaüstünün durumunu görebilirsiniz.</p> <p>En güzel özelliklerden biri de masaüstünüzün üzerinde boş bir yerde çift tıkladığınızda bütün ikonlarınızı gizlemesi.</p> <p><a href="http://lifehacker.com/5147316/fences-is-a-seriously-awesome-desktop-icon-organizer">Lifehacker</a>'da görülmüştür.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/fences-harika-bir-masaustu-organizatoru ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Fri, 06 Feb 2009 17:03:00 GMT 195913@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/fences-harika-bir-masaustu-organizatoru iygadem <div class="imajota"><img src='http://www.bildirgec.org/imaj/iygadem/bildirgec-japonca.jpg' alt="bildirgeç japonca" border="0"><br>bildirgeç japonca</div> <p><a href="http://translate.google.com/">Google</a>'dan beklenen adım nihayet geldi. Artık yabancı dildeki siteleri türkçe takip etmek mümkün . <br>Çoğumuzun daha önceden, çince ve arapça gibi latin harfler kullanmayan ya da bilmediğimiz dillerde yayınlanan çeşitli siteleri (belki ingilizceye çevrilmiş olarak) takip edebilmek için kullandığımız google'in <a href="http://translate.google.com/">çeviri sayfası</a> artık türkçe çeviriyi de mümkün kılıyor. Halen bir çok eksiği olsa da, devrim niteliğinde sayılan bu özellik, hiç şüphesiz google'ın internet dünyasında en büyük katkılarından biri.</p> <p><em>Türkçe çeviri hakkında bilgi vermek gerekirse, yukarıda bahsettiğimiz eksiklere Türkçe'nin çevrilebilirlik düzeyi de eklenince, istediğmiz düzgün sonuçları almak şimdilik pek mümkün olmuyor</em>.</p> <p>Ama hakkını vermek gerekirse, aşağıda bildirgeçin çeşitli dillere çevrilmiş halinden de anlaşılacağı üzere google çevirisinin siteyi takip edecek düzeyde yeterli olduğu hemen gözleniyor. <em>(Aşağıda Arapça ya da çince çevirlere bakarak ne demek istediğimi anlayabilirsiniz.)</em></p> <p>son olarak google çeviri sayfasının pek çok özelliğini saymak şimdilik mümkün görünmesede, yorum kısmında <strong><em>türkçe nerde google</em></strong> diye sordurtan <a href="http://www.bildirgec.org/yazi/google-yeni-diller-ogreniyor#yorum">şu bildirgeç yazısına bir link</a> vermeyi uygun görüyoruz.</p> <p><strong>iki önemli hususu</strong> belirtmekte fayda var.</p> <ol> <li>bunlardan birincisi çevirdiğiniz sayfanın herhangi bir yerine fareyi götürdüğünüzde <strong>o kısmın orjinal metnini görebiliyor hatta kendi çevirinizi önerebiliyorsunuz.</strong> <em>(<a href="http://translate.google.com/translate_tools?hl=en">şu sayfanın</a> en altına bakınız.)</em></li> <li>ikincisi ise 40 dilde hizmet veren bu servis şimdilik sadece sayfaları türkçeye çevirmekle yetiniyor. Geliştirilmesine devam eden servis için beklenen diğer özellikler ise de şu anda 21 farklı dilde sunulan geniş sözlük ve çapraz arama servislerinin Türkçe olarak da sunulması. (<a href="http://www.haber7.com/haber/20090201/Google-yabanci-siteleri-Turkce-yapti.php">bknz</a>)"</li> </ol> <p>aşağıya bildirgeç'in çeşitli dillere çevrilmiş hallerini ekledik. incelemekte fayda görüyoruz</p> <p><strong>bildirgec.org çevirisi için;</strong><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=en&swap=1">ingilizceye </a><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=es&swap=1&swap=1&swap=1&swap=1&swap=1">ispanyolcaya</a><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=de&swap=1&swap=1&swap=1&swap=1&swap=1&swap=1">almancaya</a></p> <p><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=fr&swap=1&swap=1&swap=1&swap=1">fransızcaya</a><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=ar&swap=1&swap=1">arapçaya</a><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=zh-CN&swap=1&swap=1&swap=1">çinceye</a><br><a href="http://translate.google.com/translate?prev=hp&hl=en&u=http%3A%2F%2Fwww.bildirgec.org%2F&sl=tr&tl=ja&swap=1&swap=1&swap=1&swap=1&swap=1&swap=1&swap=1">japoncaya</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/google-dan-beklenen-turkce-ye ">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, 01 Feb 2009 17:29:00 GMT 194874@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/google-dan-beklenen-turkce-ye iygadem <p>Eskiden, <a href="http://www.dot.tk/">www.dot.tk</a> adresinden ismimiz.tk şeklinde ücretsiz alan adı alabiliyorduk. Dot.tk yeni bir uygulama başlattı. Türkiye'den bağlanan kullanıcılara özel, ücretli alan adı kayıt sayfası oluşturdu. Bundan böyle yıllık 12.5 YTL ödeyerek ismimiz.tk şeklinde bir alan adına sahip olacağız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/dottktrregister.JPG' alt="dot.tk Türkiye için özel sayfa, domain satışı" border="0"><br>dot.tk Türkiye için özel sayfa, domain satışı</div><br>Fakat bu sadece Türkiye'den bağlanan kullanıcılar için geçerli.<br>Eğer dünyanın farklı bir yerinden bağlanıyorsanız, dot.tk sizlere sınırsız sayıda ücretsiz alan adı kaydetme hakkı veriyor.<br>İşte, biz de dünyanın başka bir yerindenmişiz gibi davranıp beleş domain kaydı yapıp kendimizle gurur duyacağız! He he :))</p> <p><!-- buradan kes --></p> <p>Öncelikle kendimize çevrimiçi vekil sunucu (online proxy) buluyoruz. Benim favorim: <a href="http://www.zend2.com/">zend2.com</a>, hemen gidelim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/zend2comonlineproxy.JPG' alt="zend2.com online proxy, çevrimiçi vekil sunucu adres çubuğu" border="0"><br>zend2.com online proxy, çevrimiçi vekil sunucu adres çubuğu</div><br>Açılan sayfada, resimde görüldüğü gibi adres kutusuna dot.tk yazıp <strong>go</strong> butonuna tıklatıyoruz (veya enter tuşuna basıyoruz, farketmez).<br>Ta taa, işte ecnebiler için dot.tk sayfası!<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/dottkforgavurs.JPG' alt="hey dünyalı! biz dostuz :))" border="0"><br>hey dünyalı! biz dostuz :))</div><br><strong>Login to My Dot Tk</strong> yazısını özellikle kırmızı elips içine aldım. Burayı yıklatıp giriş yapacağız.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/dottkloginorregister.JPG' alt="giriş yapmak veya yeni hesap açmak için" border="0"><br>giriş yapmak veya yeni hesap açmak için</div><br>Eğer daha önceden bir dot.tk hesabımız varsa buradan giriş yapacağız. Yoksa, kırmızı elips içinde görünen <strong>Web Domain</strong> yazısına tıklatacağız.<br>Üye girişi yapmış isek, <strong>Add a New Domain</strong> bağlantısını tıklatıp domain kontrol formuna ulaşıyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/registerdomain.JPG' alt="kendimize güzel bir isim seçelim..." border="0"><br>kendimize güzel bir isim seçelim...</div></p> <p>Daha önceden dot.tk üyeliğimiz yoksa, <strong>Web Domain</strong> bağlantısına tıklattıktan sonra açılan kutuya istediğimiz adı yazıp devam ediyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hayalci/selectdomainnewmember.JPG' alt="kendimize güzel bir isim seçelim..." border="0"><br>kendimize güzel bir isim seçelim...</div></p> <p>Dot.tk üzerinde tescil işlemi yaparken, geçerli bir yönlendirme adresi vermeniz şart. Ve adresin mutlaka <strong>http://www.</strong> ile başlaması gerekiyor, yoksa kaydınız sırasında hata mesajı verir. İsterseniz, <strong>http://www.bildirgec.org/uye/hayalci</strong> şeklindeki üyelik adresinizi de kullanabilirsiniz. fakat bir domain için kullandıktan sonra, başka bir domain için aynı adresi kullanamazsınız.</p> <p>Beleş alan adlarınız hayırlı olsun.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/bedavadomain-tk-ustelik-sinirsiz-sayida ">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, 18 Oct 2008 20:35:00 GMT 194606@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/bedavadomain-tk-ustelik-sinirsiz-sayida iygadem <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ayolcay/yazarak-kazan.JPG' alt="\"\"" border="0"><br></div><a href="http://www.bildirgec.org/">Bildirgec</a>’in de bağlı oldu <a href="http://www.pilli.com/">Pilli Network</a> grubu üyelerinin oluşturduğu içerikle gelir elde eden daha sonra bu gelirin %70’ini içeriğin oluşmasında katkıda bulunan ziyaretçileri ile paylaşan bir web girişimi. Pilli Grubunun şu an 100.000’e yaklaşan bir üye kitlesi var. Tabiki bu üyelerin büyük bir kısmı okur geri kalan kısmı ise hem okur hem yazar yani sadece okumakla kaymayıp içeriğe de katkıda bulunuyorlar. Karşılığında ise yazılarının okunma oranına bağlı olarak bir miktar gelir elde ediyorlar. <p>Bildirgec’e günde yaklaşık 10-20 yazı ekleniyor. Bunların çoğunluğu internet teknolojileri ile ilgili. Google, wordpress, css, firefox, tema ve eklenti benim gözlemlediğim en popüler etiketler.</p> <p>Kimi yazarlar sadece 5dk ayırıp bir resim bir kaç satır da yazı ekleyerek ziyaretçileri bilgilendirmeye çalışırken kimileri de saatlerini ayırıp ortaya çok kapsamlı bir kaynak çıkarma derdinde. Kimi yazarlar 100. yazısını bile görmüşken kimileri daha birinci ikinci yazısında sıkılıp bildirgeç yazarı olmaktan vaz geçiyorlar. Yazarları da bence 3’e ayırmak mümküm düzenli ve sık yazan yazarlar, düzenli ama arasıra yazan yazarlar, 1-2 defa yazıp sıkılıp gidenler. Ben sonuncu gruptan birinci gruba geçmeye calışan bir bildirgeç yazarıyım.</p> <p>Bence Bildirgeç’i sadece bir gelir kaynağı veya sadece bir bilgi kaynağı olarak görmek yanlış. Bence bildirgeç ayrıca aynı yolda kürek çeken, aynı alanlara ilgi duyan kişileri buluşturan bir sosyal platform.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/ayolcay/yazar-araniyor.JPG' alt="\"\"" border="0"><br></div>Yurt dışında Bildirgeç gibi gelirini içeriğin oluşmasında katkıda bulan üyeleri ile paylaşan bir çok web sitesi var. Hatta bu bir meslek haline bile gelmiş olacak ki google adsense reklamlarında bile bunu görmek mümkün. Ben de İngilizcesine güvenenler için bu siteleri derlemeye çalıştım.<br><br><div class="imajsol"><a href="http://www.About.Com"><img src='http://www.bildirgec.org/imaj/ayolcay/about.JPG' alt="\"\"" border="0"><br></a></div><a href="http://www.About.Com">About.Com</a>, içeriğini üyelerin oluşturduğu ve gelirini üyeleri ile paylaşan ilk ve en etkili web sitelerinden biri. Bu nedenle çok büyük bir tecrübeye ve ziyaretçi kitlesine sahipler. <p>Yazarlar konusunda çok seçici <a href="http://beaguide.about.com/index.htm">davranıyor</a>. Başvuran yazar adaylarını bir aylık bir deneme periyodundan geçirdikten sonra sisteme dahil edip etmemeye karar veriyorlar. Ancak sisteme dahil olduktan sonra aylık bir taban miktarda size ödeme yapmayı vaad ediyorlar.</p> <p>İlk başta kendinize bir konu belirleyip bu konuda rehber olmak için başvurmanız <a href="http://beaguide.about.com/index.htm">gerekiyor</a>. Kabul edildiğinizde $725 taban üzerinden ödeme yapılıyor. Bu da demek oluyor ki elinize aylık en az $725 geçecek fazlası cabası. Ancak bir konuda rehber olabilmek için o konuda gerçekten uzman olduğunuzu kanıtmanız gerekiyor. <a href="http://beaguide.about.com/topics.htm">Konular arasında saç dökülmesi, prostat kanseri, dağcılık bile var.</a> Eğer İngilizcenize güveniyor ve kendinizi <a href="http://beaguide.about.com/topics.htm">listede belirtilen alanlarda uzman</a> görüyorsanız hiç beklemeden başvuunuzu yapın. Belki de aylık $725’dan başlayan miktarlardaki ek gelire sahip olan siz olursunuz. Bir de unutmadan About.com’un arkasında <a href="http://www.nytimes.com">The NewYork Times</a> gibi bir medya devi var.<br></p> <div class="imajsol"><a href="http://www.suite101.com/"><img src='http://www.bildirgec.org/imaj/ayolcay/suite.JPG' alt="\"\"" border="0"><br></a></div><a href="http://www.suite101.com/">Suite101</a> de müzikten seyahate, teknolojiden tarihe kadar 20 tane ana başlık var. Her ana başlık için bir editör ve 10’larca yazar var. Örneğin <a href="http://www.suite101.com/technology/">teknloji ana başlığında</a> yazan 50 tane aktif yazar var. Teknoloji ana başlığı altında da internetten araba satın almaya kadar 16 tane alt başlık var. Örneğin internet alt başlığı altında 7 tane aktif yazar var. 10 yıldır faal olan Suite101’de 900 civarında yazar tarafından 20 ana başlık, 400 konu ve 3000 kategori ismi altında yazılmış 95.000’e yakın yazı var. <p>Site şu an serbest yazar <a href="http://www.suite101.com/freelance_writers/">arıyor</a>. Contributing writer ve feature writer olmak üzere <a href="http://www.suite101.com/writer_levels">iki çeşit yazarlık çeşidi var</a>. Bu ikisi arasında gelir paylaşımda ve yazardan beklenen performansta farklıklar var. Her 1000 ziyaretçi için $2 civarında ödeme yapıyor. Suite101’in yakın zamanda yeni yazar kadrosuyla çok daha fazla büyümesi bekleniyor. Eğer ingilizcenize güveniyor ve hafta da en az bir makale yayınlayacağınıza inanıyorsanız Suite101 yazarak kazanmak için iyi bir seçim. <br><div class="imajsol"><a href="http://www.helium.com/"><img src='http://www.bildirgec.org/imaj/ayolcay/helium.JPG' alt="\"\"" border="0"><br></a></div><br><a href="http://www.helium.com/">Helium</a>’da 45binin üzerinde serbest yazar 24 ana başlık altında binlerce konu ile ilgili yazı yazıyor. Sitede 300.000’in üzerinde yazı var. Yazarları seçerken Suite101 kadar seçici davranmıyorlar. Bu yazar sayısından da anlaşılıyor. Sisteme katılmak ne kadar kolaysa sistemden kazanılan para da bir o kadar az. Ancak benim parada pulda gözüm yok maksat muabbet derseniz Helium tam size göre.<br></p> <div class="imajsol"><a href="http://www.lifetips.com"><img src='http://www.bildirgec.org/imaj/ayolcay/lifetips.JPG' alt="\"\"" border="0"></a><br></div><a href="http://www.lifetips.com">LifeTips</a> de burada tanıtılan diğer siteler gibi gelirini içerik sağlayan üyeleri ile paylaşıyor. Ancak sistemleri daha farklı LifeTips’in birincil gelir kaynağı içeriğini kullandırdığı <a href="http://www.lifetips.com/services/web-content-development.html">web siteleri veya şirketler</a>. Yani üyelerin sağladığı içeriği başka sitelere satıyorlar. Siteye eklenen her bir yazı için size $10 ile $250 arasında ödeme yapıyorlar. Ayrıca uzman olduğunuz bir konuda sizin tüm yazılarınızı derleyip kitap haline getirip yayınlıyorlar. Karşılığında size her kitap başına $3 ödeme yapıyorlar. Böyle internette yaz yaz olmuyor keşke bir de kitabım olsa diyenler için <a href="http://www.lifetips.com/guru/become-a-guru.html">LifeTips ideal</a>. Şu an sitede 100.000’in üzerinde yazı var bunlardan birisi de sizin olabilir. <p>Burada sadece 4 tane siteyi inceledim bunlar dışında daha birçok site var. Elektronik ürünlerin yorumlandığı siteler, online alışveriş sepetinin oluşturulup paylaşıldığı siteler, mekan ve otel değerlendirlerinin yapıldığı siteler gibi belirli konularda yoğunlaşan siteler de mevcut. Ben bu 4 siteyi tanıtarak size sadece bir pencere açtım. Eğer bu iş tam bana göre derseniz Google elinizin altında. Eğer bu konuda başka kaynaklara ve bilgilere ulaşırsanız buradan hem benimle hem de diğer arkadaşlarla paylaşırsanız sevinirim.</p> <p>İşinizi kolaylaştırması için Google'da kullanabileceğiniz anahtar kelimeler <a href="http://www.google.com.tr/search?as_q=make+money+writing&hl=tr&num=100&btnG=Google%27da+Ara&as_epq=&as_oq=&as_eq=&lr=&as_ft=i&as_filetype=&as_qdr=all&as_occt=any&as_dt=i&as_sitesearch=&as_rights=">make money writing</a>, <a href="http://www.google.com.tr/search?num=100&hl=tr&as_qdr=all&q=freelance+writer&btnG=Ara&meta=">freelance writer</a>, <a href="http://www.google.com.tr/search?num=100&hl=tr&as_qdr=all&q=make+money+as+a+freelance+writer&btnG=Ara&meta=">make money as a freelance writer</a>, <a href="http://www.google.com.tr/search?num=100&hl=tr&as_qdr=all&q=make+money+with+freelance+writer&btnG=Ara&meta=">Make Money with Freelance Writing</a>, <a href="http://www.google.com.tr/search?num=100&hl=tr&as_qdr=all&q=make+money+online+writing&btnG=Ara&meta=">make money online writing</a>.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/iygadem">iygadem</a> tarafından <a href=" http://www.bildirgec.org/yazi/yabanci-bildirgec-ler-yazarak-para-kazan ">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, 22 Aug 2007 10:00:00 GMT 187529@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/yabanci-bildirgec-ler-yazarak-para-kazan