http://www.bildirgec.org/ tr-tr 40 bildirgec.org - kirpit - beğendikleri kirpit <p>bloglar artık internette çok farklı bir yere sahipler. blog sahibi olmak ve blog okumak oldukça popülerleşti. blog okumak kolay, fazla teknik bilgi gerektirmiyor fakat blog yazmak dediğimiz zaman iş biraz değişiyor. dikkat etmemiz gereken bir sürü kural, yapmamamız gereken onlarca hata var. böyle yazınca biraz abartmış gibi görünebilirim ama gerçekten başarılı bir blog sahibi olmak hiç kolay değil. bu yazımda blog sahibi olurken dikkat etmemiz gerekenleri, blogun olmazsa olmazlarını inceleyeceğim. bilgilendirici ve keyifli olması dileğiyle.</p> <p><strong>başlığa dikkat edin!</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/title.jpg' alt="\"\"" border="0"><br></div><br>blog yazarken dikkat edilmesi gereken en önemli yerlerden biri de başlıktır. örneğin bildirgeç'te yazarken başlığa oldukça önem veriliyor, ilgi çekici başlıklar okunma oranını arttırıyor. aynı şey blogunuz için de geçerli. siz hiç "page 1" başlığına sahip mükemmel bir blog gördünüz mü? başlığınızı ne çok uzun ne çok kısa tutun dengeyi sağlamaya çalışın.</p> <p><strong>rss takibi</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/rss.jpg' alt="\"\"" border="0"><br></div></p> <p>blogunuzuda ziyaretçilerinizin sizi rss ile takip etmelerini sağlayacak butonu saklamayın. saklamak derken elbette gerçek anlamda saklamayı kastetmiyorum. istemeden de saklamış olabilirsiniz, sayfanın alt kısımlarında bir yere veye bir sürü gif'in arasına koymuş olabilirsiniz. artık onu daha görülebilir dikkat çekici bir yere koyun ki ziyaretçi sayınız/takipçileriniz artsın.</p> <p><!-- buradan kes --></p> <p><strong><br>sosyal medya ikonları</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/icons.jpg' alt="\"\"" border="0"><br></div><br>sosyal medya ikonları ne kadar sevimli değil mi? insanın hepsine tıklayası geliyor. siz de blogunuzdaki sosyal medya ikonlarını kolay ulaşabilecekler yerlere koyun ve ziyaretçilerinizin minimum zamanda sitenizi paylaşabilmesini sağlayın. süre uzadığı takdirde ziyaretçinizin canı sıkılacak hatta soğuyacaklardır. bu yüzden sosyal medya ikonlarını<br>kolay ulaşabilecekleri ve hızla paylaşabilecekleri şekilde dizayn etmeniz en doğrusu olacaktır.</p> <p><strong>Arama çubuğu ve blog arşivi</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/search-field.jpg' alt="\"\"" border="0"><br></div><br>blogunuzu düzenli aralıklarla güncelliyorsunuz ve yazılarınız birikmeye başladı. bu oldakça iyi ama yazılarınızı iyi bir şekilde organize etmek blogunuza olumlu puan kazandıracaktır. tabii blogunuza arama çubuğu eklemekte blogunuzu oldukça kullanışlı yapacaktır unutmamanız gereken nokta sitenizin kullanışlığıyla ziyaretçi sayınızın doğru orantılı olduğudur.<br><strong><br>favicon</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/favicon.jpg' alt="\"\"" border="0"><br></div></p> <p>favicon kimilerine göre gereksiz gibi gelse de ben gereksiz olmadığını düşünüyorum. çünkü favicon web sitenizi temsil eden grafiktir blogunuzu temsil eden bir şey önemsiz olamaz değil mi?<br>ayrıca favicon blogunuzun diğer sık kullanılanlardan kolayca ayırdedilmesini sağlar. siz de internette faviconun nasıl yapıldığını bloga nasıl eklendiğini araştırıp blogunuza favicon ekleyebilirsiniz.</p> <p><strong>Navigasyon butonları</strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/tembelyarasa/navigation.jpg' alt="\"\"" border="0"><br></div></p> <p>geçenlerde bir blogdaydım kayboldum resmen. anasayfaya ulaşmak istiyorum, ulaşamıyorum. önceki sayfaya gitmek istiyorum, gidemiyorum. öylece kaldım! tabii bu işin şaka kısmıydı ama bazen bazı bloglarda bu durumlar gerçekleşebiliyor bu durumdan kaçınmak için blogunuza ziyaretçilerinizin kolayca kullanabileceği navigasyon butonları eklemelisiniz.<br><strong><br>10 adımda blogculuğunuzu geliştirin!</strong></p> <p><a href="http://www.bildirgec.org/yazi/blog-trafiginiz-hizlansin">blog trafiğiniz hızlandırmak için izleyeceğiniz yol</a><br><a href="http://www.bildirgec.org/yazi/blogculugun-4-sirri"><br>blogculuğun pek bilinmeyen sırları</a></p> <p><a href="http://www.bildirgec.org/yazi/blog-tasariminda-sik-yapilan-10">blog tasarımda sık yapılan 10 hata</a></p> <p><a href="http://www.inkrebels.com/insp/20-typical-mistakes-made-by-new-bloggers/">yeni başlayan blogcuların sık yaptığı 20 hata</a><br><a href="http://www.inkrebels.com/insp/100-sources-of-blogging-inspiration/"><br>blogculara 100 öğüt</a><br><a href="http://www.inkrebels.com/insp/8-types-of-posts-that-get-maximum-comments/"><br>blogunuza maksimum yorum almanın yolları</a></p> <p><a href="http://www.inkrebels.com/insp/10-ways-to-dramatically-increase-your-rss-feed-subscribers/">blog takipçilerinizi arttırmanın yolları</a><br><a href="http://www.inkrebels.com/insp/the-bloggers-guide-to-having-fun-while-writing/"><br>blogculara yazı rehberi</a></p> <p><a href="http://www.inkrebels.com/insp/10-reasons-negative-comments-could-make-your-blog-a-success-2/">blogunuza negatif yorum mu aldınız üzülmeyin!</a></p> <p><a href="http://www.inkrebels.com/insp/ink-rebels-everything-a-blogger-needs/">blogcuların ihtiyaç duyduğu her şey</a></p> <p><a href="http://www.inkrebels.com/insp/the-7-essential-parts-of-a-blog/">kaynak</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/blogcular-icin-rehber-kapsamli ">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, 13 Sep 2010 09:20:00 GMT 239671@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/blogcular-icin-rehber-kapsamli kirpit <div class="imajsol"><img src='http://www.bildirgec.org/imaj/KenanBalamir/kd-logo-v2.png' alt="kodingen" border="0"><br>kodingen</div> Yeni farkettiğim bir servisten bahsedeceğim bu bildiride. Servisin (sitenin) adı <a href="http://www.kodingen.com">Kodingen</a>. Kodingen, adından da anlaşılacağı üzere kodlama demek. Sitenin yaptığı iş ise "<a href="http://en.wikipedia.org/wiki/Collaboration">Online Collaboration</a>" yani iki veya daha fazla kişinin ortak olarak gerçekleştirdikleri projeleri, eşzamanlı etkileşim içerisinde daha verimli kullanabilmelerini sağlamak. Kısacası takım çalışmasını mümkün olduğunda verimli hale getirmek. <div class="imajorta"><img src='http://www.bildirgec.org/imaj/KenanBalamir/.2e22283bd3868bc5694d4d0d7fc09ad67780cc87' alt="kodingen" border="0"><br>kodingen</div> <p>Kodingen'in ücretsiz sağladığı geliştirici hesabı ile kendi FTP'lerinize bağlanabiliyor ve dosyalarınıza shell erişimi sağlayabiliyorsunuz. Kodlarınızı <a href="http://mozillalabs.com/bespin/">Bespin</a>, <a href="http://codemirror.net/">Codemirror</a>, <a href="http://www.ymacs.org/">Ymacs</a>, <a href="http://www.pixlr.com/">Pixlr</a>, <a href="http://aviary.com/">Aviary</a> gibi kod tanımlayıcıları destekleyen editörlerde, sanki çevrimdışı editörlerde kodlar gibi yazabiliyorsunuz. Takım çalışması için kendi takımınızı oluşturabiliyor, arkadaşlarınızı takıma dahil edebiliyorsunuz. <a href="http://www.php.net/">php</a>, perl, <a href="http://www.python.org/">python</a>, <a href="http://www.djangoproject.com/">django</a>, <a href="http://rubyonrails.org/">ruby on rails</a>, <a href="http://www.fastcgi.com/">fastcgi</a> gibi dillerde yazılmış uygulamalarınızı düzenleyebiliyor, sistemde oluşturulan <a href="http://en.wikipedia.org/wiki/Front_and_back_ends">front-end</a> ve <a href="http://en.wikipedia.org/wiki/Front_and_back_ends">back-end </a>tasarımcılar için açılan gruplara katılabiliyor, etkileşim içerisine girebiliyorsunuz. Şimdiye kadar 133 binin üzerinde görev gerçekleştirilen sistemin kodlayıcıları da <a href="http://kodingen.com/members/sinan/">Sinan</a> ve <a href="http://kodingen.com/members/devrim/">Devrim Yaşar</a> adında iki Türk.</p> <p>Sistem <a href="http://tr.wikipedia.org/wiki/Beta_s%C3%BCr%C3%BCm">beta</a> aşamasında ancak bir aya kadar cloud servers kısmı da devreye girerek beta olmaktan çıkacak.</p> <p>Ben sistemi gerçekten çok beğendim. Sizlerin de beğeneceğini umarak, uzun zaman sonraki ilk bildirimi de yazmış oldum.</p> <p>NOT: Servis şu an İngilizce ancak sanıyorum ileride Türkçe olarakta yayın yapar ve Türk kullanıcıların da vazgeçilmezleri arasında yerini alır.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/ekip-calismasinin-yeni-adi-kodingen ">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, 26 Aug 2010 06:44:00 GMT 239086@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/ekip-calismasinin-yeni-adi-kodingen kirpit <p>çok kompleks içerik yönetim sistemi’leri (cms) her web projesi için her zaman en iyi çözüm değildir. bazen küçük, hafif ve gerçekten kolayca öğrenebileceğiniz sistemlere ihtiyacınız olabilir.</p> <p>aşağıdaki cms lerin hepsi ‘hafif’ olarak dikkate alınabilir, bunun manası, sizin için yönetimi daha basit sistemler demek.</p> <p>bunların en iyi yanı ise, hepsi ‘açık kaynak’ - ‘open source’.</p> <p><strong>1-frog cms</strong><br><div class="imajorta"><a href="http://www.madebyfrog.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-001-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.madebyfrog.com/">frog cms</a> size şık bir arayüz, her sayfa için esnek bir yapı, basit kullanıcı yönetimi ve izin yönetimi, hem de dosya yönetimi için gerekli olan araçları sunarak içerik yönetimini basitleştiriyor.</p> <p><a href="http://www.madebyfrog.com/">frog</a> basit şablon(template) kodlamasından dolayı benzersizdir. çünkü direkt olarak php kullanır, başka bir dil öğrenmenize gerek kalmaz.</p> <p>frog için gerekli olan şeyler: <a href="http://php.net/">php5</a>, <a href="http://www.mysql.com">mysql veritabanı</a> yada <a href="http://php.net/manual/en/book.pdo.php">pdo</a> ile birlikte <a href="http://www.sqlite.org/">sqlite3</a>, ve web server(örneğin <a href="http://www.apache.org/">apache</a>).</p> <p><a href="http://www.madebyfrog.com/">frog cms homepage</a> – <a href="http://www.madebyfrog.com/docs.html">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-002-2.png' alt="\"\"" border="0"><br></div></p> <p><strong>2-getsimple cms</strong><br><div class="imajorta"><a href="http://get-simple.info/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-003-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://get-simple.info/">getsimple</a> her web sitesine gerekli olan özellikle içinde barındıran açık kaynak bir cms. xml’in hızından ve elverişli oluşundan baya faydalanmış gözüküyor. öğrenmesi çok kolay olan cms’lerden biri.</p> <p>getsimple gnu general public license ile lisanslanmış açık kaynak bir içerik yönetim sistemi.</p> <p><a href="http://get-simple.info/">getsimple cms homepage</a> – <a href="http://get-simple.info/docs/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-004-2.png' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><strong>3-stacey</strong><br><div class="imajorta"><a href="http://staceyapp.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-005-2.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://staceyapp.com/">stacey</a> aşırı hafif bir içerik yönetim sistemi. veritabanına falan ihtiyacı yok, sadece sunucuya atın ve çalıştırın. i̇çerik yönetimi, klasörler ve text dosyaları oluşturularak sağlanıyor; ne login ekranı var ne de admin paneli.</p> <p><a href="http://staceyapp.com/">stacey</a> bütün içeriği bir veritabanı yerine sade metin dosyaları ve klasörlere depoluyor. bu yüzden yüklemesi çok basit, herhangi bir standart php sunucuya dosyaları kopyalamanız yeterli.</p> <p><a href="http://staceyapp.com/">stacey homepage</a> – <a href="http://staceyapp.com/documentation/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-006-2.png' alt="\"\"" border="0"><br></div></p> <p><strong>4-symphony</strong><br><div class="imajorta"><a href="http://symphony-cms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-007.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://symphony-cms.com/">symphony</a> gücünü <a href="http://www.w3.org/XML/">xml</a> ve <a href="http://www.w3.org/TR/xslt">xslt</a> gibi açık standartlardan ve <a href="http://www.w3.org/TR/xhtml1/">xhtml</a> ve <a href="http://www.w3.org/TR/CSS/">css</a>’den alıyor. hatta admin arayüzü adamakıllı bir jquery kütüphanesi kullanıyor, bu yüzden eklenti geliştiriciler bu framework’e yeni eklentiler yapmak istedikleri zaman zorlanmıyorlar.</p> <p>symphony açık kaynak ve aşırı serbest olan <a href="http://www.opennetcf.com/FreeSoftware/Licensing/MITX11License/tabid/254/Default.aspx">mit/x11</a> lisansını benimsiyor.</p> <p><a href="http://symphony-cms.com/">symphony homepage</a> – <a href="http://symphony-cms.com/learn/beginners/">documentation</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-008.png' alt="\"\"" border="0"><br></div></p> <p><strong>5-pixie</strong><br><div class="imajorta"><a href="http://www.getpixie.co.uk/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-009.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://www.getpixie.co.uk/">pixie</a> diğer içerik yönetim sistemleriyle boy ölçüşecek bir kabiliyette değil, kullanımı çok basit hatta babaanneniz bile kullanabilir.:)</p> <p>pixie en son web standartlarını kullanır. canayakın bir arama motorudur ve css ile sitenizi ihtiyacınıza göre düzenleyebilirsiniz.<br>pixie gnu lisansı altında yayına girmiş durumda.</p> <p><a href="http://www.getpixie.co.uk/">pixie homepage</a> – <a href="http://www.getpixie.co.uk/support/article/getting-started/">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-010.png' alt="\"\"" border="0"><br></div></p> <p><strong>6-radiant cms</strong><br><div class="imajorta"><a href="http://radiantcms.org/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-011.png' alt="\"\"" border="0"></a><br></div><br><a href="http://radiantcms.org/">radiant</a> küçük gruplar için tasarlanmış açık kaynak bir cms ki olabildiğince basit yapılmaya çalışılmış, zarif bir yönetim arayüzü barındırıyor.</p> <p>radius diye adlandırılan ve html’e benzeyen kendine özgü bir dili var, bu dil diğer sayfalardan içerikleri kolayca almak, yeni sayfalar oluşturmak gibi işlerde kullanılıyor.<br><a href="http://radiantcms.org/">radiant cms homepage</a> – <a href="http://wiki.github.com/radiant/radiant/">documentation (via github)</a> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-012.png' alt="\"\"" border="0"><br></div></p> <p><strong>7-skybluecanvas</strong><br><div class="imajorta"><a href="http://www.skybluecanvas.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-013-2.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.skybluecanvas.com/">skybluecanvas</a> lightweight cms php ile yazılmış ve özellikle de küçük websiteleri için geliştirilmiş açık kaynak ve ücretsiz bir içerik yönetim sistemi. skybluecanvas’ın daha güçlü sistemler gibi birçok temel kabiliyetleri var fakat daha basit şekilde. kendinizi geliştirmeniz açısından bu da faydalı bir cms.</p> <p><a href="http://www.skybluecanvas.com/">skybluecanvas homepage</a> – <a href="http://www.skybluecanvas.com/installation-instructions">documentation</a><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-014.png' alt="\"\"" border="0"><br></div></p> <p><strong>ve diğerleri</strong></p> <p><strong>8-snews</strong><br><div class="imajorta"><a href="http://snewscms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-015.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://snewscms.com/">snews homepage</a> – <a href="http://snewscms.com/help/">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-016.png' alt="\"\"" border="0"><br></div> <p><strong>9-zotonic</strong><br><div class="imajorta"><a href="http://zotonic.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-017.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://zotonic.com/">zotonic homepage</a> – <a href="http://zotonic.com/documentation">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-018.png' alt="\"\"" border="0"><br></div> <p><strong>10-cushycms</strong><br><div class="imajorta"><a href="http://www.cushycms.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-019.png' alt="\"\"" border="0"></a><br></div></p> <p><a href="http://www.cushycms.com/">cushycms homepage</a></p> <p><strong>11-cms made simple</strong><br><div class="imajorta"><a href="http://www.cmsmadesimple.org/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-020.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.cmsmadesimple.org/">cms made simple homepage</a> – <a href="http://wiki.cmsmadesimple.org/index.php/Main_Page">documentation</a></p> <p><strong>12-pagelime</strong><br><div class="imajorta"><a href="http://www.pagelime.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-021.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.pagelime.com/">pagelime homepage</a> – <a href="http://docs.pagelime.com/index.php/Main_Page">documentation</a></p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-022.png' alt="\"\"" border="0"><br></div> <p><strong>13-cms from scratch</strong><br><div class="imajorta"><a href="http://cmsfromscratch.com/"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-023.png' alt="\"\"" border="0"></a><br></div><br><a href="http://cmsfromscratch.com/">cms from scratch homepage</a> – <a href="http://cmsfromscratch.com/user-guide/">documentation</a></p> <p><strong>14-zimplit cms</strong><br><div class="imajorta"><a href="http://www.zimplit.com/index.html"><img src='http://www.bildirgec.org/imaj/acemimuhendis/index-024.png' alt="\"\"" border="0"></a><br></div><br><a href="http://www.zimplit.com/index.html">zimplit cms homepage</a> – <a href="http://zimplit.com/howto/doku.php">documentation</a></p> <p><a href="http://speckyboy.com/2010/07/19/14-light-and-east-to-use-open-source-content-management-systems/">yazının aslı</a> için <a href="http://speckyboy.com/">speckyboy</a> a teşekkürler</p> <p><a href="http://www.bildirgec.org/yazi/iyi-yazilimci-olmak-icin-5">+ iyi yazılımcı olmak için 5 alışkanlık</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/14-adet-hafif-ve-kullanmasi ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Thu, 29 Jul 2010 10:48:00 GMT 238552@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/14-adet-hafif-ve-kullanmasi kirpit <p>İnternet devi <a href="http://google.com">Google</a>, yeni hizmeti olan <strong>Google Apps Marketplace</strong>'i duyurdu. Bugüne kadar sadece kendi geliştirdiği uygulamaları ve servisleri kullanıcılara sunan <strong>Google</strong>, artık farklı yazılımcıların ürünlerini de bu servisi ile duyuracak. Yazılımcılar, ürünlerini <strong>Google</strong> aracılığı ile kullanıcılara satacaklar.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/apps-marketplace-logo.gif' alt="\"\"" border="0"><br></div> <p><strong>Google</strong> önceden <a href="http://bildirgec.org/ara/google apps">Google Apps</a> ile birlikte tüm servislerini kurumsal olarak kullanıcıların hizmetine açmıştı. Şimdi ise <a href="http://bildirgec.org/ara/microsoft">Microsoft</a> ve <a href="http://bildirgec.org/ara/apple">Apple</a>'ın da benzer uygulamalarından etkilenerek üçüncü parti web uygulamalarının yer alacağı <strong>Google Apps Marketplace</strong>'i duyurdu.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/googleappsmarketplace.jpg' alt="\"\"" border="0"><br></div> <p><strong>Google</strong> bu yeni sistem ile ekonomik döngüsü güçlendirmeyi amaçlıyor. Diğer benzer programların aksine <strong>Google</strong>'ın uygulaması, masaüstü veye mobil yazılımlarla değil sadece web uygulamaları ile ilgileniyor.</p> <p><!-- buradan kes --></p> <p>Uygulamadaki ürünler üyelik tabanlı satışa sunuluyor. Faturalandırmayı <strong>Google</strong> üstlenirken, ödemeler yıllık veya aylık yapılabiliyor.Bu yeni markette <a href="http://bildirgec.org/ara/intuite online payroll">Intuite Online Payroll</a>, <a href="http://bildirgec.org/ara/efax">eFax</a>, <a href="http://bildirgec.org/ara/tripit">TripIt</a> gibi popüler uygulamalar da yer alıyor.</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/angelsdemos/20100311005258.jpg' alt="\"\"" border="0"><br></div> <p><strong>Google</strong>, masaüstü uygualamaların tamamen yok olacağına ve her uygulamanın tarayıcılara ve internet üzerine taşınacağı görüşünde. Bu yüzden tüm <a href="http://bildirgec.org/ara/google chrome">Google Chrome</a> stratejisi bunun üzerine kurulu.<strong>Google Apps</strong> ile hizmeti kullanıcıların açan Google, bu yeni uygulama ile hesap yönetmini kolaylaştırmak amacında.İleride kullanıcılar yazılımları çevrimiçi yükleyecek ve yüklerken herhangi bir sorunla karşılaşmazken yazılımcılar ise oldukça rahat edecekler. <strong>Google</strong>'ın bu stratejisi, uzmanlar tarafından oldukça başarılı görülüyor.</p> <strong>Ayrıca Bakınız ;</strong> <ul> <li><a href="http://www.bildirgec.org/yazi/google-dan-data-explorer">Google'dan Data Explorer</a></li> <li><a href="http://www.bildirgec.org/yazi/google-aramalari-artik-yildizli">Google Aramaları Artık Yıldızlı</a></li> <li><a href="http://www.bildirgec.org/yazi/opera-google-chrome-u-gecti">Opera, Google Chrome'u Geçti</a></li> <li><a href="http://www.bildirgec.org/yazi/avrupa-komisyonu-google-i-inceleyecek">Avrupa Komisyonu, Google'ı inceleyecek</a></li> <li><a href="http://www.bildirgec.org/yazi/google-degisiyor">Google Değişiyor</a></li> <li><a href="http://www.bildirgec.org/yazi/gmail-de-11-koklu-degisiklik">Gmail'de 11 Köklü Değişiklik</a></li> <li><a href="http://www.bildirgec.org/yazi/google-yoneticilerine-hapis-cezasi">Google Yöneticilerine Hapis Cezası</a></li> <li><a href="http://www.bildirgec.org/yazi/google-gears-kapaniyor">Google Gears Kapanıyor</a></li> <li><a href="http://www.bildirgec.org/yazi/google-chrome-icin-greasemonkey-uygulamalari">Google Chrome için Greasemonkey Uygulamaları</a></li> <li><a href="http://www.bildirgec.org/yazi/gmail-ve-google-buzz-ayriliyor">Gmail ve Google Buzz Ayrılıyor mu?</a></li> <li><a href="http://www.bildirgec.org/yazi/google-dan-ceviri-yapan-telefon">Google'dan Çeviri Yapan Telefon</a></li> </ul> <p><strong>angelsdemos</strong>: <a href="http://angelsdemos.bildirgec.org/">Blog</a> | <a href="http://friendfeed.com/bildirgec">FriendFeed</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.google.com/enterprise/marketplace/home">Google Apps Marketplace</a>, <a href="http://googleblog.blogspot.com/2010/03/open-for-business-google-apps.html">Google Blog</a>, <a href="http://googlecode.blogspot.com/2010/03/integrate-publish-sell-google-apps.html">Google Code Blog</a>, <a href="http://mashable.com/2010/03/09/google-launches-the-google-apps-marketplace/">mashable</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/google-apps-marketplace ">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, 12 Mar 2010 15:21:00 GMT 234804@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/google-apps-marketplace kirpit <p><a href="http://www.bildirgec.org/ara/foto%C4%9Fraf">Fotoğraf</a> üzerinde işlem yapmak çok zevkli ve bir o kadar da zor bir işlemdir. Fotoğrafa uygulanan güzel <a href="http://www.bildirgec.org/ara/efektler">efektler</a> sayesinde inanılmaz çalışmalar ortaya çıkarabilirsiniz. Aşağıda güzel fotoğraflar oluşturmak için <a href="http://www.bildirgec.org/ara/dersler">dersler</a> yer almaktadır.</p> <p>1. <a href="http://photoshopfrenzy.com/?p=94">Street Photography Effect</a> (Sokak fotoğrafçılığı efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/gritty-effect.jpg' alt="\"\"" border="0"><br></div> <p>2. <a href="http://www.nill.cz/index.php?set=tu1">Fake HDR Photo Effect</a> (Sahte fotoğraf efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/fake-hdr.jpg' alt="\"\"" border="0"><br></div> <p><!-- buradan kes --></p> <p>3. <a href="http://www.emanueleferonato.com/2007/10/15/create-a-vintage-photo-effect-in-photoshop/">Vintage Photo Effect</a> (Modası geçmiş fotoğraf efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/vintage-effect.jpg' alt="\"\"" border="0"><br></div> <p>4. <a href="http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/selective-sepia.html">Selective Sepia Effect</a> (Seçici sepya efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/selective-sepia-effect.jpg' alt="\"\"" border="0"><br></div> <p>5. <a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/souping-up-a-photo/">Color Depth Effect</a> (Renk Derinliği Efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/color-adjustment.jpg' alt="\"\"" border="0"><br></div> <p>6. <a href="http://www.photoshopessentials.com/photo-effects/split-toning/">Split Toning Effect</a> (Tonlama Bölme Efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/split-toning.jpg' alt="\"\"" border="0"><br></div> <p>7. <a href="http://digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography">Lomo Photo Effect</a> (Lomo fotoğraf efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/lomo-effect.jpg' alt="\"\"" border="0"><br></div> <p>8. <a href="http://tutorials.lombergar.com/achieve_the_indie_movie_look.html">Indie Movie Effect</a> (Indie - Bağımsız Plak Şirketi Film Efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/indie-movie.jpg' alt="\"\"" border="0"><br></div> <p>9. <a href="http://www.photoshopsupport.com/tutorials/or/cross-processing.html">Cross Processing Effect</a> (Çapraz işleme efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/cross-processing.jpg' alt="\"\"" border="0"><br></div> <p>10. <a href="http://www.tiltshiftphotography.net/photoshop-tutorial.php">Tilt-Shift Effect</a> (Yön eğilim efekti)</p> <div class="imajorta"><img src='http://www.bildirgec.org/imaj/LeBron/tilt-shift.jpg' alt="\"\"" border="0"><br></div> <p>ayrıca aşağıdaki yazılarda ilginizi çekebilir.</p> <ul> <li><a href="http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve">22 Fantezi Photoshop Dersi ve 125 Photoshop Fırçası</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/web-tasarimcilar-icin-20-mukemmel">Web Tasarımcılar İçin 20 Mükemmel Eğitim Sitesi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/eglence-amacli-28-online-fotograf">Eğlence Amaçlı 28 Online Fotoğraf Düzenleme Web Sitesi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/photoshop-ta-simge-olusturmak-icin">Photoshop'ta Simge Oluşturmak İçin 30+ Şaşırtıcı Ders</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/birbirinden-guzel-50-duvarkagidi-tasarlama">Birbirinden Güzel 50 Duvarkağıdı Tasarlama Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/3d-metin-efekti-olusturmak-icin">3d Metin Efekti Oluşturmak İçin 25 Photoshop Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/12-tasarimci-ders-sitesi">12 Tasarımcı Ders Sitesi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/24-hayran-eden-photoshop-dersi">24 Hayran Eden Photoshop Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/40-gercekten-kullanisli-photoshop-metin">40 Gerçekten Kullanışlı Photoshop Metin Efekti Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/10-inanilmaz-photoshop-dijital-resim">10 İnanılmaz Photoshop Dijital Resim Dersi</a></li> </ul> <ul> <li><a href="http://www.bildirgec.org/yazi/photoshop-kullanarak-40-yaratici-fotograf">Photoshop Kullanarak 40 Yaratıcı Fotoğraf Efekti Dersi</a></li> </ul> <p><strong>kaynak:</strong> <a href="http://colorburned.com/2009/12/10-tutorials-for-creating-beautiful-photo-effects.html">colorburned.com</a> | <a href="http://creativeoverflow.net/10-tutorials-for-creating-beautiful-photo-effects/">creativeoverflow.net</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/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/guzel-fotograf-efektleri-olusturmak-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> Thu, 17 Dec 2009 13:00:00 GMT 230370@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/guzel-fotograf-efektleri-olusturmak-icin kirpit <p>Web tasarım ekiplerinin en çok yararlandıkları <a href="http://www.bildirgec.org/ara/Javascript">Javascript</a> çerçevelerinin başında gelen <a href="http://www.bildirgec.org/ara/jQuery">jQuery</a> ile hazırlanmış, bir fotoğraf/resim galerisi eklentisi olan <a href="http://coffeescripter.com/code/ad-gallery/">Ad Gallery</a>, birçok özelliği bünyesinde barındırmakta.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/ga1.png' alt="\"\"" border="0"><br></div><br>Galerideki fotoğrafların sunuma, kendiliğinden başlayabilmesi, klavye tuşları ile yönetilebilme, fotoğraf geçişleri için animasyonlar düzenleyebilme ve fotoğraflar için tanıtım yazıları yazabilme gibi birçok özelliğe sahip <b>Ad Gallery</b> eklentisine <a href="http://coffeescripter.com/code/ad-gallery/">buradan</a> erişebilirsiniz.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/jquery-image-slider.jpg' alt="\"\"" border="0"><br></div></p> <p><!-- buradan kes --></p> <p><b>Bonus++++:</b><br><b>+</b><a href="http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider">En iyi 10 jquery slider eklentisi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/jquery-ve-css-ile-page">jQuery ve CSS ile Page Peel Effect'i</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/15-adet-dolu-dolu-jquery">15 Adet Dolu Dolu jQuery Kaynak Sitesi</a><br><b>+</b><a href="http://www.bildirgec.org/yazi/21-adet-kullanisli-jquery-ornegi">Adet Kullanışlı jQuery Örneği ve Eğitimi</a></p> <p><b>Kaynak: </b><a href="http://coffeescripter.com/code/ad-gallery/">Ad Gallery</a><br><b><a href="http://www.google.com/profiles/algozzzzz">algoz</a>:</b> <a href="http://algoz.bildirgec.org/">Blog</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://feedburner.google.com/fb/a/mailverify?uri=algoz&amp;loc=tr_TR">Email</a> <a href="http://feeds2.feedburner.com/algoz">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-ile-hazirlanmis-harika-bir ">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, 23 Oct 2009 09:36:00 GMT 225553@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-ile-hazirlanmis-harika-bir kirpit <div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/jquery-tablegrid.jpg' alt="JQuery - DataGrid Eklentileri" border="0"><br>JQuery - DataGrid Eklentileri</div> <p>Hızlı ve tutarlı yapısıyla <a href="http://www.webreference.com/programming/javascript/rg19/">diğer javascript</a> kütüphaneleri arasından hızlıca sıyrılıp kendine özel bir yer edinen <a href="http://jquery.com/">JQuery </a>kütüphanesinin <a href="http://blog.jquery.com/2006/08/20/why-jquerys-philosophy-is-better/">zengin özelliklerinden yararlanılarak</a> yapılan zengin tablo uygulamaları sayesinde liste halindeki verilerinizi (<a href="http://webdesign.about.com/od/tables/a/aa122605.htm">Tables for Tabular Data</a>) daha fazla kullanıcı dostu ve daha fazla etkileşimli olarak sunabilirsiniz.</p> <p><strong>İşte sizler için derlediğim Zengin JQuery Veri tablo Eklentileri (Datagrid Plugins)</strong></p> <p><strong>1. <a href="http://www.trirand.com/blog/">jqGrid</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/jqgrid.png' alt="jqGrid Eklentisi" border="0"><br>jqGrid Görünümü</div></p> <p>Favori veri tablosu eklentilerimden. Sayfalama (paging), XML, JSON, yapılarına yatkınlığı, alan başlıklarını sıralama (sortable), yeni veri ekleme, silme ve tüm bunların üzerine veri arama özelliği. Daha ne olsun değil mi? :) Ayrıca css entegrasyonu da başarılı. Bazı durumlarda hantal kalabiliyor, dikkat etmek lazım. İndirip denemek için <a href="http://www.trirand.com/jqgrid35/jqgrid.html">buraya </a>tıklayabilirsiniz.</p> <p><strong><a href="http://www.flexigrid.info/">2. Flexigrid</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/flexigrid.png' alt="Flexigrid Görünümü " border="0"><br>Flexigrid Görünümü </div></p> <p>Bu eklenti, jqGrid'in yapabildiği herşeyi yapabiliyor üstüne bir de sütunları gizleme/gösterme ve sütunların genişliğini tekrar ölçeklendirebiliyorsunuz. (Resizable) Tek kusuru <a href="http://code.google.com/p/jqueryjs/downloads/detail?name=jquery-1.3.2.min.js&downloadBtn=">jquery'nin son versiyonu</a> ile çalışırken başınızı ağrıtabilir. İndirmek için <a href="http://code.google.com/p/flexigrid/">buraya</a> tıklayın.</p> <p><!-- buradan kes --></p> <p><strong><a href="http://reconstrukt.com/ingrid/">3. Ingrid</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/ingrid.png' alt="Ingrid Görünümü " border="0"><br>Ingrid Görünümü </div></p> <p>İlk iki eklenti kadar tutmasamda alternatif tasarımı ile yine sayfalama ve sütunları sıralama özelliklerini barındıran bir eklenti. Yanlız bu eklenti kullanırken iyice bir araştırırsanız iyi olur çünkü okuduğum bir yazıya göre geliştirmesi durdu. <br><strong><a href="http://www.overset.com/2008/08/30/animated-sortable-datagrid-jquery-plugin-jtps/">4. jTPS</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/jtps.png' alt="jTPS Görünümü " border="0"><br>jTPS Görünümü </div></p> <p>Diğer eklentilerden farklı olarak sayfalama özelliği efektlerle zenginleştirmiş. Henüz veri arama özelliği yok. Ama alternatif arayüzü ile dikkat çeken bir eklenti. <br><strong><a href="http://www.firescope.com/OpenSource/Grid/">5. FireScope Grid</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/firescope-grid-720x283.png' alt="FireScope Görünümü " border="0"><br>FireScope Görünümü </div></p> <p>Arabirimi çok basitmiş gibi görünebilir fakat son sürümü ile kazandığı Ajax özellikleriyle hem PHP ile hem de ASP ile sorunsuz çalışmakta. Bir göz atmanızda fayda var. <br><strong><a href="http://dreakmore.info/tgrid/">6. tgrid</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/tgrid.png' alt="tgrid Görünümü " border="0"><br>tgrid Görünümü </div></p> <p>Çok yeni bir eklenti o nedenle kullanırken dikkat etmekte fayda var. Yine diğer eklentilerde olan tüm özellikler bu eklentide de mevcut. <br><strong><a href="http://www.datatables.net/">7. DataTables</a></strong><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/KAghast/datatables.png' alt="DataTables Görünümü " border="0"><br>DataTables Görünümü </div></p> <p>İlk bakışta arabirimi çok basit hatta çirkin gelebilir fakat aldanmayın özelleştirme ve dilediğiniz gibi projenize adapte edebilme çok kolay. Çünkü jquery ThemeRoller'la uyumlu. Ayrıca çok tutarlı ve kararlı çalışan bir eklenti. Diğer eklentilerden farklı olarak belli satırlara öntanımlı renkler de verebiliyorsunuz.</p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/jquery-icin-veri-tablosu-eklentileri ">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, 28 Sep 2009 14:58:00 GMT 223988@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/jquery-icin-veri-tablosu-eklentileri kirpit <p>açık kayank kodlu ve <a href="http://git-scm.com/">git</a> tabanlı (bir versiyon kontrol sistemi) geliştirme projelerini barıdırıp paylaşabileceğiniz <b>sosyal kod platformu</b> <a href="http://github.com/">github</a> <a href="http://www.bildirgec.org/ara/github">*</a> içinde <a href="http://www.bildirgec.org/ara/Python">Python</a>, <a href="http://www.bildirgec.org/ara/Ruby">Ruby</a>, ve <a href="http://www.bildirgec.org/ara/Perl">Perl</a> dilleri için kütüphanelerin de bulunduğu <a href="http://develop.github.com/">2. versiyon api'sini</a> <a href="http://github.com/blog/413-github-api-take-two">duyurdu</a>.<br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/logov3.png' alt="\"\"" border="0"><br></div><br><div class="imajorta"><img src='http://www.bildirgec.org/imaj/algoz/github-api.gif' alt="\"\"" border="0"><br></div><br>Kaynak: <a href="http://blog.programmableweb.com/2009/05/05/githubs-new-api-lets-you-mashup-git-repositories/">programmableweb</a>, <a href="http://github.com/blog/413-github-api-take-two">github blog</a>.<br>Takip Et: <a href="http://algoz.bildirgec.org/">Bildirgeç</a> <a href="http://friendfeed.com/algoz">FriendFeed</a> <a href="http://twitter.com/algozz">Twitter</a> <a href="http://apps.facebook.com/algozzz/">Facebook</a> <a href="http://www.bildirgec.org/rss/uye/algoz/yazi.xml">RSS</a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/github-api-sini-yeniledi ">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, 09 May 2009 07:05:00 GMT 208969@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/github-api-sini-yeniledi kirpit daha önce <a href="http://www.bildirgec.org/yazi/jquery-menu-eklentileri">jquery menü eklentileri</a> yazısında <a href="http://www.bildirgec.org/etiket/jquery">jquery</a>'yi site menülerinizde kullanmanız için birkaç eklentiden bahsetmiştik. bu kez de form bölümlerinizi geliştirebileceğiniz çeşitli eklentiler: <ul> <li><a href="http://github.com/dcparker/jquery_plugins/tree/master/quickselect">QuickSelect</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/quickselect.png' alt="\"\"" border="0"><br></div> </li> <li><a href="http://vladimir-k.blogspot.com/2008/11/jquery-sexycombo-plugin.html">SexyCombo</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/sexycombo.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/">prettyCheckboxes</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/prettycheckboxes.png' alt="\"\"" border="0"><br></div></li> </ul> <p><!-- buradan kes --></p> <ul> <li><a href="http://chrisstormer.com/2008/10/18/transcendent-jquery-date-range-selector-short-cuts/">jQuery Date Range Selector</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/daterangeselector.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.kelvinluck.com/projects/jquery-date-picker">jQuery Date Picker</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/datepicker.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://devkick.com/lab/modalpreview/">Modal Preview</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/modalpreview.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://plugins.jquery.com/project/TextLimiter">Text Input Limiter</a></li> <li><a href="http://marghoobsuleman.com/jquery-image-dropdown">Javascript Image Combo Box</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/javascriptimagedropdown.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.no-margin-for-errors.com/projects/prettyComments/">prettyComments</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/prettycomments.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://plugins.jquery.com/project/TextAreaResizer">Textarea Resizer</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/textarearesizer-thumb.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://markitup.jaysalvat.com/examples/">Mark It Up</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/markitup.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.avidansoft.com/scripts">Damn Small Rich Text Editor</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/damnsmallrichtexteditor.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://malsup.com/jquery/form/">jQuery Forms Plugin</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquery-form-plugin-1241727187021.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquery-validation-plug-in-main-demo-1241726388455.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://www.codeassembly.com/Simple-chained-combobox-plugin-for-jQuery/">Chained combobox</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/chainedselectboxes.png' alt="\"\"" border="0"><br></div></li> <li><a href="http://vreboton.ibacolod.com/DotNetNuke/ControlsandTips/jQueryColorPicker/tabid/69/Default.aspx">jQuery Color Picker</a><div class="imajorta"><img src='http://www.bildirgec.org/imaj/bakiyyebemolu/jquerycolorpicker.png' alt="\"\"" border="0"><br></div></li> </ul> <p><a href="http://bakiyyebemolu.bildirgec.org/"><strong>tüm yazılarım</strong></a> - <a href="http://webdeveloperplus.com/jquery/15-excellent-jquery-plugins-to-enhance-html-forms/"><strong>kaynak</strong></a></p><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/formlar-icin-jquery-eklentileri ">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, 10 May 2009 09:25:00 GMT 208967@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/formlar-icin-jquery-eklentileri kirpit <div class="imajorta"><img src='http://www.bildirgec.org/imaj/pinkfloyd/72.jpg' alt="\"\"" border="0"><br></div> <p>Bir öngörüde bulunacağım. Siz ve ben bu dünyadan göçtükten çok sonra bile HTML halen kullanılıyor olacak. Sırf bizim çağımızda arşivlenen milyarlarca sayfa değil, yaşayan ve nefes alan bir varlık olarak hayatını sürdürecek. Çok fazla gayret, enerji ve yatırım web'in araçlarına, protokollerine ve platformlarına harcandı.</p> <p>Bizim buradaki sorumluluğumuzu düşünmeyi bir kenara bırakalım. Geçmişteki hatalar sebebiyle, uygarlığımızın yıllar boyunca birbirleri ile iletişim kurmak için kullanacakları önemli bir aracı geliştirmeye kendimizi adadık. Bu yüzden umursamadan ya da gerçekten umursayarak bu durumu kafamıza taktığımızda, HTML'yi iyileştirmek için, bugün verdiğimiz kararların sonuçlarının ne kadar ileriye dönük olacağını anlamamız gerekiyor.</p> <p>W3C'nin HTML'nin yeni nesli için inanılmaz çaba harcadığı <a href="http://dev.w3.org/html5/spec/Overview.html">HTML 5</a>, özellikle son bir iki yıldır dikkatleri üzerine çekmeye başladı. Bu gerçekten çok büyük bir proje ve sadece HTML'nin yapısını kavramakla kalmıyor, bunun yanısıra sözdizimsel analiz modelleri, hata işleme modelleri, DOM, kaynak alım modelleri, medya içeriği, 2B çizim, veri şablonlama, güvenlik modelleri, sayfa yükleme modelleri, istemci taraflı veri depolama ve çok daha fazlasını içeriyor.</p> <p>Ayrıca Lachian Hunt'ın <a href="http://www.alistapart.com/articles/previewofhtml5">HTML 5 Ön İncelemesi</a> yazısında da kavradığı gibi HTML'nin yapısında, kodunda ve semantiklerinde de değişiklikler yapılıyor.</p> <p>Biz bu yazı için HTML'nin semantiklerini ele alacağız. Bu benim birkaç yıldır ilgilendiğim bir konu ve bunun HTML'nin geleceği için hayati önem taşıdığına inanıyorum.</p> <p>BBC'nin geçtiğimiz günlerde yaptığı bir açıklamaya göre kurum, <a href="http://microformats.org/wiki/abbr-design-pattern">abbr tasarım şablonu</a>'na yönelik olan <a href="http://www.bildirgec.org/etiket/usability/">kullanılabilirlik</a> ve <a href="http://www.bildirgec.org/etiket/accessibility/">erişilebilirlik</a> endişeleri nedeniyle, program listelerinden <a href="http://www.bbc.co.uk/blogs/radiolabs/2008/06/removing_microformats_from_bbc.shtml">hCalendar mikrobiçimini kullanmayı bırakacak</a>. Buradan çıkarmamız gereken ders, geçen zaman içerisinde HTML'nin amacından çok daha ötesine geçtiğimiz ve HTML'nin semantik olanaklarını zorladımız olmalıdır. Özetle daha zengin semantik belgeler oluşturabilmek için kullanabileceğimiz kodları tükettik. Eğer HTML'nin halihazırda bulunan yapılarını zeki bir şekilde kullanmaya devam edersek, daha fazla problem gün yüzüne çıkacaktır. Ancak HTML ne yazık ki semantik bir kodlama dili olmaktan çok uzaktadır, semantikleri sabittir ve geliştirilebilir değildir.</p> <p>Bu sadece basit bir teori problemi değildir. Yüzbinlerce geliştirici <i>class</i> ve <i>id</i> HTML değerlerini daha zengin semantik kod yazmak için kullanmaktadırlar (ayrıca yine aynı geliştiriciler bunları CSS stilleme için birer "çengel" olarak kullanmaktadırlar ancak bu başka bir konu). Neredeyse hiç değişmeden bu geliştiriciler ad hoc (belirli bir amaç için düzenlenmiş, kendi oluşturdukları) sözlükleri kullanmaktadırlar. Kullanılan değerler, halihazırda kullanılan şemalardan alınmaktansa kendileri tarafından geliştirilmiştir. Bu en iyi ihtimalle sahte semantik kodlama olarak isimlendirilebilir.</p> <p>Web üzerinde kullanılan pek çok sayfa, <a href="http://westciv.com/style_master/house/good_oil/semantics/htmlsemantics.html">HTML'nin fakirleşmiş elementlerini ve değerlerini</a>, daha iyi bir yapıya sahip semantikleri belgelerine eklemek için mikrobiçimler kullanmaktadırlar. Bu durumda, <i>class</i> özniteliği için kullanılan değerler kabul görmüş sözlüklerden gelmektedir, bazen ise bu değerler <a href="http://en.wikipedia.org/wiki/VCard">vCard</a> gibi standartlardan esinlenirken, bazen de <a href="http://en.wikipedia.org/wiki/HReview">hReview</a> gibi herhangi oturmuş ve kabul görmüş bir standardı bulunmayan, sadece belirli bir amaca hizmet eden kaynaklardan esinlenmiştir.</p> <p><strong>Geliştirilebilir Semantikler</strong></p> <p>Burada çözülmesi gereken çok gerçek bir problem bulunmaktadır. Geliştiricilerin belgelerine daha zengin ve anlamlı semantikler ekleyebilecekleri HTML mekanizmalarına ihtiyacımız bulunmaktadır, sahte semantiklere değil. HTML 5'in üzerine en büyük baskıyı oluşturan konunun bu olduğunu söylemek yalan olmaz.</p> <p>Ancak bu HTML içeriğinde daha zengin semantik oluşturmak için bir mekanizma geliştirmek kadar kolay bir iş değildir, uygulanabilecek her bir çözümün bazı olumsuz tarafları bulunmaktadır. Belki de bunlardan en önemlisi geriye dönük uyumluluktur. Sunulacak çözüm, günümüzde kullanılan yüz milyonlarca aygıtı kullanılamayacak hale getirmemelidir ki bu aygıtlar, önümüzdeki yıllarda da kullanılmaya devam edecektir. Geriye dönük uyumluluğu olmayan hiçbir çözüm, geliştiriciler tarafından okurlarını kaybetmek korkusuyla geniş bir şekilde kabul görmeyecektir, aksine kısa bir süre içerisinde yok olacaktır.</p> <p>Sunulacak olan çözüm ayrıca ileriye dönük olmalıdır. Burada gelecek yıllarda piyasaya sürülecek aygıtlarla uyumlu olması gerektiğinden bahsetmiyorum, bu tarayıcı geliştiricilerinin sorunudur. Burada anlatmak istediğim şey, sonucun <strong>geliştirilebilir</strong> olmasıdır. Günümüzde geliştireceğimiz herhangi bir çözümün varolan ve olası tüm sorunları çözmesini beklememiz doğru olmaz. Geliştirilebilir ve geleceğin ihtiyaçlarına yardımcı olacak bir çözüm <strong>sunabiliriz</strong>.</p> <p>Bu iki kısıtlama birbirini takip etmektedir ve büyük bir zorluk oluşturmaktadır. Ancak konu iki durum arasında on yıl bulunan bir kodlama dili olduğunda ve bu kodun önemi iletişim için bir global platform çatısı altında birleşmişse, karşı karşıya olduğumuz bu zorluğun aşılması gerekmektedir.</p> <p>Peki HTML 5 bu sorunu nasıl ele alıyor? HTML 5 üzerinde bir dizi yeni element bulunuyor. Bunlardan bazıları benim "<a href="http://microformatique.com/?p=83">yapısal</a>" olarak adlandırdığım <i>section</i>, <i>nav</i>, <i>aside</i>, <i>header</i> ve <i>footer</i> elementleridir. <i>dialog</i> elementi bir tür <i>içerik (content)</i> elementidir ve <i>blockquote</i>'ye benzemektedir. Bunun yanısıra bazı <i>veri</i> elementleri de bulunmaktadır. Örneğin <i><a href="http://www.w3.org/html/wg/html5/#the-meter">meter</a></i> (metre) elementi "bilinen bir aralık içerisinde sayısal bir ölçümü ya da kısmi bir değeri temsil eder; örneğin disk kullanımı gibi" ve <i><a href="http://www.w3.org/html/wg/html5/#the-time">time</a></i>" elementi bir tarihi ya da zamanı temsil eder.</p> <p>Her ne kadar bu elementler kullanışlı olabilirken ve şimdilik ilgileri üzerine çekmişken, yukarıda bahsettiğimiz, özellikle geriye dönük ve ileriye yönelik problemleri çözebilecek kapasitede midir?</p> <p>Gelin her bir kısıtlamayı ele alalım.</p> <p><strong>Geriye Dönük Uyumluluk</strong></p> <p>Peki <i>section</i> gibi bu yeni elementleri halihazırda kullandığımız tarayıcılar nasıl ele alıyorlar? Aslında Safari, Opera, Mozilla ve hatta IE7 bile aşağıdaki şekilde kodlanmış bir sayfayı işleyeceklerdir.</p> <code>&lt;h1&gt;Üst seviye Başlık&lt;/h1&gt;</code><br><code>&lt;section&gt;</code><br><code>&lt;h1&gt;İkinci seviye başlık&lt;/h1&gt;</code><br><code>&lt;p&gt;Bu section elementi içerisinde bir metin.&lt;/p&gt;</code><br><code>&lt;section&gt;</code><br><code>&lt;h1&gt;Üçüncü seviye başlık&lt;/h1&gt;</code><br><code>&lt;/section&gt;</code><br><code>&lt;/section&gt;</code> <p>Mükemmel bir başlangıç gibi görünüyor. Ancak CSS ile örneğin section elementini aşağıdaki şekilde stillemeye kalktığımızda:</p> <code>section: {color: red}</code> <p>...yukarıda bahsettiğimiz tarayıcıların pek çoğu stillemeyi doğru bir şekilde yapacaktır, ancak IE7 (ve muhtemelen IE6) bunu doğru şekilde uygulamayacaktır.</p> <p>O zaman burada ciddi bir geriye dönük uyumluluk sorunu ile karşı karşıyayız. Günümüzde kullanılan tarayıcıların ortalama %75'i Internet Explorer sürümlerini oluşturuyor. Internet Explorer'ın yarı ömrünü göz önüne aldığımızda, önümüzdeki birkaç yıl boyunca bile kullanıcıların pek çoğunun IE6 ve IE7 kullanacağını öngörebiliriz.</p> <p>Eğer HTML 5 bu yeni elementlerle gelirse, geliştiricilerin bu elementleri sitelerine entegre etmelerindeki olasılık nedir? Özellikle ziyaretçilerinin %75'inin bu kodlarla işlenmiş siteleri düzgün bir şekilde göremeyeceklerini göz önüne aldığımızda geliştiricilerin bu kodları kullanmalarındaki olasılık iyice düşmektedir.</p> <p>Ne yazık ki <i>class</i> özniteliğini <i>section</i> elementleriniz üzerinde kullanarak bu sorunu gidermeyi düşünüyorsanız, bu yöntem de IE üzerinde çalışmayacaktır. Burada belki de bu sorunu çözebilecek bir yöntem geliştirilebilir ancak geliştirilmedikçe bu durum önemli bir sorun teşkil etmeye devam edecektir.</p> <p>Gelin ikinci kısıtlamamız olan ileriye yönelik uyumluluk durumunu ele alalım.</p> <p><strong>İleriye Yönelik Uyumluluk</strong><br>Burada bir soru ile başlayacağız: "bu yeni elementleri neden icat ediyoruz?" Bu soruya verilebilecek cevap "HTML'nin semantik zenginlikten yoksun olduğu ve bu yeni elementleri ekleyerek HTML'nin semantik zenginliğini arttırmış oluruz - bu da kötü bir şey değil, değil mi?" olacaktır.</p> <p>Bu elementleri ekleyerek, HTML'nin daha iyi semantik yeteneklere sahip olmasına yönelik bir sorunu ele alıyoruz, ancak daha dar bir alan içerisinde. Ne kadar yeni elemente sırtımızı dayarsak dayayalım, HTML'ye ekleyeceğimiz daha iyi semantikleri göz önünde bulundurmaya devam edeceğiz. Bunun sonucunda da ne kadar yeni element kullanırsak kullanalım, halen sorunu çözmemiş olacağız. HTML sözlüğüne <i>özgün terimler</i> eklememiz gerekmiyor. Burada gereken şey, belgelere, gerektiğinde semantik zenginlik katabilecek bir <strong>mekanizma</strong> eklememiz gerekiyor. Teknik açıdan bu, HTML'yi <strong>geliştirilebilir</strong> yapmamız gerektiği anlamına geliyor. HTML 5, geliştirilebilirlik için hiçbir mekanizma sunmamaktadır.</p> <p>HTML 5 bunun yerine geçerli tarayıcıların büyük bir çoğunluğunu gözden çıkaran bir özellik getiriyor ve ilgili dile <strong>hiçbir şekilde</strong> yeni semantik zenginlik katabilmemizi sağlamıyor.</p> <p>Bu yeni elementlere yönelik birkaç soru halen geçerliliğini koruyor. Bu yeni elementlerin adları nereden geliyor? Yeni bir navigasyon elementi olması gerektiğine ve bunun adının "<i>nav</i>" olması gerektiğine nasıl karar verildi? Neden aynı terim sayfa genelinde, site genelinde ve siteler genelinde kullanılmakta?</p> <p>Neden <a href="http://www.docbook.org/">Docbook</a> gibi halihazırda kullanılan bir sözlük kullanılmasın? Docbook, bir belge yapı sözlüğü olup HTML 5'ten çok daha zengin ve yayımlama uzmanları tarafından yıllardır kullanılıyor. Aslında bu Docbook yanlısı bir tartışma değil. Burada belirtmek istediğim şey, HTML'ye semantik zenginlik kazandırmak proje bazında bireysel çabalarla gerçekleştiriliyor ve 30 yıldan daha uzun zaman önce temelleri atılan açılımlardan en ufak bir miktarda bile esinlenilmiyor (GML üzerindeki ilk çalışmalar 1970lere dayanıyor).</p> <p><strong>Çözüme Yönelik Düşünceler</strong><br>Günümüzde bu sorunları gidermeye yönelik çabalara dair eleştirilerimizi sıraladıktan sonra, bu problemi çözmek için bir önerim var mı? En azından bir tane olmalı.</p> <p>Eğer HTML'ye yeni elementler eklemek olanaklar dahilinde olmasaydı, ya da en azından bu tartışma dahilinde olmasaydı, HTML'nin üzerine konsantre olabileceği bir diğer mantıksal alan öznitelikler olacaktır. Hepsi bir yana neredeyse 10 yıla yakın bir süredir, HTML'nin semantiklerini geliştirmek için <i>class</i> ve <i>id</i> özniteliklerini kullanıyoruz. Bu yüzden eğer bu problemi çözmek için öznitelikleri kullanacaksak, yeni öznitelikler geliştirmemiz gerekiyor. Bunun nasıl çalışacağını anlatmaya geçmeden önce, HTML 5'in yeni elementleri için gereksinimlerimizin bu öznitelikler için de geçerli olduğunu söylemek yerinde olur. En önemlisi, HTML'ye yeni öznitelikler eklemek geriye dönük uyumlu olacak mıdır? Eğer olacaksa HTML'de semantik geliştirilebilirlik için çalışır bir mekanizma sunacak mıdır?</p> <p>Gelin yeni bir öznitelik icat edelim. Bunu ben "yapi" olarak isimlendireceğim ancak burada kullanacağımız ismin önemi yoktur. Bunu şu şekilde kullanabiliriz.</p> <code>&lt;div yapi="header"&gt;</code> <p>Bunu tarayıcılarımızın nasıl algılayacağına bir bakalım.</p> <p>Elbette bütün tarayıcılarımız bu elementi CSS kullanarak stillendirecektir.</p> <code>div {color: red}</code> <p>Peki buna ne dersiniz?</p> <code>div[yapi] {font-weight: bold}</code> <p>Aslında neredeyse tüm tarayıcılar, IE7 de dahil, <i>yapi</i> özniteliğine sahip <i>div</i> elementini doğru şekilde stilleyecektir, hatta <i>yapi</i> özniteliği olmasa bile ilgili stilleme kullanılabilecektir. Ne yazık ki IE6 bu alanda başarısız olacaktır. Ama yine de biz bu özniteliği HTML'de kullanabilir ve en azından tüm tarayıcıları onu tanıyabilmesini sağlayabiliriz. Hatta HTML'mizi stillemek için tüm modern tarayıcılar tarafından desteklenen CSS kullanabiliriz. Eğer eski tarayıcılar için de bir hile kullanmamız gerekiyorsa, stilleme için ilgili elemente <i>class</i> özniteliği için bir değer atayabiliriz. Bunu şu an üzerinde çalışılan HTML 5 çözümü ile kıyaslayın. Daha önce de söylediğim gibi HTML 5 üzerindeki çalışmalar, yeni elementler eklenmesi yönünde ilerliyor ancak bu elementler Internet Explorer 6 ya da 7'de stillenemeyecektir. Bu sebeple benim önerimin çok daha geriye dönük uyumlu olduğunu göreceksiniz.</p> <p><strong>Öznitelikler Üzerinden Geliştirilebilirlik</strong></p> <p>Yeni elementlerin yerine HTML 5 bir dizi yeni öznitelik içermelidir. Bu özniteliklerin her biri bir semantik kategorisine ya da türüne referans içerecektir. Örneğin HTML, yapısal semantikler, sözbilimsel semantikler, rol semantikleri (XHTML'den alınmıştır) ve diğer semantik kategorilerini ve sınıflarını içermektedir.</p> <p>Bu yeni öznitelikler daha sonra tıpkı <i>class</i> özniteliğinin kullanıldığı gibi kullanılabilirler. Elementin doğasını tanımlamak için element semantiğine eklenebilir ya da element hakkında metaverisi dahil etmek için kullanılabilir.</p> <p>Bu <a href="http://www.w3.org/TR/xhtml-role">XHTML'nin <i>role</i> özniteliği</a>nden farklı değildir, ancak tüm element semantikleri için tek bir öznitelik "sepeti" kullanmaktansa bir element için farklı semantik tiplerini tanımlayabilmemiz ve ardından onları ayırabilmemiz gerekir.</p> <p>Örneğin, XHTML <i>role</i> özniteliği aşağıdaki şekilde çalışır:</p> <code>&lt;ul role="navigasyon siteharitasi"&gt;</code><br><code>&lt;li href="indirmeler"&gt;Downloads&lt;/li&gt;</code><br><code>&lt;li href="belgeler"&gt;Belgeler&lt;/li&gt;</code><br><code>&lt;li href="haberler"&gt;Haberler&lt;/li&gt;</code><br><code>&lt;/ul&gt;</code> <p><i>role</i> özniteliğinin değerleri <a href="http://www.w3.org/1999/xhtml/vocab">öntanımlı sözlük</a>ten ya da özel olarak oluşturulacak bir başka sözlükten alınmış ve boşluklarla ayrılmış kelimelerden oluşur.</p> <p>Neden <i>role</i> özniteliğini olduğu gibi kullanmıyoruz? Çünkü <i>role</i> teriminin uygun düşmeyeceği başka semantik tipleri de bulunmaktadır. Örneğin:</p> <code>&lt;p hitabet="ironi"&gt;Mükemmel bir kişidir.&lt;/p&gt;</code><br>"<i>hitabet</i>, semantiklerin teorik tipini güzel bir şekilde örneklemektedir ve bu yöntemle bir belgenin sözbilimsel kısmı kodlanabilir hale gelecektir. Bu elementin "ironi" rolünü oynayamayacağı apacak ortada. Bunun yerine elementin içeriği ironiktir. <p>Diğer bir örnek daha. HTML'nin insan tarafından okunabilir bir değerin makine tarafından okunabilir biçimini oluşturmak konusunda zayıf kaldığı apaçık ortada. Bu daha önce bahsettiğimiz ve BBC'nin hCalendar mikrobiçimi ile olan probleminin kökeninde yatan durumdur. <i>&lt;span role="2009-05-01"&gt;Önümüzdeki yıl İşçi Bayramı&gt;/span&lt;</i>" bir anlam ifade etmezken <i>&lt;span equivalent="2009-05-01"&gt;Önümüzdeki yıl İşçi Bayramı&gt;/span&lt;</i> daha anlamlı olacaktır.</p> <p>Yine burada da "<i>equivelant</i>" ya da bir benzeri terim kullanmak bir sorun teşkil etmeyecektir. Burada dikkat çekilmesi önemli olan şey, <i>class</i> özniteliğinde ya da <i>role</i> özniteliğinde olduğu gibi kullanmasının ve adaptasyonunun kolay olmadığıdır. Düzgün bir şekilde geliştirilebilir, geriye dönük uyumlu ve gerçek anlamda esneklik sunan bir çözüm için yukarıda anlattıklarımın incelenmesi gerekir.</p> <p>Bu bölümü "Çözüme Yönelik Düşünceler" olarak isimlendirdim çünkü gerçekten çalışır bir çözüm üretmek için çok büyük bir miktarda çalışma ve hazırlık gerekiyor. Cevabı açık soruları aşağıda listeledim.</p> <ul> <li>Kaç tane özgün semantik öznitelik bulunmalı? Bu kategoriler geliştirilebilir olmalı mı? Evetse nasıl?</li> <li>Sözlükler nasıl belirleniyor?</li> <li>Geliştiricilerin <i>class</i> değerlerini diledikleri gibi şekillendirebildikleri gibi dilediğimiz terimleri kendimiz seçebilecek miyiz? Yoksa kullanılabilecek terimler önceden mi belirlenecek? Ya da bir tür profil kullanarak kullanılabilecek değerleri geliştirmek (ve mümkünse de paylaşmak) için bir mekanizma mı oluşturulacak?</li> <li>İki sözlük arasında çıkmazda kalırsak, örneğin iki farklı sözlük arasında birbirine benzer terimler gibi, bu durum nasıl çözülecek?</li> <li>İsim aralıklandırma için bir tür forma ihtiyacımız var mı ya da buna yönelik bir mekanizma halihazırda mevcut mu?</li> </ul> <p>Bu soruları cevaplandırmak için acele etmektense, üzerlerine düşünmek ve hep beraber tartışmak için soruları yanıtsız bırakıyorum. HTML 5'in sonuçları ve kararların veriliş süreci çok çetrefilli olduğundan bunlara yönelik son kararı verecek olan kişilerin dil bilimi, semantikler, semiotikler ve benzer alanlarda uzman olan kişiler olması gerektiğini düşünüyorum.</p> <p>Umarım "yeni elementler oluşturmanın", HTML'nin semantik kapasitesini yükseltmeye yönelik sorunun çözümü olmadığını anlatabilmişimdir.</p> <p>Gelin bu kararları çabucak vermeyelim. Zaten torunlarımıza iklim değişikliği gibi büyük bir sorunla mücadele etmek zorunda bırakacak bir hata yaptık. gelin en azından onlara bırakabileceğimiz en iyi HTML'yi bırakalım.</p> <ul> <li><i>İllüstrasyon: <a href="http://www.alistapart.com/authors/c/kevincornell">Kevin Cornell</a></i></li> <li><strong>Kaynak</strong>: <a href="http://www.alistapart.com/articles/semanticsinhtml5">A List Apart</a></li> </ul><p>Bu yazı <a href="http://www.bildirgec.org/uye/kirpit">kirpit</a> tarafından <a href=" http://www.bildirgec.org/yazi/html5-te-semantikler ">bildirgec.org</a> adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.</p><hr>Pilli Projeleri: <a href="http://pilli.com">Pilli.com: Kolektif Bağımsız İçerik</a> | <a href="http://sosyomat.com">Sosyomat.com: Arkadaşını Etiketle</a> | <a href="http://put.io">Put.io: Online Cloud Storage</a> Sun, 01 Mar 2009 08:59:00 GMT 199362@http://www.bildirgec.org/ http://www.bildirgec.org/yazi/html5-te-semantikler