http://www.bildirgec.org/ tr-tr 40 bildirgec.org - pipik - beğendikleri pipik <p>Eğer bir web tasarımcıysanız zamanınız çok değerlidir. Sizlere zaman kazandırabilecek çok çeşitli araçları tanımak isteyeceğinizi düşünüyorum. Web tasarımcılar için 50 zaman kazandıran araç sizlerle..</p> <p><strong>1. <a href="http://www.bounceapp.com/">Bounce</a></strong><br>En büyük sorunlardan bir tanesi tasarım öğelerini müşterilerine anlatmaktır. Çoğumuz bunun için çeşitli grafik editörlerine tasarımın ekran görüntülerini atarak üzerine açıklamalar yazarız. Bounce tasarımlarda sayfaları bölümleyip, yorum ve metin yazabilmemizi sağlıyor. Ayrıca sayfayı ziyaret edenler de geri dönüşlerini buradan paylaşabiliyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-tool-220.jpg' alt="Bounce App" border="0"><br>Bounce App</div></p> <p><strong>2. <a href="http://mnutt.github.com/hummingbird/">HammingBird</a></strong><br>Web sitesi üzerinde ziyaretçilerin davranışlarını eş zamanlı olarak detaylı bir şekilde sunan bu araç sisteme yüklenen küçük bir node.js dosyasıyla çalışıyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-tool-227.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong>3. <a href="http://titanpad.com/">TitanPad</a></strong><br><a href="http://docs.google.com">Google Docs</a> benzeri bir sisteme sahip olan TitanPad dökümanları birden fazla kullanıcıya eş zamanlı düzenleme imkanı sunuyor. Ayrıca farklı kullanıcıların yaptıkları değişiklikler farklı renkler de gösteriliyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/titanpad2.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>4. <a href="http://0to255.com/">0to255</a></strong><br>Renklerle ilgili harika bir araç olan 0to255 kodunu girdiğimiz ya da siteden seçtiğimiz bir rengin açılan versiyonlarını ve renk kodlarını bize sunuyor. Renk seçimlerimizde oldukça yardımcı olacağına kuşku yok.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-135.jpg' alt="\"\"" border="0"><br></div></p> <p>5. <strong><a href="http://dummyimage.com/">Online Dummy Image Generator</a></strong><br>Boş bırakmak istediğimiz grafik öğeleri yerine koyabileceğimiz "<a href="http://sozluk.sourtimes.org/show.asp?t=dummy"><em>dummy</em></a>" grafikler üreten bir araç. Boyut, arkaplan rengi, grafik formatı gibi değişkenleri bulunan sistem gerçekten çok kullanışlı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-156.jpg' alt="\"\"" border="0"><br></div></p> <p>6. <a href="http://tableizer.journalistopia.com/"><strong>Tableizer</strong></a><br>Tablo kodlamak yine en sevmediğimiz detaylardan bir tanesi. Özellikle <a href="http://www.bildirgec.org/etiket/excel">excel </a>vb. dökümanlardan gelen yoğun tabloları çevirmek oldukça zaman alıcı olabiliyor. Tableizer, bizim için bu tabloları <a href="http://tr.wikipedia.org/wiki/HTML">HTML </a>formatına çeviriyor.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tableizer.gif' alt="\"\"" border="0"><br></div></p> <p><strong>7. <a href="http://www.divine-project.com/">Divine - PSD to HTML</a></strong><br>Tamamen ücretsiz olan <a href="http://www.bildirgec.org/etiket/photoshop">PhotoShop</a> eklentisi PSD formatında tasarladığımız yapıları <a href="http://www.wordpress.org">Wordpress</a>'e kolaylıkla çevirebilmemizi sağlıyor. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/useful-200.jpg' alt="\"\"" border="0"><br></div></p> <p><strong>8. <a href="http://mugtug.com/sketchpad/">SketchPad</a></strong><br>Oldukça geniş özellikli bir online grafik editörü. PhotoShop benzeri görsel bir yapıda olan bu araç zor zamanlarımızda çok işimize yarayabilir.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/sketchpad.png' alt="\"\"" border="0"><br></div></p> <p>9. <a href="http://www.producteev.com/"><strong>Producteev</strong></a><br>Önemli e-postalarınızı task@producteev.com'a yönlendirin. O sizin için işleri bir <em>yapılacaklar listesi</em> haline getirsin.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/ekuplu/tools-127.jpg' alt="\"\"" border="0"><br></div></p> <p>Bu yazı <a href="http://www.smashingmagazine.com/2010/06/28/50-powerful-time-savers-for-web-designers/">şu kaynak</a>tan çevirilmiştir. Diğer araçlar için yazının kaynağını inceleyebilirsiniz.</p> <p>Takip Et: <a href="http://ekuplu.bildirgec.org">ekuplu bildirgeç profili</a> - <a href="http://friendfeed.com/ekuplu">FriendFeed</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-profesyonellerine-zaman-kazandiracak-50 ">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, 29 Jun 2010 09:33:00 GMT 237809@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-profesyonellerine-zaman-kazandiracak-50 pipik <div class="imajsag"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-00.jpg' alt="\"\"" border="0"><br></div>Aslında ilk olarak bir <a href="http://www.bildirgec.org/etiket/web-tasarım/" title="Etiket: Web Tasarım">web tasarım</a> projesi için kendime sade bir görsel <a href="http://www.bildirgec.org/etiket/gallery/">galerisi</a> çözümü arıyordum ancak araştırmamı ilerlettikçe İnternet üzerindeki tüm başarılı görsel galerilerinin yer aldığı bir makale yazmanın ne kadar kullanışlı olabileceğinin farkına vardım ve sonuçta da bu yazıyı yazdım. Listeyi AJAX, JavaScript ve Lightbox tabanlı galeriler, CSS tabanlı galeriler ve Flash tabanlı galeriler olmak üzere 3 ana kategoriye ayırdım bu sayede doğrudan ilgilendiğiniz kategorideki örnekleri inceleyebileceksiniz. Eminim listede bu alanda herhangi bir gereksinimi olan herkesin işine yarayacak bir çözüm mutlaka vardır. <p><strong><em>AJAX, JavaScript (jQuery, mooTools), Lightbox Tabanlı Galeriler</em></strong></p> <p><strong>1. <a href="http://smoothgallery.jondesign.net/">Jon Design's SmoothGallery</a></strong><br>mooTools 1.11 kütüphanesini kullanan bu JavaScript galerisi ve slayt gösterisi sistemi, geçiş efekti içeren yumuşak görünümlü görsel galerileri, slayt gösterileri, vitrinler ve diğer güzel görünümlü içerikleri web siteniz üzerinde kullanabilmenizi sağlıyor. Site üzeride aynı kodu kullanan 7 farklı galeri örneği bulacaksınız. Dilediğiniz örneği indirebilir ve bilgisayarınız üzerinde test edebilirsiniz.</p> <p>Diğer sistemlerin aksine JonDesign'ın SmoothGallery betiği en başından itibaren web standartları ile uyumlu olacak şekilde kodlanmış durumda. Galeriyi dilediğiniz belge üzerinden besleyebilir, özel CSS seçicilerini kullanabilirsiniz. Daha da iyisi bu gelişmiş betiğin kullandığı kod sadece 24KB.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-01.jpg' alt="SmoothGallery" border="0"><br>SmoothGallery</div> <p><!-- buradan kes --></p> <p><strong>2. <a href="http://minishowcase.net/">MiniShowcase Gallery</a></strong><br>MiniShowcase küçük ve sade bir PHP/JavaScript tabanlı çevrimiçi fotoğraf galerisi olup, AJAX desteği sayesinde herhangi karmış bir veritabanı ya da kod kullanmadan görsellerinizi çevrimiçi ortamda paylaşabilmenizi sağlıyor. Bu betik aracılığı ile sadece birkaç dakika içerisinde çalışır bir galeriniz olacaktır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-02.jpg' alt="MiniShowcase Gallery" border="0"><br>MiniShowcase Gallery</div> <p><strong>3. <a href="http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html">jQuery SlideViewer</a></strong><br>SlideViewer'ın dosya boyutu sadece 1.5KB. Bir jQuery eklentisi olan bu uygulama sadece birkaç satır HTML kodu yazarak görsel galerileri oluşturabilminizi sağlıyor. SlideViewer listenizde kullandığınız görselleri otomatik olarak sayıyor ve kullanılabilecek bağlantıları otomatik olarak oluşturuyor. Ayrıca her bir görsel üzerine tıklandığında otomatik olarak bir sonraki görsele geçiş yapılıyor. Sade ve kullanışlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-03.jpg' alt="jQuery SlideViewer" border="0"><br>jQuery SlideViewer</div> <p><strong>4. <a href="http://devkick.com/lab/galleria/">DevKick Galleria</a></strong><br>Galleria bir JavaScript görsel galerisi olup jQuery kullanmaktadır. Görselleri sırasız liste üzerinden yüklüyor ve yüklenen her bir görselin önizleme resmini görüntülüyor. Eğer dilerseniz görsellerin önizleme resimlerini otomatik olarak oluşturabilen bu betik, önizleme resimlerinin oluşturulmasında da orantılı/orantısız, ortalanmış ya da kırpılmış gibi seçenekleri de size sunuyor ve ilgili önizleme resmini CSS ile tanımlanmış sabit önizleme kutusunun içerisine yerleştiriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-04.jpg' alt="DevKick Galleria" border="0"><br>DevKick Galleria</div> <p><strong>5. <a href="http://www.zenphoto.org/">ZenPhoto</a></strong><br>ZenPhoto çevrimiçi galeri ihtiyacında olan kullanıcıların pek çok sorununu giderebilecek kapasitede bir betik. Karmaşık olmaktan ziyade sadece görselleri görüntülemeye odaklanan bu betiğin geliştiricileri, bir çevrimiçi galeriden beklenen herşeyi yapabildiklerini ancak bunu oldukça sade bir arabirim üzerinden görüntüleyebildiklerine dikkat çekiyorlar. Galerinin özellik listesi bir hayli uzun. Sitelerinden kontrol etmeyi ihmal etmeyin.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-05.jpg' alt="ZenPhoto" border="0"><br>ZenPhoto</div> <p><strong>6. <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox 2</a></strong><br>Lightbox sade ve rahatsız etmeyen bir betik olup görselleri sayfanın üzerinde ön plana çıkararak gösterebilen bir betik. Kurulumu oldukça basit ve tüm modern tarayıcılar üzerinde çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-06.jpg' alt="Lightbox 2" border="0"><br>Lightbox 2</div> <p><strong>7. <a href="http://visuallightbox.com/">Visual Lightbox</a></strong><br>VisualLightbox ücretsiz bir sihirbaz program olup web fotoğraf galerilerini, tek bir satır kod yazmadan oluşturabilmenizi sağlıyor. Program, popüler Lightbox 2 betiğini kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-07.jpg' alt="Visual Lightbox" border="0"><br>Visual Lightbox</div> <p><strong>8. <a href="http://nettuts.com/tutorials/javascript-ajax/create-a-spectacular-photo-gallery-with-mootools/">Photo Gallery with mooTools</a></strong><br>Tümüyle detaylandırılmış ders niteliğinde açıklamasının yanısıra pek çok görseli görüntüleyebilecek muhteşem bir fotoğraf galerisi.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-08.jpg' alt="Photo Gallery with mooTools" border="0"><br>Photo Gallery with mooTools</div> <p><strong>9. <a href="http://orangoo.com/labs/GreyBox/">Grey Box</a></strong><br>GreyBox, web siteleri, görseller ve diğer içeriği güzel bir şekilde görüntüleyebilmenizi sağlayan bir betik. Kullanımı oldukça kolay olan bu betik ile tam ekran web siteleri, görsel galerileri kullanabilirsiniz. Betik, pop-up engelleyicileri tarafından etkilenmiyor ve sadece 22KB dosya boyutuna sahip.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-09.jpg' alt="Grey Box" border="0"><br>Grey Box</div> <p><strong>10. <a href="http://slideshow.triptracker.net/">TripTracker</a></strong><br>TripTracker slayt gösterisi küçük boyutlu bir JavaScript görsel görüntüleyicisi olup animasyonlu slayt gösterisi özelliğine sahip.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-10.jpg' alt="TripTracker" border="0"><br>TripTracker</div> <p><strong>11. <a href="http://qgallery.quadrifolia.de/">qGallery</a></strong><br>qGallery kullanması kolay, prototype tabanlı bir galeri betiği. Tüm görsel işleme süreci betik tarafından gerçekleştirildiği için sunucunuza gönderdiğiniz görseller için endişelenmenize gerek yok. Tüm görseller sunucunun geçici depolama alanında depolandığı için sunucuya da fazladan bir yük bindirmiyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-11.jpg' alt="qGallery" border="0"><br>qGallery</div> <p><strong>12. <a href="http://nettuts.com/javascript-ajax/using-the-wonderful-jflow-plugin-screencast/">jFlow Gallery</a></strong><br>jFlow eklentisini kullanarak kendi galerinizi nasıl oluşturabileceğinizi gösteren bir rehber ve açıklama.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-12.jpg' alt="jFlow Gallery" border="0"><br>jFlow Gallery</div> <p><strong>13. <a href="http://www.efectorelativo.net/laboratory/noobSlide/">noobSlide</a></strong><br>Görsellerinizi mooTools kullanarak 8 farklı şekilde görüntüleyebileceğiniz bir betik. Ne yazık ki betik hakkında herhangi bir belgeleme bulunmuyor ancak kaynak kodunu incelediğinizde kullanımının ne kadar kolay olduğunu göreceksiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-13.jpg' alt="noobSlide" border="0"><br>noobSlide</div> <p><strong>14. <a href="http://eyecon.ro/spacegallery/">Spacegallery jQuery Eklentisi</a></strong><br>Görsellerinizi görüntüleyebilmenin bir diğer yolu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-14.jpg' alt="Spacegallery jQuery Eklentisi" border="0"><br>Spacegallery jQuery Eklentisi</div> <p><strong>15. <a href="http://malsup.com/jquery/cycle/">jQuery Cycle Plugin</a></strong><br>jQuery Cycle eklentisi küçük boyutlu bir slayt gösterisi eklentisi. Fare imlecinin görsel üzerine getirildiğinde animasyonun duraklatılması, otomatik durdurma, otomatik sığdırma, önceki/sonraki bağlantları, tıklama önleyicileri ve pek çok geçiş efekti için destek içeriyor. Eklenti ayrıca Metadata ve Easing eklentilerini de destekliyor ancak bu eklentileri kullanmak zorunda değilsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-15.jpg' alt="jQuery Cycle Plugin" border="0"><br>jQuery Cycle Plugin</div> <p><strong>16. <a href="http://jqueryfordesigners.com/demo/slider-gallery.html">Slider Gallery</a></strong><br>Bu 'ürün kaydırıcısı' sade bir galeriye benziyor ancak onun yerine öğreler arasında gezinmek için kaydırıcıyı kullanıyor. jQuery eklentilerini kullanan sade bir uygulama.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-16.jpg' alt="Slider Gallery" border="0"><br>Slider Gallery</div> <p><strong>17. <a href="http://www.no-margin-for-errors.com/projects/prettyPhoto/">PrettyPhoto</a></strong><br>jQuery Lightbox kopyası olan bu uygulama orjinal Lightbox uygulamasına benziyor ancak ona birkaç yeni özellik ekliyor ve tam belgelenmiş kod gibi avantajlar içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-17.jpg' alt="PrettyPhoto" border="0"><br>PrettyPhoto</div> <p><strong>18. <a href="http://www.no-margin-for-errors.com/projects/prettyGallery/">Pretty Gallery</a></strong><br>Fotoğraflarınızı jQuery kullanarak gösterebilmenin bir diğer yolu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-18.jpg' alt="Pretty Gallery" border="0"><br>Pretty Gallery</div> <p><strong>19. <a href="http://www.puidokas.com/portfolio/frogjs/">FrogJS</a></strong><br>FrogJS sade, rahatsız etmeyen bir javaScript galerisi. Lightbox JS gibi örneklerin yerine kullanabileceğiniz bir uygulama olmasa da galerileri görüntülemek için bir başka yöntemi kullanıyor. Özellikle her bir görsel için bir sayfanın kullanıldığı galeriler ve fotoromanlar için ideal.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-19.jpg' alt="FrogJS" border="0"><br>FrogJS</div> <p><strong>20. <a href="http://www.twospy.com/galleriffic/">Galleriffic</a></strong><br>Hızlı işleyen fotoğraf galerilerini işlemek için kullanılabilecek bir jQuery eklentisi. Galleriffic Mike Alsup'un Cycle eklentisinden esinlenmiş ancak daima yüksek performansı göz önünde bulundurarak özellikle çok sayıda fotoğrafın sorunsuz bir şekilde görüntülenebilmesi için optimize edilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-20.jpg' alt="Galleriffic" border="0"><br>Galleriffic</div> <p><strong>21. <a href="http://designshack.co.uk/news/pirobox-jquery-lightbox">Pirobox jQuery Eklentisi</a></strong><br>Özellikle son birkaç aydır görsellerin web siteleri üzerinde görüntülenmesi için kullanılan Lightbox betikleri çok popüler hale geldiler. Piyasada bu tip betiklerden onlarcası mevcut ve bunlar farklı çatıları ya da kodlama dillerini kullanıyorlar. DesignShack bu listeye bir yenisini ekliyor. Bu betiğin tasarımı ve geliştirilmesi Diegro Valobra tarafından yapılmış.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-21.jpg' alt="Pirobox jQuery Eklentisi" border="0"><br>Pirobox jQuery Eklentisi</div> <p><strong>22. <a href="http://www.electricprism.com/aeron/slideshow/">Slideshow 2</a></strong><br>Slideshow 2, mooTools 1.2 için bir JavaScript sınıfı olup web sitenizdeki görsellerin sunumunu hareketli hale getiriyor. Yukarıdaki bağlantı üzerinde ilgili eklentinin farklı kullanım şekilleri örneklendirilmiş. Eklentinin kullanım bilgisi için sayfanın kaynak kodunu incelemeniz yeterli.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-22.jpg' alt="Slideshow 2" border="0"><br>Slideshow 2</div> <p><strong>23. <a href="http://ptflickrgallery.sourceforge.net/web/index.html">jQuery Flickr Galerisi</a></strong><br>FlickrGallery bir jQuery eklentisi olup Flickr fotoğraflarınızın web sitenize dahil edilebilmesini sağlıyor. Eklenti bir galeriyi Flickr'ın kolleksiyonlarına benzer albümler olarak nitelendiriyor. Albümler ise fotoğraf setlerini içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-23.jpg' alt="jQuery Flickr Galerisi" border="0"><br>jQuery Flickr Galerisi</div> <p><strong>24. <a href="http://scriptandstyle.com/automatically-generate-a-photo-gallery-from-a-directory-of-images">Otomatik Oluşturan Galeri</a></strong><br>Bu galeri sizin belirleyeceğiniz bir klasör içerisindeki görselleri otomatik olarak tarayıp galeri oluşturuyor. Galerinize yeni resimler eklemek ya da resimleri çıkarmak için tek yapmanız gereken sunucudan görsellerin bulunduğu klasöre müdahale etmek. Bu güzel özellik PHP kullanılarak mümkün hale getirilmiş.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-24.jpg' alt="Otomatik Oluşturan Galeri" border="0"><br>Otomatik Oluşturan Galeri</div> <p><strong>25. <a href="http://opiefoto.com/articles/photoslider#example">Photo Slider</a></strong><br>Başlat/Duraklat düğmelerini içeren ve jQuery kullanarak nasıl bir fotoğraf slayt gösterisi oluşturabileceğinizi anlatan bir rehber.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-25.jpg' alt="Photo Slider" border="0"><br>Photo Slider</div> <p><strong>26. <a href="http://www.leigeber.com/2008/12/javascript-slideshow/">JavaScript Tiny Slideshow</a></strong><br>Bu dinamik JavaScript slayt gösterisinin dosya boyutu sadece 5KB.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-26.jpg' alt="JavaScript Tiny Slideshow" border="0"><br>JavaScript Tiny Slideshow</div> <p><strong>27. <a href="http://www.serie3.info/s3slider/index.php">S3Slider jQuery Eklentisi</a></strong><br>Üç farklı özelliğe ve slayt gösterim yöntemine sahip bir jQquery slayt gösterisi eklentisi. Kod iyi bir şekilde kullanmış ve ileri seviyede özelleştirilebilir. <em>Bu örneği ben bugüne kadar geliştirdiğim bazı projelerde kullandım ve şimdiye kadar bir sorun yaşamadım. Denemenizi öneririm.</em></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-27.jpg' alt="S3Slider jQuery Eklentisi" border="0"><br>S3Slider jQuery Eklentisi</div> <p><strong>28. <a href="http://www.agilegallery.com/ajax-photo-gallery.html">AJAX Photo Gallery</a></strong><br>AgileGallery'nin AJAX sürümü ücretsiz bir <em>AJAX Fotoğraf Galerisi</em> olup Google'nin ücretsiz Picasa uygulaması üzerinden alacağınız XML dosyasından aldığı tüm bilgileri web tabanlı bir galeri haline getiriyor. Uygulama tamamen AJAX tabanlı olduğundan resimler arasında gezinirken sayfanın yeniden yüklenmesine gerek kalmıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-28.jpg' alt="AJAX Photo Gallery" border="0"><br>AJAX Photo Gallery</div> <p><strong>29. <a href="http://mondaybynoon.com/2007/02/19/suckerfish-hoverlightbox-redux/">Suckerfish HoverLightbox Redux</a></strong><br>Kullanışlı bir JavaScript / CSS tabanlı görsel galerisi olup Lightbox'un bir başka sürümünü içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-29.jpg' alt="Suckerfish HoverLightbox Redux" border="0"><br>Suckerfish HoverLightbox Redux</div> <p><strong>30. <a href="http://www.phatfusion.net/slideshow/">PhatFusion Slideshow</a></strong><br>Çeşitli geçiş, döndürme, kaydırma efektleri içeren etkileşimli bir JavaScript mooTools galerisi.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-30.jpg' alt="PhatFusion Slideshow" border="0"><br>PhatFusion Slideshow</div> <p><strong>31. <a href="http://highslide.com/">HighSlide JS</a></strong><br><em>Highslide JS</em> açık kaynaklık bir JavaScript yazılımı olup Web 2.0 yaklaşımını pop-up pencerelere uygulayabiliyor. Önizleme görsellerini ve HTML açılır pencerelerini web sayfaları üzerinde kullanabilmenizi sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-31.jpg' alt="HighSlide JS" border="0"><br>HighSlide JS</div> <p><strong>32. <a href="http://mediaeventservices.com/blog/2007/11/15/ajax-image-gallery-powered-by-slideflow-like-cover-flow/">SlideFlow AJAX Image Gallery</a></strong><br>Görsellerinizi web siteniz üzerinde kullanışlı bir şekilde gösterebilmek için, tam ekran desteği de bulunan bu slayt gösterisini kullanabilirsiniz. Fotoğraflar ve başlıklar XML dosyası üzerinden okunurken önizleme resimleri pakete dahil edilmiş olan Photoshop eylemleri kullanılarak önceden oluşturulabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-32.jpg' alt="SlideFlow AJAX Image Gallery" border="0"><br>SlideFlow AJAX Image Gallery</div> <p><strong>33. <a href="http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/">Barack SlideShow</a></strong><br>Kullanışlı ve küçük dosya boyutuna sahip bir slaytgösterisi JavaScript betiği.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-33.jpg' alt="Barack SlideShow" border="0"><br>Barack SlideShow</div> <p><strong>34. <a href="http://www.mind-projects.it/projects/jqzoom/">JQZoom Evolution</a></strong><br>JQZoom, JavaScript ile hazırlanmış bir görsel büyüteci olup popüler JavaScript çatısı jQuery üzerinde geliştirilmiştir. JQZoom, özellikle web sitelerinin dilediğiniz bir bölümünü büyüterek göstermek isteyen kullanıcılar için ideal.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-34.jpg' alt="JQZoom Evolution" border="0"><br>JQZoom Evolution</div> <p><strong>35. <a href="http://www.openstudio.fr/jQuery-Multimedia-Portfolio.html?lang=en">jQuery Multimedia Portfolio</a></strong><br>jQuery için geliştirilen bu eklenti medya dosyalarının uzantısını otomatik olarak algılıyor ve ona uygun yürütücüyü yüklüyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-35.jpg' alt="jQuery Multimedia Portfolio" border="0"><br>jQuery Multimedia Portfolio</div> <p><strong>36. <a href="http://www.openstudio.fr/jQuery-spherical-panorama-viewer.html?lang=en">jQuery Küresel Panaroma Görüntüleyicisi</a></strong><br>Küresel panaromalar görüntülemek için kullanılabilecek bir JavaScript görüntüleyicisi. Java ve QuickTime teknolojilerine bir alternatif.</p> <p><strong>37. <a href="http://www.openstudio.fr/jQuery-virtual-tour.html?lang=en">jQuery Sanal Gezinti</a></strong><br>Basi panaroma görüntüleyicisi için bir eklenti olan bu kod sayesinde jQuery desteği sayesinde panaromik görüntülerinizi sanal gezinti uygulamalarına dönüştürebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-37.jpg' alt="jQuery Sanal Gezinti" border="0"><br>jQuery Sanal Gezinti</div> <p><strong>38. <a href="http://www.artviper.net/test/ajaxslide/index2.html">mooSlideBox</a></strong><br>mooSlideBox küçük ve zarif, AJAX tabanlı bir uzantı olup günümüzün tüm popüler web uygulamalarının neredeyse tamamında bulabileceğiniz "Lightbox"a bir alternatif teşkil ediyor. Bu Lightbox kopyası IE6/7, Opera ve Firefox üzerinde çalışıyor ve mooTools sürüm 1.11 kullanıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-38.jpg' alt="mooSlideBox" border="0"><br>mooSlideBox</div> <p><strong>39. <a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">jqGalScroll</a></strong><br>jQuery Gallery Scroller (jqGalScroll= bir dizi görseli alıyor ve dikey, yatay ya da diagonal olarak ilgili görseleri sırasıyla görüntülüyor. Eklenti ayrıca görsellerinizi sayfalara ayırarak ziyaretçilerinizin görseller arasında gezinebilmelerini de sağlıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-39.jpg' alt="jqGalScroll" border="0"><br>jqGalScroll</div> <p><strong>40. <a href="http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/">Featured Content Slider</a></strong><br>Kendi başına çalışır "öne çıkarılan başlıklar" uygulaması oluşturabilmenizi sağlayacak bir rehber.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-40.jpg' alt="Featured Content Slider" border="0"><br>Featured Content Slider</div> <p><strong>41. <a href="http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider">Easy Slider jQuery Plugin</a></strong><br>Easy Slider görsellerin ya da diğer herhangi bir içerik türünün dikey ya da yatay olarak kaydırılabilmesini sağlıyor. Uygulamanın ayarları tamamen CSS üzerinden yapılabildiğinden sizin tek yapmanız gereken eklenti dosyasını sitenize dahil etmek, içeriği eklemek ve ardından CSS kullanarak uygulamayı stillemek.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-41.jpg' alt="Easy Slider jQuery Plugin" border="0"><br>Easy Slider jQuery Plugin</div> <p><strong>42. <a href="http://www.leigeber.com/2008/05/ajax-image-gallery-slideshow/">Dynamic Image Gallery Slideshow</a></strong><br>Bu son derece hafif olan JavaScript görsel galerisi ve slayt gösterisi betiğinin dosya boyutu sadece 3KB ve pek çok güzel özelliği içeriyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-42.jpg' alt="Dynamic Image Gallery Slideshow" border="0"><br>Dynamic Image Gallery Slideshow</div> <p><strong><em>CSS Tabanlı Galeriler</em></strong></p> <p><strong>43. <a href="http://sonspring.com/journal/hoverbox-image-gallery">Hoverbox Image Gallery</a></strong><br>Sadece 8KB dosya boyutuna sahip bu uygulamanın dosya boyutu sadece 8KB ve tümüyle CSS tabanlı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-43.jpg' alt="Hoverbox Image Gallery" border="0"><br>Hoverbox Image Gallery</div> <p><strong>44. <a href="http://www.cssplay.co.uk/menu/gallery3l.html">Sliding Photograph Galleries</a></strong><br>Bu galeri bugüne kadar gördüğünüz en küçük dosya boyutuna sahip galerilerden biri. Normalde dikey olarak dizilen sırasız liste içeren bu galeri, kullanılan CSS yardımıyla 8:1 oranında daha az alan kaplayabiliyor. Herhangi bir önizleme resmine ihtiyacınız yok zira tüm resimler önceden yükleniyor. Kullanılan bu metod aşağıda gösterildiği gibi hem dikey, hem de yatay olarak kullanılabilir.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-44.jpg' alt="Sliding Photograph Galleries" border="0"><br>Sliding Photograph Galleries</div> <p><strong>45. <a href="http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/">CSS Görsel Galerisi</a></strong><br>Tümüyle CSS tabanlı olan bu galeri önizleme resimlerinin üzerine fare imleci getirildiğinde resmin orjinal boyutunu otomatik olarak gösterebiliyor. Tümüyle CSS kullanılarak geliştirilmiş olan bu galeri, IE6+, Firefox ve Opera 8 destekliyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-45.jpg' alt="CSS Görsel Galerisi" border="0"><br>CSS Görsel Galerisi</div> <p><strong>46. <a href="http://www.cssplay.co.uk/menu/slide_show.html">Cross Browser CSS Slideshow</a></strong><br>Sadece CSS kullanılarak geliştirilmiş bir diğer slayt gösterisi uygulaması.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-46.jpg' alt="Cross Browser CSS Slideshow" border="0"><br>Cross Browser CSS Slideshow</div> <p><strong>47. <a href="http://www.cssplay.co.uk/menu/lightbox.html">Cross Browser Multi-Page Photograph Gallery</a></strong><br>Suckerfish HoverLightbox baz alınarak geliştirilmiş olan bu uygulama çoklu sayfa anahat sistemine sahip ancak metin yerine görsel kullanıyor. Suckerfish HoverLightbox'un aksine bu uygulama herhangi bir JavaScript kullanmamasına rağmen IE 5.5 ve üzeri tarayıcılarda sorunsuz çalışıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-47.jpg' alt="Cross Browser Multi-Page Photograph Gallery" border="0"><br>Cross Browser Multi-Page Photograph Gallery</div> <p><strong>48. <a href="http://www.webdesignerwall.com/tutorials/css-decorative-gallery/">CSS Decorative Gallery</a></strong><br>Güzel bir dekoratif CSS galerisi dersi. Bu ders sayesinde görsellerinizi ve fotoğraf galerilerinizi kaynak görselleri düzenlemeden nasıl daha güzel bir şekilde görüntüleyebileceğinizi öğrenebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-48.jpg' alt="CSS Decorative Gallery" border="0"><br>CSS Decorative Gallery</div> <p><strong><em>Flash Tabanlı Galeriler</em></strong> <p><strong>49. <a href="http://www.webdesignerwall.com/tutorials/parallax-gallery/">Flash Parallax Gallery</a></strong><br>Paradox kaydırma günümüz 2B animasyonlarında ve oyunlarda çok sık bir şekilde kullanılmaktadır. Bu tip uygulamalarda arkaplan ve önplan görselleri farklı hızlarda kayarak uygulamaya derinlik katmaktadırlar. Bu derinlik, arkaplan görsellerinin önplan görsellerinden daha yavaş bir şekilde hareket etmesiyle sağlanıyor. Özellike portfolyonuzu yaratıcı ve özgün bir şekilde görüntüleyebilmek için kullanabileceğiniz harika bir rehber. Kesinlikle bir göz atılmalı!</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-49.jpg' alt="Flash Parallax Gallery" border="0"><br>Flash Parallax Gallery</div> <p><strong>50. <a href="http://www.flash-gallery.org/">Flash Gallery</a></strong><br><em>Flash Gallery</em> ücretsiz bir uygulama olup web sitelerinize kolayca ve hızlıca slayt gösterileri ekleyebilmenizi sağlıyor. Uygulamayı kullanabilmek için herhangi bir programlama bilgisine ihtiyacınız olmayacak. Tek yapmanız gereken betiği sitenize yüklemek. Ardından betik isterseniz görsellerin yer aldığı bir klasör üzerinden ya da Flickr resim akışından resimleri alarak onları otomatik olarak bir slayt gösterisi haline dönüştürüyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-50.jpg' alt="Flash Gallery" border="0"><br>Flash Gallery</div> <p><strong>51. <a href="http://www.airtightinteractive.com/simpleviewer/">SimpleViewer</a></strong><br><em>SimpleViewer</em> ücretsiz, sade ve özelleştirilebilir bir Flash görsel görüntüleme uygulamasıdır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-51.jpg' alt="SimpleViewer" border="0"><br>SimpleViewer</div> <p><strong>52. <a href="http://www.flashmo.com/preview/flashmo_098_3d_curve_wall">3B Eğri Duvar</a></strong><br>Flash tabanlı 3B eğriler oluşturabileceğiniz, Flashloaded sürümüne benzer bir uygulama ancak bu sürüm ücretsiz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-52.jpg' alt="3B Eğri Duvar" border="0"><br>3B Eğri Duvar</div> <p><strong>53. <a href="http://www.dezinerfolio.com/2007/06/07/dfgallery/">dfGallery</a></strong><br>dfGallery uygulaması görüp görebileceğiniz en başarılı galeri uygulamalarından biri.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-53.jpg' alt="dfGallery" border="0"><br>dfGallery</div> <p><strong>54. <a href="http://www.flashmo.com/preview/flashmo_094_spiral_carousel_xml">Spiral Carrousel XML</a></strong></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-54.jpg' alt="Spiral Carrousel XML" border="0"><br>Spiral Carrousel XML</div> <p><strong>55. <a href="http://www.no3dfx.com/polaroid/">Polaroid Gallery</a></strong><br>Polaroid Gallery ücretsiz ve açık kaynaklı bir Flash galeri uygulaması. Betik, görsel başlıklarını ve görsellerin kendisini dinamik olarak harici bir XML dosyasından ya da Flickr RSS beslemesi üzerinden alabiliyor. Ardından betik, aldığı veriyi işliyor ve etkileşimli bir flash galerisi oluşturuyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-55.jpg' alt="Polaroid Gallery" border="0"><br>Polaroid Gallery</div> <p><strong>56. <a href="http://www.airtightinteractive.com/projects/tiltviewer/">TiltViewer</a></strong><br>TiltViewer ücretsiz ve özelleştirilebilir 3B Flash görsel görüntüleme uygulamasıdır.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-56.jpg' alt="TiltViewer" border="0"><br>TiltViewer</div> <p><strong><em>Diğer</em></strong></p> <p><strong>57. <a href="http://www.dynamicdrive.com/dynamicindex4/">DynamicDrive</a></strong><br>Ve son olarak eğer yukarıdaki 56 galeri ihtiyacınıza cevap vermiyorsa ya da bu galeriler size yetmiyorsa, o zaman DynamicDrive.com web sitesi üzerinde bulunan diğer onlarca galeri uygulamasını deneyebilirsiniz.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/91-57.jpg' alt="DynamicDrive" border="0"><br>DynamicDrive</div> <p><em>Eğer kullandığınız ve yukarıda yer almayan bir galeri uygulaması biliyorsanız o zaman yorumlarınızda ilgili galeriye bir bağlantı vererek bu listenin gelişmesine katkıda bulunabilirsiniz.</em></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://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/">1stwebdesigner</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> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt ">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, 18 Mar 2009 07:45:00 GMT 201719@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt pipik <p><a href="http://themespack.com">themespack.com</a> un seçtiği en iyi 10 <a href="http://www.wordpress.org">wordpress</a> tema sitesini sizlerle paylaşmak istiyorum. Aslında harika tasarımlı ücretsiz wordpress temalarından derlediğim bir bildiri yazacaktım. Araştırırken aralarında seçim yapmakta zorlandım ve en iyi ücretsiz wordpress tema sitelerini yazmaya karar verdim. umarım tüm wordpress kullanan arkadaşların işine yarar. Seçimi themespack yaptığı için ilk sıraya kendisini yerleştirmiş.<br><a href="http://themespack.com/">ThemesPack</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/tw.png' alt="ThemesPack" border="0"><br>ThemesPack</div><br><a href="http://wpthemesfree.com/">wpThemesFree <div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/wp-free.png' alt="wpThemesFree " border="0"><br>wpThemesFree </div></a><br><a href="http://www.wptheme.net/">wptheme</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/wp-theme.png' alt="wpTheme" border="0"><br>wpTheme</div></p> <p><!-- buradan kes --></p> <p><a href="http://www.freewordpressthemes.com/">Free Wordpress Themes<div class="imajorta"></a><br><img src='http://www.bildirgec.org/imaj/grafimedya/fwt.png' alt="Free Wordpress Themes" border="0"><br>Free Wordpress Themes</div><br><a href="http://www.fresheezy.com/">Fresheezy</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/frwshzz.png' alt="Fresheezy" border="0"><br>Fresheezy</div><br><a href="http://www.wpsnap.com/">wpsnap</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/wpsnap.png' alt="wpsnap" border="0"><br>wpsnap</div><br><a href="http://weblogtoolscollection.com/">weblog tools connection</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/weblog.png' alt="weblog tools connection" border="0"><br>weblog tools connection</div><br><a href="http://www.themes-wp.com/">themes-wp</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/wordpressthemes.png' alt="themes-wp" border="0"><br>themes-wp</div><br><a href="http://themes.rock-kitty.net/">Kate’s Theme Viewer</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/grafimedya/kate.png' alt="kate's theme viewer" border="0"><br>kate's theme viewer</div></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/en-iyi-10-ucretsiz-wordpress ">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, 12 Feb 2009 17:12:00 GMT 196859@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/en-iyi-10-ucretsiz-wordpress pipik <p>Çatılar (Framework) JavaScript ve PHP geliştirme aşamasında sıklıkla kullanılırlar ve CSS için de gittikçe popüler hale gelmeye başladılar. Çalışma alanınızı iyileştirmeye ve çabucak şablon oluşturabilmenize yarayan bu çatıları kullanarak farklı tarayıcılar üzerinde yaşanabilecek olası problemlerden de korunmuş olursunuz. Özellikle WordPress ve benzer içerik yönetim sistemleri için seri üretim şablon oluşturan kesimler, bu tip çatılara sırtlarını dayamaktadırlar. Neden siz de onlardan biri olmayasınız? İşte bu işlem için kullanabileceğiniz 9 adet CSS çatısını aşağıda sizler için listeledim.</p> <ul> <li><strong><a href="http://www.blueprintcss.org/">BluePrint</a></strong><br>CSS geliştirirken harcanan zamanı azaltmayı hedefleyen bu CSS çatısı, üzerine projenizi inşa edebilmeniz için kolay kullanımlı bir ızgara sistemi, işe yarar bir tipografi ve hatta yazdırma için bir stil şablonunu da beraberinde sunuyor.</li> <li><strong><a href="http://sencss.kilianvalkhof.com/">SenCSs</a></strong><br>Anahat dışındaki her şey için CSS çatısı sloganı ile yola çıkan SenCSs, özellikle kendi anahattını oluşturmak isteyen ancak onun dışındaki herşey için önceden tanımlı bir çatıyı kullanmak isteyenler için geliştirilmiş bir CSS çatısı.</li> </ul> <p><!-- buradan kes --></p> <ul> <li><strong><a href="http://www.yaml.de/en/">YAML</a></strong><br>"Yet Another Multicolumn Layout" (YAML), modern ve özelleştirilebilir yüzen (floated) anahatlar oluşturmak isteyenler için bir (X)HTML/CSS çatısı sunuyor. Yapısı programlaması sırasında son derecede değişken olabilecek şekilde tasarlanan bu çatı son kullanıcılar için de tümüyle erişilebilir.</li> <li><strong><a href="http://elements.projectdesigns.org/">Elements</a></strong><br>Elements daha hızlı çalışabilmeniz için oluşturlan bir dizi dosya ve klasörü içeriyor. Halihazırda varolan projelere entegre edilebileceği gibi kendi başına bir çalışma alanı olarak da kullanılabilir.</li> <li><strong><a href="http://www.wymstyle.org/en/">WYMstyle</a></strong><br>İyi test edilmiş bir dizi modüler CSS dosyası sunan bu çatı, özellikle web sitelerini hızlı bir şekilde tasarlamak isteyenler tarafından tercih edilebilir.</li> <li><strong><a href="http://developer.yahoo.com/yui/grids/">YUI Grids CSS</a></strong><br>Dört adet sayfa genişliği, 6 adet farklı şablon ve ast alanları iki, üç ve dört sütunla bölümlendirmeye yarayan bu çatının dosya boyutu sadece 4 KB ve 1000'in üzerinde sayfa anahat kombinasyonu oluşturabilmenizi sağlıyor.</li> <li><strong><a href="http://www.contentwithstyle.co.uk/content/a-css-framework/">Content with Style</a></strong><br>Önceden yazılmış ve test edilmiş bileşenler ile web sitelerini hızlı bir şekilde oluşturulabilmesini sağlıyor.</li> <li><strong><a href="http://code.google.com/p/css-boilerplate/">Boilerplate</a></strong><br>Küçültülmüş bir çatı olan Boilerplate herhangi bir projeye başlamak için gereken ana elementleri sunuyor. Bu çatının tam kapsamlı bir çatı olmadığını ve semantik olmayan isimlendirmeler içerdiğini de hatırlatmak gerekir.</li> <li><strong><a href="http://devkick.com/lab/tripoli/">Tripoli</a></strong><br>Tüm öntanımlı tarayıcı standartlarını sıfırlayıp modern web geliştirme projeleri için onları yeniden inşa eden ve size üzerinde çalışmaya hazır bir ortam sunan CSS çatısı.</li> </ul> <p><strong>Kaynak:</strong> <a href="http://devkick.com/lab/tripoli/">CSSOrgy</a></strong></p> <strong>CSS Çatıları İle İlgili Yazdığım Diğer Yazılar</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilari-icin-kullanisli-12">Web Tasarımcıları İçin 12 Kullanışlı CSS Framework'ü, Şablonu ve Kod Sitesi</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/blueprint-css-framework-unu-kullanmak">BluePrint CSS Framework'ünü Kullanmak</a></li> <li><a href="http://www.bildirgec.org/yazi/sencss-layout-disindaki-hersey-icin">SenCSs: Layout Dışındaki Herşey İçin CSS Framework'ü</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin ">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, 09 Feb 2009 07:45:00 GMT 196485@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/daha-hizli-sablon-olusturabilmek-icin pipik <p>Yabancı fontlarda türkçe karakterler bulunmuyor. Ancak bu fontlara türkçe karakterler ekleyebiliriz.<br>Öncelikle bir font editörüne ihtiyacımız var. Ücretsiz windows ve linux alternatifleri var ancak ben bu konuyu yeteneklerini yeterli bulduğum FontCreator v5.6 programı üzerinden anlatacağım.</p> <p><strong>1.Adım</strong></p> <p><a href="http://www.high-logic.com/fontcreator.html">high-logic.com</a> adresinden FontCreator programını yüklüyoruz.<br>Programda düzenlemek istediğimiz fontu açıyoruz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-secimi.jpg' alt="düzenlenmesi istenen fontu açıyoruz" border="0"><br>düzenlenmesi istenen fontu açıyoruz</div></p> <p><strong>2.adım</strong></p> <p>Şimdi türkçe karakterler daha önceden tanımlanmamışsa yeni karakterler oluşturmamız gerekiyor. Her hangi bir karaktere sağ tıklıyoruz buradan "Add" seçeneğine tıklıyoruz. Eklemek istediğimiz yeni karakter için boş bir kutucuk açılıyor. Bu kutucuğa karakterimizi eklemeden önce kutucuğu tanımlamalıyız. Yani klavyedeki hangi tuşa basında bu kutucuğun bir harf olarak ekranda belireceğini ayarlamalıyız. Bunun için oluşturduğumuz bu boş kutucuğa sağ tıklayarak Properties seçeneğine giriyoruz.</p> <p><!-- buradan kes --></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret2.jpg' alt="yeni harfimizi tanımlıyoruz" border="0"><br>yeni harfimizi tanımlıyoruz</div><br>Açılan bu pencerede General sekmesi altında Postscript başlığı içerisindeki Name'e eklemek istediğimiz harfin ismini veriyoruz. Sonra Mappings sekmesine geçerek, mappings alanına yeni bir özellik eklemeliyiz. bunun için mappings penceresinin sağ tarafında bulunan Select butonuna tıklıyoruz. <p>Örneğin eklemek istediğimiz harf yumuşak g (ğ) olsun. Bu harf <strong>Latin Extended-A</strong> kategorisinde<strong> latin small letter g with breve</strong> olarak geçiyor. (Eğer harflerin isimlerini bilmiyorsak windowstaki sistem araçları arasında yer alan karakter eşlem aracından isimlerini öğrenebiliriz.)<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret3.jpg' alt="ğ harfinin mappings sekmesinde tanımlanması " border="0"><br>ğ harfinin mappings sekmesinde tanımlanması </div><br>Harf tanımlama işlemleri bu kadar. Sonra Ok butonlarıyla işlemi tamamlıyoruz . Oluşturduğumuz boş kutucuğun üzerinde harfimize ait genel bir görüntü oluşmuş olacaktır. Ancak harfimiz henüz tasarlanmadı.</p> <p><strong>Adım 3</strong></p> <p>Fontu türkçeleştirme işleminin püf noktası burada yatıyor. Anlatım için Amaze isimli fontu kullandım. Bu font standart fontlara benzemiyor. Peki ben ğ harfini nasıl tasarlayabilirim? En küçük bir bozukluk diğer karakterler arasında uyumsuzluk yaratacaktır ve göze hoş gelmeyecektir.</p> <p><strong>Türkçe karakterlerin tasarımı</strong></p> <p>Ekleyeceğimiz karakterleri diğer karakterlerden kopyalayabiliriz. Örneğin yine (ğ) harfini fonta ekliyor olalım. Bunun için fontta hali hazırda var olan g harfini kopyalayıp eklemek istediğimiz (ğ) harfine yapıştırıyoruz. şimdi üzerinde bir çizgi eksik bunu da varsa diğer karakterlerden yine kopyala yapıştır yöntemiyle elde edip üzerine ekleyebiliriz. ya da kendimiz bir çizgi çizerek kopya g harfini ğ harfine dönüştürebiliriz. Temel mantık bu. Ben diğer karakterlerden aldığım bir çizgiyi biraz değiştirerek g harfine uygun hale getirdim ve fontta hiç bir bozukluk olmadı.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret4.jpg' alt="ğ nin üzerindeki çizgiyi oluşturmak için fonttaki bu karakterden yararlanılabilir." border="0"><br>ğ nin üzerindeki çizgiyi oluşturmak için fonttaki bu karakterden yararlanılabilir.</div><br>Aldığım çizgideki bir takım oynamalardan sonra ğ harfini elde etmiş oluyoruz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-harf-uret5.jpg' alt="ğ harfi oluşturuluyor." border="0"><br>ğ harfi oluşturuluyor.</div></p> <p>Bu işlemi diğer türkçe karakterler için de uyguluyoruz. ç nin altındaki çengeli s yi ş yapmak için kullanabiliyoruz. Bu ve benzeri eklemeler sonucunda türkçe karaktlerin tamamanını oluşturmak mümkün.<br>FontCreator programında F5 tuşuyla her an fontu test etmek harfler arasında uyumsuzluk olup olmadığını görmek mümkün. Testlerde de olumlu sonuçlar aldıktan sonra fontu ilgili klasöre yükleyebiliriz. Program bunu bizim için "install font" seçeneğiyle yapabiliyor. Ancak bir hatayla karşılaşma ihtimalimiz var. Bunun sebebi orjinal font dosyasının fonts klasöründe bulunmasından kaynaklanıyor. Önce orjinal fontu sistemden tamamen kaldırmalıyız. İşlem burada bitmiyor . Dilersek fontun ismini de değiştirebiliriz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-isim1.jpg' alt="Fontun görünen ismini veriyoruz" border="0"><br>Fontun görünen ismini veriyoruz</div><br>Programda fonta isim vermek için Tools menüsünden Autonaming... seçeneğine tıklamamız gerekiyor. İsim verdikten sonra diğer detayları olduğu gibi bırakabiliriz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-isim2.jpg' alt="Detaylar" border="0"><br>Detaylar</div></p> <p><strong>Adım 4</strong></p> <p>Fontu ister program aracılığıyla ister elle sisteme yükledikten sonra herhangi bir metin editöründe test edebiliriz. Ben bu makaleyi hazırlarken kullandığım Amaze fontunu bilindik ve türkçe karakter içeren birkaç kelimeyle test ettim.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/maxhoper/font-sonuc1.jpg' alt="Sonuç" border="0"><br>Sonuç</div><br>Fontun sisteme dahil olmasıyla tüm işlemler bitiyor. Tasarımlarınızda başarılar...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/fontlar-nasil-turkcelestirilir ">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, 05 Feb 2009 10:12:00 GMT 196037@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/fontlar-nasil-turkcelestirilir pipik <div class="imajorta"><img src='http://www.bildirgec.org/imaj/wanadooo/grab.jpg' alt="\"\"" border="0"><br></div> Bildirgeç'te daha önceleri verilen <a href="http://www.bildirgec.org/ara/flash%20galeri">flash galeri</a> uygulamalarına ek olarak <a href="http://developerfox.com/37-free-flash-photo-gallery/364">burada</a> tam 37 tane ücretsiz flash galeri uygulamasına yer verilmiş. Hepsi birbirinden güzel ve kullanışlı. Kurulumları basit, boyutları son derece ufak; hatta bazılarının <a href="http://flickr.com/">flickr</a> desteği bile var. <p>bildirgeç'te daha önce verilen bildiriler:</p> <ul> <li><a href="http://www.bildirgec.org/yazi/ucretsiz-flash-galeri-uygulamasi">ücretsiz flash galeri uygulaması</a></li> <li><a href="http://www.bildirgec.org/yazi/bedava-5-adet-3boyutlu-flash">Bedava 5 Adet 3Boyutlu Flash Galeri</a></li> <li><a href="http://www.bildirgec.org/yazi/3-boyutlu-flash-galeri-tiltviewer">3 boyutlu Flash Galeri TiltViewer</a></li> <li><a href="http://www.bildirgec.org/yazi/simpleviewer-flash-resim-galerisi">SimpleViewer Flash Resim Galerisi</a></li> <li><a href="http://www.bildirgec.org/yazi/flash-gallery">Flash-gallery</a></li> <li><a href="http://www.bildirgec.org/yazi/javascript-resim-galerisi">javascript resim galerisi</a></li> <li><a href="http://efectorelativo.net/laboratory/noobSlide/sample.html">noobSlide</a></li> <li><a href="http://www.bildirgec.org/yazi/ajax-ve-javascript-tabanli-fotograf">Ajax ve javaScript tabanlı fotoğraf galerileri</a></li> <li><a href="http://www.bildirgec.org/yazi/flash-javascript-imaj-galerileri">flash, javascript imaj galerileri</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/37-tane-ucretsiz-flash-galeri ">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, 01 Nov 2008 06:27:00 GMT 185552@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/37-tane-ucretsiz-flash-galeri pipik <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pasacocugu/281020080521-650x487.jpg' alt="\"\"" border="0"><br></div>Aralarında başarılı birçok sitenin kurucusu ve proje sahibi, <a href="http://www.bildirgec.org/etiket/internet">internet</a> sektörünün ünlü isimleri sansür sorununu çözümleyip tarihe gömmek için <a href="http://yemeksepeti.com">yemeksepeti.com</a> ofisinde <a href="http://mserdark.com/web_dunyasi/sansuru-tarihe-gommek-icin-toplandik">toplandı!</a> işte liste (unuttuğumuz varsa kırılmasın): <ul> <li>Hasan Yalçınkaya - <a href="http://www.pilli.com">pilli network</a></li> <li>Başak Purut - <a href="http://sozluk.sourtimes.org">Ekşisözlük</a> ve pilli'nin avukatı</li> <li>Gökhan Ahi - Reklamz Avukatı</li> <li>Burak Büyükdemir - <a href="http://www.haber.gen.tr">haber.gen.tr</a>,<a href="http://www.e-tohum.com">e-tohum</a> projesi</li> <li>Arda Kutsal - <a href="http://www.webrazzi.com">webrazzi</a></li> <li>Nevzat Aydın - <a href="http://www.yemeksepeti.com">yemeksepeti</a></li> <li>Orkun Tekin - <a href="http://www.reklamz.com">Reklamz</a></li> <li>Hadi Özışık - <a href="http://www.internethaber.com">internethaber.com</a></li> <li>Savaş Şakar - <a href="http://www.savassakar.com/?page_id=2">savassakar.com</a></li> <li>Erden Yurdanur - <a href="http://www.mackolik.com">mackolik</a></li> <li> Füsun Sarp Nebil - <a href="http://turk.internet.com">turk.internet.com</a></li> <li>Alemşah Öztürk- <a href="http://www.41-29.com">41-29</a></li> <li>Serdar Kuzuloğlu-<a href="http://mserdark.com/">mserdark.com</a></li> <li>Çağlar Erol - <a href="http://caglarerol.com/">caglarerol.com</a><br><!-- buradan kes --><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/pasacocugu/28102008051-650x487.jpg' alt="\"\"" border="0"><br></div></li> </ul> <p>Amacı <strong>sansür uygulamalarından nasıl kurtulacağımızı tartışma ve bir eylem planı oluşturma</strong> olan toplantı sonucunda sorunlar 3 ayrı başlık altında toplandı:</p> <blockquote> <strong>Hukuki sorunlar:</strong> <ul> <li>Adalet sisteminde kötüye kullanılabilecek alanlar var. Bunların başında bilişim alanında uzmanlaşmış ihtisas mahkemelerin yokluğu geliyor. Böylece hayatında internetin yüzünü görmemiş bir hakim bile internete sansür kararı alabiliyor.</li> <li>Hakimler önlerine gelen şikayet dosyalarını eni konu incelemeden doğrudan karar veriyor. Yani olayın insafı, dosyanın şekline bağlı. Bu da mahkemeleri bir notere dönüştürebiliyor.</li> <li>Hukuk sisteminde ciddi bir internet bilgi eksikliği var. Avukatında da, bilirkişisinde de, hakimi de bu konuda yetersiz. Sivil toplum kuruluşlarının adalet çalışanlarını eğitme çalışmaları da sonuç vermemiş.</li> <li>Sansür kararı alan hakimlerin çoğu tam olarak ne yaptığının farkında değil. Son olarak Diyarbakır mahkemesinin <a href="http://www.digiturk.com.tr/">Digiturk’ün</a> şikayetiyle aldığı kararın ardından gelen tepkilerden şaşkın ve rahatsız olduğu biliniyor.</li> <li>Hukuki düzenleme takibi zor ve faydasız bir sürece yöneltiyor. Örneğin bir <a href="http://www.bildirgec.org/etiket/site">sitede</a> aleyhinizde yer alan bir konu hakkında önce eposta / normal posta yoluyla bildiri yapmanız gerekiyor. 3 gün içinde cevap alınmazsa dava yoluna gidilebiliyor. Buradaki maharet avukatta. Eğer karşı tarafın bir avukatı / temsilcisi yoksa, <a href="http://www.bildirgec.org/etiket/sansür">sansürün</a> tokmağı iniyor.</li> <li>Yukarıdaki ayrıntı yüzünden eğer bir avukat gönüllü olarak bir yabancı sitenin kapanmasına karşı harekete geçip savunma yapmazsa o siteyi sonsuza kadar unutuyoruz.</li> </ul> <strong>Sitelere ait sorunlar:</strong> <ul> <li>Kimi yerli sitelere yönelik kısıtlamalar yabancı siteler için geçerli değil. Bu da kafa karıştırıyor. Örneğin bahis sitelerinin reklamlarının yayımlanması yerli sitelere suç ama Türkiye’ye yönelik de yayın yapan yabancı kökenli siteler için değil. Böyle irili ufaklı detaylar mevcut.</li> <li>Sitelerin ortak bir içerik / yayın kriteri bulunmuyor. Belki de bunun için bir etiketleme sistemi geliştirilebilir. Ancak benim fikrime göre bu da ‘helal gıda’ benzeri bir tartışmaya götürebilir bizi. Yani helal olmayan haram mantığı internet için de ayrı bir tehlike.</li> <li>Siteleri temsil eden sivil bir çatı yok.</li> </ul> <ul> <li>Türkiye’de interneti düzenleyen ve bu sansüre giden süreci konu alan kanunlar site sahipleri tarafından bilinmiyor.</li> <li>Sansüre yönelik uygulamalardaki ölçüsüzlük ve tutarsızlık özellikle yerli sitelelerin tepesinde Demokles kılıcı gibi sallanıyor. Ciddi bir oto-sansür devrede.</li> </ul> <strong>Genel sorunlar:</strong> <ul> <li>Medyanın bu konudaki kamuoyu oluşturma ve bilinçlendirme yeteneğini daha iyi kullanmak gerekiyor. * Site yayıncılarının mevcut hukuksal düzenlemeler ve onlara getirdiği yükümlülükler hakkında bilgi sahibi olması gerekiyor. İnternette bir site açtığında ne kadar büyük bir sorumluluğun ve tehlikenin altına girdiğinin kimse farkında bile değil.</li> </ul> <ul> <li>Türkiye’de bilişim sektörünü temsil eden sivil toplum kuruluşları (<a href="http://">TBD</a>, <a href="http://www.tbv.org.tr/">TBV</a>, <a href="http://www.tusiad.org.tr/">TÜBİSAD</a>, TESİD, vs) temsil ettiği kuruluşlar açısından devlete göbekten bağlı oldukları için isyan etmeleri gereken böyle bir durumda kuyruklarını sıkıştırıp sus pus oluyorlar. Yani sivil bir internet çatısı en azından böyle durumlar için gerekli ve faydalı.</li> <li>Mevcut yasanın çarpıklığının herkes farkında ancak alternatif öneriler konusunda somut bir alternatif de henüz yok.</li> </ul> </blockquote> <p>Serdar Kuzuloğlu sorunları bu şekilde sıralamış. şimdi gelelim <strong>can alıcı nokta</strong> olan <strong>"neler yapabiliriz?"</strong> bölümüne:</p> <blockquote> <ol> <li><a href="http://www.blogger.com">Blogger’ın</a> kapatılma kararınından dolayı mağdur olanlar olarak (örneğin oradaki bilgiye ulaşamayan, kendi blogunu güncelleyemeyen, bu yüzden reklam geliri, ziyaretçi ya da prestij kaybına uğrayan) kişiler olarak hakimin kararına karşı dava açmak. Bu davanın masraflarını ekşisözlük kurucusu <a href="http://tr.wikipedia.org/wiki/Sedat_Kapano%C4%9Flu">Sedat (kapanoğlu)</a> üstleniyor. Avukat <a href="http://sozluk.sourtimes.org/show.asp?t=basak%20purut">Başak Purut</a>. Bir vekalet vererek buna katılabiliyorsunuz. Davayı kaybetsek bile <a href="http://tr.wikipedia.org/wiki/Avrupa_%C4%B0nsan_Haklar%C4%B1_Mahkemesi">Avrupa İnsan Hakları Mahkemesi</a> karşısında mahkum ettirebiliriz. Toplantıdakiler pek ses çıkarmasa da anladığım kadarıyla bu kısmına pek sıcak bakmadı (belki sonradan değişecektir). Ama ben şahsen o sürece katılacağım. Bu ülkede böyle girişimler biraz risk içerse de bence göze alınması gerekiyor. (lafla peynir gemisi yürümez diyorsak) Bu davaya siz de katılmak istiyorsanız lütfen benimle temasa geçin. Noterden Başak Purut adına bir vekalet çıkartamanız yeterli.</li> <li>Medyada bu konunun gündeme getirilip tartışılması için ortam sağlamak. Buna bir anlamda halkla ilişkiler faaliyeti de diyebiliriz. Fakat burada en büyük sorun medyanın ve kamuoyunun ilgisinin sadece sansasyonel bir sansür vakası olduğunda oluşması. Yoksa her sabah kalkıp “yahu bu <a href="http://www.youtube.com">youtube</a> niye kapalı?” diyen kişi sayısı pek fazla değil.</li> <li>Konuyla ilgili iki bakanlık olan <a href="http://www.adalet.gov.tr/">Adalet</a> ve İletişim bakanlığıyla görüşmelerin başlatılması. Elbette bunun için önce bir alternatif öneri taslağının hazırlanması gerekiyor. Hazırlayacağız.</li> <li>Bir sivil internet kullanıcıları platformu / girişimi kurulması gerekiyor.</li> </ol> </blockquote> <p>Yazıyı hazırlamamda yardımcı olan (alıntılar mserdark.com'dan yapılmıştır) <a href="http://mserdark.com/web_dunyasi/sansuru-tarihe-gommek-icin-toplandik">Serdar kuzuloğlu'nun blogu</a> ve <a href="http://www.siberkultur.com/?q=sansure-organize">siberkultur.com</a>'a teşekkürler, bu toplantıların sürmesi dileğiyle...</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/sansuru-tarihe-gomme-amacli-internet ">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, 30 Oct 2008 08:13:00 GMT 180385@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/sansuru-tarihe-gomme-amacli-internet pipik <p><a href="http://www.packtpub.com">Packt Publishing</a> her yıl olduğu gibi bu yıl da Açık Kaynak İçerik yönetim sistemi (CMS) ödüllerini açıkladı.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/drupaloSa/packt-08-phpaward.png' alt="En iyisi Drupal" border="0"><br>En iyisi Drupal</div> <p>Ayın 27'sinde yayınlanan <a href="http://www.packtpub.com/article/open-source-cms-most-valued-people-announced">açık kaynak kodlu CMS'lerle ilgili en değerli kişiler</a> kategorisinde farklı CMS topluluklarından 24 kişi bu ödüle layık görüldü.</p> <p>28 Ekim'de ise <a href="http://www.packtpub.com/article/2008-best-other-open-source-cms-winner-revealed">Php Tabanlı Olmayan en iyi CMS</a> kategorisinde 1.liği <a href="http://www.zope.org/">Zope</a> (<a href="http://www.python.org/">python</a>) ile geliştirilen <a href="http://plone.org/">Plone</a> kazandı.</p> Bugün, yani 29 Ekim tarihinde ise sonucu merakla beklenen kategorilerden biri olan <a href="http://www.packtpub.com/article/2008-best-php-open-source-cms-drupal">En İyi PHP Tabanlı Açık Kaynak CMS</a> ödülü açıklandı. Bu ödülün sahibi ise <a href="http://drupal.org">Drupal</a> oldu. Sıralamada <a href="http://www.joomla.org">Joomla</a> ve <a href="http://www.cmsmadesimple.org/">CMS Made Simple</a> sistemleri aynı puanda kalarak 2.liği paylaştılar.<br><!-- buradan kes --><br>Önümüzdeki iki günde iki kategoride daha ödüller açıklanmaya devam edilecek. Bu kategoriler ve adaylar şöyle: <ul> <li><strong>Gelecek vaadeden Açık Kaynak CMS </strong>(CMS Made Simple, ImpressCMS, MiaCMS, MemHT, SilverStripe)</li> <li><strong>2008 Yılı En İyi Açık Kaynak CMS</strong> (DotNetNuke, Drupal, Joomla!, Plone, TYPOlight)</li> </ul> Bu yılın en iyi php tabanlı açık kaynak cms'si drupal ile ilgili bilgi alabileceğiniz linkler: <ul> <li><a href="http://drupal.org">resmi site</a></li> <li><a href="http://groups.drupal.org/turkey">resmi Türk Drupal kullanıcıları topluluğu</a></li> <li><a href="http://drupal.sosyomat.com/">sosyomat'ta Drupal topluluğu</a></li> <li><a href="http://drupaldersleri.org/">drupal dersleri</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/2008-in-en-iyi-icerik ">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, 30 Oct 2008 15:48:00 GMT 180384@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/2008-in-en-iyi-icerik pipik <p><a href="http://en.wikipedia.org/wiki/Sitemaps">Sitemap.xml</a> hazırlama yöntemlerini birçok arkadaş bilir fakat bilmeyenler için bir seferde ben anlatayım dedim. Basit ve etkili bir yöntemi sizlerle paylaşacağım. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hafif uyku/google-sitemap.gif' alt="\"\"" border="0"><br></div><br>Sırası ile aşağıdaki işlemleri uygulayın emin olun hem <a href="https://www.google.com/adsense/login/tr/">adsense</a> gelirleriniz yükselecek ve <a href="http://www.google.com.tr">google</a> sizin sitenizi daha çok sevecek.</p> <p>Şimdi Anlatmaya Başlayayım;<br><!-- buradan kes --><br>1.) İlk olarak <a href="http://www.google.com/webmasters/sitemaps/login">Bu</a> adrese giriyoruz. Eğer <a href="mail.google.com/mail?hl=tr">gmail</a> varsa giriş yapıyoruz ve zaten o bizi yönlendiriyor. Ama yoksa önce gmail adresini <a href="http://mail.google.com/mail/signup">Buradan</a> kayıt olup alıyoruz. Adresimizi aldıysak sisteme giriş yapıyoruz.</p> <p>2.) Giriş yaptıktan sonra karşımıza gelen sayfada göreceğimiz "Add Site" yazan yere tıklayıp kendi sitemizin <a href="http://tr.wikipedia.org/wiki/URL">url</a>'sini yazıyoruz.</p> <p>Onayladıktan sonra karşımıza ''Your site has been added to your account. Verify your ownership to view detailed statistics and errors for it.'' diye biraz yazı çıkacak. Eğer bu yazı çıktıysa sitemiz hesabımıza eklenecek demektir. Ama daha bitmedi devam ediyoruz.</p> <p>3.) Siteniz kabul edikten sonra aynı sayfada ''Verifry'' adında bir link göreceğiz. Bu linke tıklayıp sağ üst köşede ''Verification status: NOT VERIFIED'' yazısını göreceğiz.</p> <p>Daha sonra ''Choose Verification Method'' kısmından ''Upload An HTML File'' seçeneğine tıklayıp <a href="http://www.google.com.tr">google</a>'nin bize bir <a href="http://tr.wikipedia.org/wiki/HTML">html</a> sayfası göndermesini bekleyeceğiz. Tabi normal bir html sayfası göndermiyo :) öncelikle size html sayfasının <a href="http://tr.wikipedia.org/wiki/Kaynak_kodu">kaynak kodu</a>'nu gönderiyor ve oluşturacağınız bu sayfanın adını bu şekilde yapmanızı istiyor.</p> <p>Örnek Sayfa adı: ''google2ea3bd528ef1568fd.html''</p> <p>Bu html sayfasını ister <a href="http://notepad-plus.sourceforge.net/">notepad</a> ister <a href="http://www.microsoft.com/FRONTPAGE/">frontpage</a> veya herhangi bir html oluşturucu program sayesinde yapıyoruz. Yaptıktan ve ismini google amcanın bize verdiği şekle göre ayarladıktan hemen sonra sitemizin hostuna atıyoruz. (httpdocs, public_html, www adında klasörler vardır onların içine )</p> <p>4.) Sayfayı oluşturduk, sayfanın adını verdik, hostumuza attık e daha ne olacak böylemi kalacak diye düşünenler henüz işimiz bitmedi çok az bir işimiz kaldı.</p> <p>Hani google amca bize sayfanın html kodlarını ve adını vermiştiya sitemizin kabul olduğu sayfa umarım orayı kapatmamışsınızdır. Oraya geri dönüyoruz ve ''Verify'' linkine tekrar tıklıyoruz. Eğer ki bütün işlemleri doğru yaptıysanız ve doğru yere attıysanız ''Verified'' yazısını göreceksiniz.</p> <p>5.) Şimdi google amcamıza sitemizi tanıttık sıra geldi sitemap oluşturmaya. <a href="http://gsitecrawler.com/">Bu</a> adresden sitemap programımızı indireceğiz. İndirme Sayfası için <a href="http://gsitecrawler.com/en/download/file/?file=1&mirror=1">buraya</a> Direk link için <a href="http://gsitecrawler.com/gs-files/gsitecrawler-123-full.exe">buraya</a> tıklayabilirsiniz. <br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/hafif uyku/head-logo.gif' alt="\"\"" border="0"><br></div><br>6.) Üst kısımda ''Pause'' yazısı olacak oraya 1 kez tıklayıp ardından ''Delete''ye basıyoruz. karşımıza çıkan kutucuktan ''add new project''e tıklıyoruz.</p> <p>''Main adress of your website'' yazan yere sitemizin index sayfasının adresini yazıyoruz. Unutmayalım kendi sitemizin index adresi googleden aldığımız adres değil. Sonra en altta bulunan ''Skip server check''i işaretleyip ilerliyoruz yani ''Next>>>'' butonuna basıyoruz.</p> <p>Karşımıza gelen sayfada hiçbir değişiklik yapmıyoruz. Sadece 2. kutucuğa tick koyuyoruz ve yine ''Next>>>'' diyoruz.</p> <p>ftp adresi isteyen kutucuğa işaret koymadan devam edin.</p> <p>Karşımıza Step 4.4 kısmı gelecek oradada birşey ellemeyin herşey olduğu gibi kalsın. ''Finish''e basıp beklemeye başlıyoruz.</p> <p>Bu bekleme süresi sitenizin sayfa sayısı ve içeriğine bağlı olarak 1 - 2 dakikadan 4 - 5 saate kadar uzuyor. Bu arada sıkılıyorsak eğer <a href="http://www.bildirgec.org">bildirgec</a>'e girip yazılan yazıları okuyabilirsiniz.</p> <p>7.) İşlem bittikten sonra karşımızda beklememizi söyleyen küçük kutucuk kaybolup gidiyor. Ve program otomatik olarak ana penceresine dönüyor. Ana pencerenin üst kısmandaki menülerden ''Generate'' yazan butonu buluyoruz ve yanındaki ok işaretine basıyoruz.</p> <p>Açılan menüden ''Google Sitemap-file'' seçeneğini seçiyoruz ve kaydetme penceresinden bilgisayarımızda herhangi bir yere kayıt ediyoruz. Kaybolmaması için masaüstüne kayıt etmenizi öneririm.</p> <p>8.)Program aracılığı ile bilgisayarımıza 3 adet dosya kaydetmiş olduk. Bu dosyalar üzerinde hiçbir oynama yapmadan ftp programları aracılığı ile ( <a href="http://www.cuteftp.com/">cuteftp</a>, <a href="http://software.visicommedia.com/en/products/aceftpfreeware/">aceftp</a> gibi) hostumuzun root dizinine googlenin bize gönderdiği html sayfası vardıya onun olduğu yere 3 dosyayıda atıyoruz. Sonra ftpmizi kapatıp googleye geri dönüyoruz.</p> <p>9.) Googleye gelip hani şu asla bu işlemler bitmeden kapatmayacağımız sayfa varya heh işte oraya geliyoruz. Orada hemen gözünüze ilişir zaten ''Add a sitemap'' linki var ona tıklıyoruz. Daha sonra karşımıza gelen yerde ''Choose Type'' den ''Add general web sitemap'' kısmına tıklıyoruz. Tıkladıkdan sonra bize sitemap dosyamızın tam url adresini istiyor.</p> <p>Hemen oraya sitemap adresimizi</p> <blockquote>http://www.sitenizinadresi.com/sitemap.xml </blockquote> <p>şeklinde yazıyoruz. Yazdıkdan sonra onaylıyoruz. ''Verified'' dediyse işlem tamamdır...</p> <p>Not: İşte hepsi bu kadar artık açık olan tüm sayfaları kapatabilir ftpleri kapatabilir ve google'nin sizi bir iki hafta içerisinde tamamiyle indexlemesini bekleyebilirsiniz. Googledeki araçlar sayesinde (yeni demenki kullandığımız özelliğin olduğu sayfada) ''See stats For'' yazısını tıklayıp istatistiksel bilgilere googlede hangi kelimelerde bulunduğunuzu görebilirsiniz. Şimdiden herkeze kolay gelsin arkadaşlar.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/sitemap-olusturma-rehberi ">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, 10 Oct 2008 07:12:00 GMT 176504@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/sitemap-olusturma-rehberi pipik <p>İncelemesi bir dert, analiz etmesi başka bir dert olan raporlarınızı flash grafiklerle süslemenin vakti çoktan geldi de geçiyor. Varolan onca verinizi flash grafiklerle daha anlaşılır ve daha etkili sunum haline getirin. Hem raporlanızı daha cazibeli bir hal alsın, hem de incelenmesi ve anlaması daha kolay olsun. Kilit noktalar hiç kaçırılmasın. İşte tam bu noktada sizler için kullanabileceğiniz üç farklı flash chart component'ini inceledim, derledim.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/001.jpg' alt="\"\"" border="0"><br></div> # <a href="http://teethgrinder.co.uk/open-flash-chart/index.php">Open Flash Chart :</a> kurulumu çok kolay olan open chart bileşeni, PHP, Perl, Python, Java, Ruby on Rails, and .Net gibi birçok programlama dili için gerekli olan class'ları barındırıyor. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/002.jpg' alt="\"\"" border="0"><br></div> # <a href="http://www.amcharts.com/">AmCharts :</a> 3 boyutlu ve 2 boyutlu onlarca grafik tipini içinde barındıran bileşen son derece etkileşimli ve animatif grafikler elde etmenize olanak sağlıyor. Tabii bu kadar zengin bir içeriği olduğunda belli bir miktar ücret talep eden bileşen PHP, .NET, Java, Ruby on Rails, Perl and ColdFusion dillerini desteklemekte ve bu dillerle sorunsuz iletişim kurabilmekte. Eğer ben para mara vermem diyorsanız o zaman grafikleriniz alt kısmına ufak bir firma link'i göze alıyorsunuz demektir. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/003.jpg' alt="\"\"" border="0"><br></div> # <a href="http://www.maani.us/charts/index.php">PHP/SWF Charts</a> : Son olarak sizler için incelediğim Flash grafik bileşeni olan PHP/SWF Chart, çok geniş bir yelpaze üzerinde size grafik tipleri sunuyor. Etkileşimin suyunu çıkartan bileşende nerdeyse yok yok. Grafikler hem görsel olarak çok güçlü hem de işlevsellik olarak. Real time veri alabilen bileşen, XML üzerinden veri almakta.<p>Bu yazı <a href="http://www.bildirgec.org/uye/pipik">pipik</a> tarafından <a href=" http://www.bildirgec.org/yazi/web-de-rapor-sayfalarinizi-flash ">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, 04 Oct 2008 17:01:00 GMT 175271@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/web-de-rapor-sayfalarinizi-flash