http://www.bildirgec.org/ tr-tr 40 bildirgec.org - oktayx - beğendikleri oktayx <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/oktayx">oktayx</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 239507@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/evden-web-yayini-yapin oktayx <p>Web tasarımı bu günlerde <a href="http://www.bildirgec.org/ara/HTML5">HTML5</a> ve <a href="http://www.bildirgec.org/ara/CSS3">CSS3</a> ile büyük bir Upgrade yaşamakta. Tarayıcı desteklerinin giderek artması ile somut kullanımını giderek daha sık görmeye başladığımız, web dillerinin bu yeni versiyonları için hazırlanmış örnekleri ve eğitimleri, ilgili web sitelerinde çok daha fazla sayıda görmek mümkün.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/css3-2601.jpg' alt="\"\"" border="0"><br></div><br>Aşağıda listelenmiş olan CSS3 eğitimleri (teknikler, örnekler) ile, daha önceleri yapamadığınız veya yapmak için ek bazı dosyalara/görsellere ihtiyaç duyduğunuz, "göreni kendisine hayran bırakan" tasarımsal özellikleri, CSS3 ile nasıl yapabileceğinizi öğrenebilir ve hemen denemeye başlayabilirsiniz.</p> <p><a href="http://www.apple.com/html5/">Apple HTML5 Showcase</a>: Apple tarafından yakın zaman önce açılan ve içeriğinde HTML5 ve CSS3 tekniklerinin bulunduğu bir tanıtım sayfası.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/6aa3441e204b4690940bfc7.png' alt="\"\"" border="0"><br></div><br><a href="http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba">CSS3 Butonlar</a> - <a href="http://www.zurb.com/playground">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/zurb-css3-buttons.jpg' alt="\"\"" border="0"><br></div><br><a href="http://blog.darkcrimson.com/2010/04/practical-css3/">CSS3 İle Sütun Grafikler (Bar Graph)</a> - <a href="http://blog.darkcrimson.com/samples/css3/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/css3-graphs.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.webdesignerwall.com/tutorials/css3-dropdown-menu/">CSS3 Aşağı Açılır Menü (Dropdown Menu)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/css-gradient-dropdown-menu-1.jpg' alt="\"\"" border="0"><br></div><br><a href="http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/">CSS3 Konuşma Balonları (Speech Bubbles)</a> - <a href="http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/basic-css-speech-bubbles.jpg' alt="\"\"" border="0"><br></div><br><a href="http://www.impressivewebs.com/css3-border-radius-hover">CSS3 Yuvarlak Kenarlar ve imleç etkileşimi (Border Radius Hover States)</a> - <a href="http://www.impressivewebs.com/demo-files/border-radius-hover/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/css-rounded-hover.jpg' alt="\"\"" border="0"><br></div><br><a href="http://carsonified.com/blog/design/css3-design/advanced-css3-box-shadow-techniques/">CSS3 Gölgeleme (Box Shadow)</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/css3-box-shadow.jpg' alt="\"\"" border="0"><br></div><br><b>[Bonus+++++] </b><br><b>+</b><a href="http://www.bildirgec.org/yazi/flash-ile-gorsellere-buyutec-etkisi">Flash ile Görsellere Büyüteç Etkisi!</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/tweetmojo-ile-webcam-li-tweetler">Tweetmojo İle Webcam'li Tweetler!</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-scrollable-ile-web-sayfalarini">jQuery Scrollable ile Web Sayfalarını Hareketlendirin!</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/tasarimcilar-icin-ucretsiz-legal-ve">Tasarımcılar İçin Ücretsiz, Legal ve Kaliteli Kaynaklar</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>[Kaynak] </b><a href="http://mashable.com/2010/06/04/awesome-css3-techniques/">mashable</a><br><b>[Paylaş] </b>Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada</a>.<br><b>[algoz Takip Noktaları]</b> <a href="http://www.bildirgec.org/uye/algoz">Bildirgeç Profil</a><br><a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FF</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://www.facebook.com/apps/application.php?id=72753904126">Facebook</a> <a href="http://apps.facebook.com/algozzz/">+</a> <a href="http://www.google.com/profiles/algozzzzz">Buzz</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>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/harikulade-css3-tekniklerinden-bir-demet ">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, 07 Jun 2010 12:04:00 GMT 237335@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/harikulade-css3-tekniklerinden-bir-demet oktayx <p><strong>HTML5</strong> ve <strong>CSS3</strong> yeni olmasına rağmen web tasarımcıları oldukça başarılı uygulamalar yapıyorlar. Klasik tasarımların aksine daha renkli ve interaktif tasarımlar kullanıcılar tarafından daha dikkat çekici ve taha tatmin edici gözüküyor. Ayrıca masaüstü uygulamalarından yapabildiğiniz birçok özelliği artık interaktif olarak tarayıcılar üzerinden de kullanabiliyoruz. Muhteşem <a href="http://bildirgec.org/ara/html5">HTML5</a> ve <a href="http://bildirgec.org/ara/css3">CSS3</a> Uygulamaları;</p> <p><a href="http://tutorialzine.com/2010/04/carbon-signup-form/">Carbon Fiber Signup Form</a> - <a href="http://demo.tutorialzine.com/2010/04/carbon-signup-form/demo.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/cfib.png' alt="\"\"" border="0"><br></div><br>Html5, css3 ve <a href="http://bildirgec.org/ara/jquery">jQuery</a> ile yapılan bu uygulama gelişmiş bir form sistemidir. Formlarda yer alan sıradışı parlak efekti ziyaretçiler tarafından oldukça dikkat çekici. jQuery ile yapılan <a href="http://bildirgec.org/ara/tooltip">tooltip</a> özelliği sayesinde kullanıcılarınız istenilen dışında formu doldururlarsa hata mesajı veriyor.</p> <p><a href="http://stiern.com/tutorials/create-a-cool-messy-list-with-css3-and-nth-child">Create a Cool Messy List with CSS3 and nth-child</a> - <a href="http://dl.dropbox.com/u/32709/stiern/messylist/index.html">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/messylist-thumb.png' alt="\"\"" border="0"><br></div><br>Bu css3 ve Html5 ile yapılan uygulama ile web sitenizdeki blogları istediğiniz şekilde yana yatırarak eğim oluşturabilirsiniz. Ayrıca bunu yaparken içeriğinede aynı şekilde eğimi uygulayabilirsiniz.</p> <p><!-- buradan kes --></p> <p><a href="http://www.impressivewebs.com/css3-glow-tabs/">CSS3 Glow Tabs</a> - <a href="http://www.impressivewebs.com/demo-files/css3-glow-tabs/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/jquery-conf-tabs.jpg' alt="\"\"" border="0"><br></div><br><strong>CSS3 Glow Tabs</strong> sayesinde <a href="http://bildirgec.org/ara/web 2.0">web 2.0</a> ile gelen tab özelliğini web sayfanıza ekleyerek yeni sayfa yüklenme derdinden kullanıcılarınızı kurtarabilirsiniz. Tek sayfa içerisine birden fazla sayfayı bu css3 kullanan uygulama ile gerçekleştirebilirsiniz.</p> <p><a href="http://tympanus.net/codrops/2010/04/26/elegant-accordion-with-jquery-and-css3/">Elegant Accordion with jQuery and CSS3</a> - <a href="http://tympanus.net/Tutorials/ElegantAccordion/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/elegantacc.png' alt="\"\"" border="0"><br></div><br>Elegant Accordion slider uygulaması sayesinde farklı menüler veya ürünlerinizi tanıtacağınız farklı içerikler yaratabilirsiniz. jQuery ve css3 bileşimi bu uygulama sayesinde blogların içerisine istediğinizi yerleştirmekte özgürsünüz.</p> <p><a href="http://tympanus.net/codrops/2010/05/03/pimp-your-tables-with-css3/">Pimp Your Tables with CSS3</a> - <a href="http://tympanus.net/Tutorials/CSS3Tables/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/pimptables.jpg' alt="\"\"" border="0"><br></div><br><strong>css3</strong> ile yapılan bu farklı uygulama ile benzersiz tablolar yapabilir ve içeriğini istediğiniz gibi doldurabilirsiniz. Farklı temalarını uygulayabilir veya siz kendi temanızı oluşturabilirsiniz.</p> <p><a href="http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/">Create a Speech-Bubble Tooltip using CSS3 and jQuery</a> - <a href="http://css-plus.com/examples/2010/04/speech-bubble-tooltip/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/spbub.gif' alt="\"\"" border="0"><br></div><br>Bu tooltip eklentisi diğerlerinin aksine sadece jQuery kullanılarak değil css3 kullanılarakta oldukça renklendirilmiş. Web sitenizde yer alan metinlere bu uygulama sayesinde kısa bilgi notları düşebilirsiniz. Ayrıca bunu yaparken kullanıcılarınızn yeni sayfa açma zahmetinden kurtarmış olursunuz.</p> <p><a href="http://www.marcofolio.net/webdesign/jquery_quickie_colourful_rating_system_with_css3.html">Colourful rating system with CSS3</a> - <a href="http://demo.marcofolio.net/colourful_rating_system/">Demo</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/colourful-rating-system.png' alt="\"\"" border="0"><br></div><br><strong>Colourful rating system</strong>, diğer oylama uygulamarından farklı olarak css3 kullanılarak oldukça hoş bir görünüme sahip.Her nota bilgiler ekleyebileceğiniz gibi (5 üzerinden 1- çok kötü, 5 üzerinden 4-güzel vs.) hepsinde farklı renk tonları kullanabilirsiniz.</p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/css-3-ogrenmek-icin-en">CSS 3 öğrenmek için en iyi dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-ile-hazirlanan-oyun-uygulamalari">jQuery ile Hazırlanan Oyun Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-css3-uygulamalari">Birbirinden Farklı CSS3 Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/css3-ve-jquery-uygulamari">css3 ve jQuery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/en-iyi-jquery-upload-uygulamalari">En iyi jQuery Upload uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-buton-uygulamalari">jQuery buton Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/siradisi-sunumlari-icin-jfancytile">Sıradışı sunumları için: jFancyTile</a></li> <li><a href="http://www.bildirgec.org/yazi/jquery-form-uygulamalari">jQuery Form Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/wordpress-icin-jquery-uygulamalari">WordPress için jQuery Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/farkli-jquery-uygulamalari">Farklı jQuery uygulamaları</a></li> </ul> <p><strong>angelsdemos</strong> : <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynaklar :</strong> <a href="http://www.impressivewebs.com/">impressivewebs</a>, <a href="http://www.tutorialzine.com">tutorialzine</a>, <a href="http://tympanus.net/">tympanus</a>, <a href="http://www.css-plus.com">css-plus</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/muhtesem-html5-ve-css3-uygulamalari ">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, 17 May 2010 06:36:00 GMT 236861@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/muhtesem-html5-ve-css3-uygulamalari oktayx <p><a href="http://www.bildirgec.org/ara/">jQuery</a> tabanlı olarak hazırlanmış, tasarımsal ve işlevsel müdahalelere imkan veren, popüler web video oynatıcısı (Web Media Player) <b>JW Player</b>, yeni <a href="http://www.bildirgec.org/ara/HTML5">HTML5</a> versiyonu olan <b>JW Player for HTML5</b> oynatıcısını, beta olarak kullanıma sundu.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/1b4daffe4b904e0da24ea92.png' alt="\"\"" border="0"><br><img src='http://www.bildirgec.org/imaj/algoz/409bc57c12684f879318354.png' alt="\"\"" border="0"><br></div><br>Web içeriği denince akla ilk gelen içerik türü olan videoların, kullanıcılar tarafından web sayfalarından kolayca oynatılabilmesini sağlayan web video oynatıcılarına iyi bir örnek olan <b>JW Player for HTML5</b>, bir oynatıcıda olması gereken birçok özelliği bünyesinde taşımasının yanında diğer bir önemli özelliği ise, HTML5 desteği olayan tarayıcılarda otomatik olarak Flash versiyonunu göreve çağırması.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/2eb52420902a4edc911dd4f.png' alt="\"\"" border="0"><br></div><br><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-html5">JW Player for HTML5</a> uygulamasına hemen <a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-html5">buradan</a> giderek dokümanlarını inceleyebilir ve kendisini indirebilirsiniz.Demo gösterimi ise <a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-html5/11899/custom-player-skin">burada</a>.</p> <p><!-- buradan kes --></p> <p><b>[Bonus+++++] </b><br><b>+</b><a href="http://www.bildirgec.org/yazi/etkileyici-bildirimler-bir-jquery-eklentisi">Etkileyici Bildirimler Bir JQuery Eklentisi: Gritter</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/once-graffiti-ciz-sonra-twitter">Önce Graffiti Çiz Sonra Twitter'da Paylaş</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/facebook-ve-twitter-savorchat-te">Facebook ve Twitter Savorchat'te Buluştu</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/videolarinizi-iphone-3gs-ten-tweetleyin">Videolarınızı iPhone 3GS'ten Tweetleyin!</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/ms-office-web-tabanli-ve">MS Office Web Tabanlı ve Ücretsiz Olarak Geliyor</a><br><b>[Kaynak] </b><a href="http://www.longtailvideo.com/support/jw-player/jw-player-for-html5">JW Player for HTML5</a><br><b>[Paylaş] </b>Sosyal Medya paylaşım sayfası <a href="http://www.addthis.com/bookmark.php">burada!</a><br><b>[algoz Takip Noktaları]</b> <a href="http://www.bildirgec.org/uye/algoz">Bildirgeç Profil</a><br><a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FF</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://www.facebook.com/apps/application.php?id=72753904126">Facebook</a> <a href="http://apps.facebook.com/algozzz/">+</a> <a href="http://www.google.com/profiles/algozzzzz">Buzz</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/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/etkileyici-bir-html5-video-oynaticisi ">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, 17 May 2010 12:44:00 GMT 236860@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/etkileyici-bir-html5-video-oynaticisi oktayx <p>Mini <a href="http://www.bildirgec.org/ara/ikon">ikon</a>ların daha fazla tercih edilmelerinin nedeni daha az yer kaplamalarıdır. Böylece sayfalar daha hızlı açılır. Fakat az alan kaplayan bu ikonların görselliğininde önemli olması gerekmektedir. İşte en çok kullanılan mini ikon setleri:</p> <p><a href="http://www.tutorial9.net/resources/108-mono-icons-huge-set-of-minimal-icons/">Mono Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-1.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://webdesignledger.com/wp-content/uploads/2010/01/minimal_icons_2.jpg">Pictodeck</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-2.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://jorgengedeon.deviantart.com/art/The-Webdesigner-Sketchup-Icons-123984910">The Webdesigner Sketchup Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-3.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://www.dezinerfolio.com/freebie/30-free-vector-icons">Free Vector Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-4.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://pictoico.com/">Pictoico</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-5.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://brsev.deviantart.com/art/Token-128429570">Token</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-6.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://glyphish.com/">Glyphish</a> (<em>130 ikon</em>)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-7.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.brightmix.com/blog/more-icons-in-the-brightmix-icon-set-free-for-all/">BrightMix</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-8.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://picol.org/icon_library.php">BrightMix</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-9.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://plainbeta.com/downloads/pixelated-a-lightweight-iconkit/">Pixelated</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-10.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://code.google.com/p/twotiny/">Two Tone Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-11.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.brandspankingnew.net/archive/2006/12/hohoho.html">Mini Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-12.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.icojoy.com/articles/28/">BackToPixel</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-13.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://somerandomdude.com/projects/iconic/">Iconic</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-14.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://bs-markup.de/iconsets">Kostenlose Icons</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/minimal-icons-15.jpg' alt="\"\"" border="0"><br></div></p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-online-araclar">Web Tasarımcıları için Online Araçlar</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ikon-setleri">Popüler İkon Setleri</a></li> <li><a href="http://www.bildirgec.org/yazi/sifirdan-illustrator-ogrenebileceginiz-dersler">sıfırdan illustrator öğrenebileceğiniz dersler</a></li> <li><a href="http://www.bildirgec.org/yazi/birbirinden-farkli-yaratici-jquery-uygulamari">Birbirinden Farklı yaratıcı jquery uygulamarı</a></li> <li><a href="http://www.bildirgec.org/yazi/chrome-un-en-populer-eklentileri">Chrome'un En Popüler Eklentileri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-iyi-fontlari">2009'un En iyi Fontları</a></li> <li><a href="http://www.bildirgec.org/yazi/populer-ekran-goruntusu-alma-servisleri">Popüler Ekran Görüntüsü Alma Servisleri</a></li> <li><a href="http://www.bildirgec.org/yazi/2009-un-en-populer-photoshop">2009'un En Popüler Photoshop Dersleri</a></li> <li><a href="http://www.bildirgec.org/yazi/ilham-verici-404-sayfasi-tasarimlari">İlham verici 404 Sayfası Tasarımları</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://twitter.com/bildirgec">Twitter</a> | <a href="mailto:angelsdemos@gmail.com">Email</a> | <a href="http://angelsdemos.bildirgec.org/rss.xml">RSS</a></p> <p><strong>Kaynak ;</strong> <a href="http://webdesignledger.com/freebies/the-best-icon-sets-for-minimal-style-web-design">wdl</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/populer-mini-ikon-setleri ">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, 22 Jan 2010 11:53:00 GMT 232646@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/populer-mini-ikon-setleri oktayx <p><a href="http://www.bildirgec.org/ara/e-ticaret%20siteleri">E-Ticaret siteleri</a> ziyaretçilerine <a href="http://www.bildirgec.org/ara/al%C4%B1%C5%9Fveri%C5%9F">alışveriş</a> imkanı verdiği için her bölümü çok önemlidir. Kötü bir <a href="http://www.bildirgec.org/ara/tasar%C4%B1m">tasarım</a> ve alt yapı ziyaretçiye olumsuz bir izlenim bırakacaktır. Aşağıda size <a href="http://www.bildirgec.org/ara/ilham%20kayna%C4%9F%C4%B1">ilham kaynağı</a> olabilecek 35 harika <a href="http://www.bildirgec.org/ara/e-ticaret">e-ticaret</a> sitesi kullanıcı <a href="http://www.bildirgec.org/ara/aray%C3%BCz">arayüz</a> tasarımları yer almaktadır.</p> <p>1. <a href="http://www.freepeople.com/">Free People</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-1.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://www.rapha.cc/">Rapha</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-2.jpg' alt="\"\"" border="0"><br></div> <p>3. <a href="http://www.mousetominx.co.uk/">Mouse to Minx</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-3.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>4. <a href="http://www.eties.it/en/">eties</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-4.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.ralphlauren.com/">Ralph Lauren</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-5.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.whiteandwarren.com/">White + Warren</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-6.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.hereitself.com/">Itself</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-7.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.rei.com/">REI</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-8.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://www.lanebryant.com/">Lane Bryant</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-11.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.asos.com/">Asos</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-9.jpg' alt="\"\"" border="0"><br></div> <p>11. <a href="http://www.russellmackenna.com/">Russell & MacKenna</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-10.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://jaqkcellars.com/">Jaqk Cellars</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-12.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://www.bcbg.com/">BCBGMAXAZRIA</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-13.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://www2.victoriassecret.com/">Victoria’s Secret</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-14.jpg' alt="\"\"" border="0"><br></div> <p>15. <a href="http://inkd.com/">Inkd</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-15.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.toobydoo.com/">TOOBYDOO</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-16.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.potterybarnkids.com/">Pottery Barn Kids</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-17.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://innovative-baby.com/">Innovative Baby</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ui-18.jpg' alt="\"\"" border="0"><br></div> <p><strong>yazının devamı için <a href="http://vandelaydesign.com/blog/galleries/ecommerce-ui/">buraya</a> tıklayın.</strong></p> <p><strong>kaynak:</strong> <a href="http://vandelaydesign.com/blog/galleries/ecommerce-ui/">vandelaydesign.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <ul> <li><a href="http://lebron.bildirgec.org/">blog</a> | <a href="http://twitter.com/lebron5">twitter</a> | <a href="http://friendfeed.com/lebron5">friendfeed</a> | <a href="http://delicious.com/lebron5">delicious</a> | <a href="http://feeds.feedburner.com/lebron">rss</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/35-fevkalade-e-ticaret-sitesi ">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, 17 Nov 2009 15:56:00 GMT 227851@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/35-fevkalade-e-ticaret-sitesi oktayx <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/thumb.jpg' alt="\"\"" border="0"><br></div>i̇nternet üzerinde gezinirken, çok çeşitli interaktif ve grafik harita ile karşılaşırsınız. <p>böyle bir haritayı nerede ve nasıl kullanacağına karar vermek daha birinci adım. sonrasında nasıl bir teknoloji kullanacağına karar vermelisin. daha önceden anlattığım gibi, html5 ile kullanıcının yerini (iphone vb) tespit etmek ve ona göre harita göstermek de olasıdır.</p> <p>interaktif bir deneyimi seviyorsanız, jquery, ajax veya flash teknolojileri sizin için uygun olabilir. ancak harita gösterimleri çok sayıda şekil alabilir. her ne kadar biz tasarımcılar, hırsız değilsek de, bu 30 güzel haritadan ilham almadan da duramayız...</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-01.jpg' alt="1" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-01.jpg">harita 1</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-02.jpg' alt="2" border="0"><br><a href="http://ncmarinescience.com/">harita 2</a></div> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-03.jpg' alt="3" border="0"><br><a href="http://www.ratemyarea.com/">harita 3</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-04.jpg' alt="4" border="0"><br><a href="http://www.randmcnally.com/">harita 4</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-05.jpg' alt="5" border="0"><br><a href="http://samples.mapsalive.com/1062l/page1.htm">harita 5</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-06.jpg' alt="6" border="0"><br><a href="http://nyc.everyblock.com/locations/zipcodes/10453/#tallermap">harita 6</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-07.jpg' alt="7" border="0"><br><a href="http://www.worldofmerix.com/">harita 7</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-08.jpg' alt="8" border="0"><br><a href="http://4.bp.blogspot.com/_v1hky3qmm4k/sxzcvj8fbai/aaaaaaaabiu/9yyzrjqhrjk/s1600-h/gabf+medal+map.jpg">harita 8</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-09.jpg' alt="9" border="0"><br><a href="http://www.makemymood.com/wp-content/uploads/2009/05/usa-map.jpg">harita 9</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-10.jpg' alt="10" border="0"><br><a href="http://www.princeton.edu/~ina/infographics/starbucks.html">harita 10</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-11.jpg' alt="11" border="0"><br><a href="http://images.dailyfill.com/ad2651c0d73a48f1_a2324e6ff99e5153_o.jpg">harita 11</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-12.jpg' alt="12" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-12.jpg">harita 12</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-13.jpg' alt="13" border="0"><br><a href="http://www.visualeconomics.com/wp-content/uploads/2009/05/richest_world_leaders_infographics.png">harita 13</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-14.jpg' alt="14" border="0"><br><a href="http://www.mikewirthart.com/wp-content/gallery/visualized-information/wirthusflag2009site.jpg">harita 14</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-15.jpg' alt="15" border="0"><br><a href="http://www.creditloan.com/infographics/wp-content/uploads/2009/05/national-debt.gif">harita 15</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-16.jpg' alt="16" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-16.jpg">harita 16</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-17.jpg' alt="17" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-17.jpg">harita 17</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-18.jpg' alt="18" border="0"><br><a href="http://static.guim.co.uk/sys-images/guardian/pix/pictures/2009/7/24/1248424615420/swine-flu-map-of-britain--001.jpg">harita 18</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-19.jpg' alt="19" border="0"><br><a href="http://www.peerpapers.com/uncommon-sense/wp-content/uploads/2009/07/healthcaremap_final5.png">harita 19</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-20.jpg' alt="20" border="0"><br><a href="http://www.ngonlinenews.com/media/media-news/infographics/090907-ngonline-chinacensor.png">harita 20</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-21.jpg' alt="21" border="0"><br><a href="http://www.visualeditors.com/apple/wp-content/uploads/2009/09/0909hugoaobservergraphic.jpg">harita 21</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-22.jpg' alt="22" border="0"><br><a href="http://farm4.static.flickr.com/3604/3351384576_74f16be51d_o.jpg">harita 22</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-23.jpg' alt="23" border="0"><br><a href="http://www.usfst.com/media/media-news/infographics/090907-fstus-bankclosures.png">harita 23</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-24.jpg' alt="24" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-24.jpg">harita 24</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-25.jpg' alt="25" border="0"><br><a href="http://www.hrmreport.com/media/media-news/infographics/090901-hrm-usjobs.png">harita 25</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-26.jpg' alt="26" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-26.jpg">harita 26</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-27.jpg' alt="27" border="0"><br><a href="http://www.adeptscience.co.uk/about/map.gif">harita 27</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-28.jpg' alt="28" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-28.jpg">harita 28</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-29.jpg' alt="29" border="0"><br><a href="http://netdna.webdesignerdepot.com/uploads/infographics_maps/maps-29.jpg">harita 29</a></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/axanc/maps-30.jpg' alt="30" border="0"><br><a href="http://www.creativeclass.com/creative_class/_wordpress/wp-content/uploads/2009/08/bailoutmap2.jpg">harita 30</a></div> <p><em><a href="http://www.webdesignerdepot.com/2009/10/30-superb-examples-of-infographic-maps/">liz fulghum</a></em><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/30-mukemmel-bilgi-grafigi-haritasi ">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, 19 Nov 2009 07:41:00 GMT 227849@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/30-mukemmel-bilgi-grafigi-haritasi oktayx <p><strong><a href="http://www.google.com.tr/#hl=tr&source=hp&q=retro&btnG=Google%27da+Ara&meta=&aq=f&oq=retro&fp=2e6328dc60ab3b26">Retro</a></strong>, tasarım ve moda akımında şu anki renklilikten uzaklaşıp geriye dönüşe verilen addır.<br>Sadece <a href="http://www.bildirgec.org/ara/moda">moda</a> akımıyla kalmadı ve tüm tasarım alanlarına yayıldı.<a href="http://www.bildirgec.org/ara/web tasarımı">Web tasarımındada</a> <strong>retro renkler</strong> kullanılarak birçok tasarım yapıldı. Eğer siz de <a href="http://www.bildirgec.org/ara/postmodern">postmodernizmden</a> sıkıldıysanız bu örnekleri inceleyip benzer çalışmalar yapabilirsiniz. Burada <strong>retro renkler</strong> kullanılarak en iyi tasarlanan web sitelerini vermiş. Şimdi bunlara bakalım;</p> <p><a href="http://www.kitschensink.com/">Kitschen Sink</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-04-kitschen-sink.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.huxleyprairiefest.com/">Huxley Prairie Festiva</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-02-huxley.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.clickfarminteractive.com/">Clickfarm Interactive</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-06-click-farm.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><a href="http://douglasmenezes.com/wp/">Douglas Menezes</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-07-douglas-menezes.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://literarybohemian.com/">The Literary Bohemian</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-03-literary-bohemian.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.colazionedamichy.it/">Michela Chiucini</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-24-michela-chiucini.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.hopeunlimited.org/">Hope Unlimited</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-05-hope-unlimited.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://ayakaito.com/log/">Design Log of Ayaka ito</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-12-ayaka-ito.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://vanityclaire.com/">f claire baxter</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-14-f-claire-baxter.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.miamakila.com/">Mia Mäkilä</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-17-mia-makila.jpg' alt="\"\"" border="0"><br></div></p> <p><a href="http://www.mauriciocastillo.com/">De PSD a HTML</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/12-08-de-psd-a-html.jpg' alt="\"\"" border="0"><br></div></p> <p>Diğer örnekler için <a href="http://sixrevisions.com/web_design/how-to-use-retro-colors-in-your-designs/">tıklayın</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/retro-renkler-kullanilarak-yapilan-en ">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, 22 Nov 2009 08:05:00 GMT 227848@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/retro-renkler-kullanilarak-yapilan-en oktayx <p>Kod renklendiriciler (code highlighters) kod yazarken en büyük yardımcılarımızdır. Eğer yazdığınız kodların düzenli, tertipli, temiz ve hoş görünmesini istiyorsanız aşağıda listelediğim 5 tane kod renklendiricisinden birini mutlaka kullanmalısınız.</p> <p><strong>1. syntaxhighlighter<br></strong><a href="http://code.google.com/p/syntaxhighlighter/wiki/Overview">syntaxhighlighter</a> %100 Javascript kullanılarak oluşturulmuş bir renklendiricidir. syntaxhighlighter ile tüm kodları renklendirebilirsiniz.<div class="imajorta"><img src='http://www.bildirgec.org/imaj/fikirbozan/qh5.png' alt="syntaxhighlighter" border="0"><br>syntaxhighlighter</div><br><strong>2. quick highlighter</strong><br><a href="http://quickhighlighter.com/">quick highlighter</a> ile html, php, javascript kodlarını renklendirebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/fikirbozan/qh3.png' alt="quick highlighter" border="0"><br>quick highlighter</div></p> <p><!-- buradan kes --></p> <p><strong>3. fv code highlighter</strong><br><a href="http://www.frank-verhoeven.com/wordpress-plugin-fv-code-highlighter/">frank verhoeven</a> tarafından üretilen bu renklendirici dreamweaver kullanıcılarına pek de yabancı gelmeyecek kod renklendirmesi yapıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/fikirbozan/qh4.png' alt="fv code highlighter" border="0"><br>fv code highlighter</div> <p><strong>4. source code highlighter <br></strong><a href="http://source.virtser.net/">Bu renklendirici</a> ile de c#, vb, aspx, html, xml ve javascript kodlarınızı renklendirebilirsiniz.</p> <p><strong>5. highlight.js<br></strong><a href="http://softwaremaniacs.org/soft/highlight/en/">highlight.js</a> tam otomatik çalışıyor. Sitenizdeki (blog, forum ya da başka bir site) kodu buluyor, dilini kendi tespit ediyor ve renklendiriyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/fikirbozan/qh6.png' alt="highlight.js" border="0"><br>highlight.js</div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/kod-renklendiriciler-code-highlighters ">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, 29 Jul 2009 11:33:00 GMT 218076@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/kod-renklendiriciler-code-highlighters oktayx <p><a href="http://www.bildirgec.org/ara/fotoğraf">fotoğraf</a> sitesi yapacak ve yapmayı düşünen <a href="http://www.bildirgec.org/ara/tasarım">tasarım</a>cılar için <a href="http://www.bildirgec.org/ara/ilham%20kaynağı">ilham kaynağı</a> olabilecek örnek siteler çok faydalı olacaktır. Bu yazıda size ilham kaynağı olabilecek 25 güzel ve yaratıcı <a href="http://www.bildirgec.org/ara/fotoğraf%20sitesi">fotoğrafçılık sitesi</a>ne ulaşabilirsiniz.</p> <p>1. <a href="http://www.ciriljazbec.com/">ciriljazbec</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/ciriljazbec.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://www.bergh.dk/">anders bergh</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/bergh.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://www.davidlindseywade.com/">david lindsey wade</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/davidwade.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://www.towndrow.ca/">lee twondrow</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/lee.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://www.moofe.com/">moofe</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/moofe-2.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.sasokos.com/">saso kos</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/sasokos.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://www.gabrielevinci.com/">gabriel vinci</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/gabriel.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://www.emmanuelrouzic.com/">emmanuel rouzic</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/emmanuel.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://www.cake-factory.com/">cake factory</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/cake-factory.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://filippasmedhagensund.com/">filippa smedhagen sund</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/filippa.jpg' alt="\"\"" border="0"><br></div> <p>11. <a href="http://www.simonrasmussen.com/">simon rasmussen</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/simon.jpg' alt="\"\"" border="0"><br></div> <p>12. <a href="http://www.uliheckmann.com/">uli heckmann</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/uliheckmann.jpg' alt="\"\"" border="0"><br></div> <p>13. <a href="http://www.letstakepictures.info/index.php">let’s take pictures</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/lets-take-pictures.jpg' alt="\"\"" border="0"><br></div> <p>14. <a href="http://www.egofoto.net/">ego foto</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/egofoto.jpg' alt="\"\"" border="0"><br></div> <p>15. <a href="http://www.brandstudio.ru/safandula/">safandula</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/safandula.jpg' alt="\"\"" border="0"><br></div> <p>16. <a href="http://www.brook-pifer.com/">brook pifer</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/brook-pifer.jpg' alt="\"\"" border="0"><br></div> <p>17. <a href="http://www.shuakashi.com/">shu akashi</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/shuakashi.jpg' alt="\"\"" border="0"><br></div> <p>18. <a href="http://www.karinpartin.com/">karin partin</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/karin-partin.jpg' alt="\"\"" border="0"><br></div> <p>19. <a href="http://www.alessiopizzicannella.com/">alessio pizzicannella</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/alessio.jpg' alt="\"\"" border="0"><br></div> <p>20. <a href="http://amy-danka.com/">amy danka</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/amy-danka.jpg' alt="\"\"" border="0"><br></div> <p>21. <a href="http://amy-danka.com/">andreescu gaivoronski</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/andreescu.jpg' alt="\"\"" border="0"><br></div> <p>22. <a href="http://www.albrechtgerlach.com/">albrecht gerlach</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/albrecht.jpg' alt="\"\"" border="0"><br></div> <p>23. <a href="http://www.capsulecreative.com/1/">capsule creative</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/capsule-creative.jpg' alt="\"\"" border="0"><br></div> <p>24. <a href="http://www.sonjamueller.org/">sonja mueller</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/sonja.jpg' alt="\"\"" border="0"><br></div> <p>25. <a href="http://www.frieke.com/">frieke</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/frieke.jpg' alt="\"\"" border="0"><br></div> <p><strong>kaynak:</strong> <a href="http://www.queness.com/post/429/25-beautiful-and-creative-photography-sites">queness.com</a> | <a href="http://pelfusion.com/showcases/25-beautiful-and-creative-photography-sites/">pelfusion.com</a></p> <p>yazılarımı takip edebilirsiniz.</p> <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/oktayx">oktayx</a> tarafından <a href=" http://www.bildirgec.org/yazi/25-guzel-ve-yaratici-fotografcilik ">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, 28 Jul 2009 14:00:00 GMT 218075@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/25-guzel-ve-yaratici-fotografcilik