bildirgec.org - acikdeli - beğendikleri

Gelişmiş Sohbet Uygulaması: Arrowchat

acikdeli — Tue, 19 Oct 2010 06:29:00 GMT

Arrowchat, gelişmiş bir interaktif sohbet uygumasıdır. Birçok script'e entegre edilebilecek bu uygulamayı web sitenizde kullanarak kullanıcılar arasındaki iletişimi güçlendirebilir ve arrowchat'in birçok özelliğinden faydalanabilirsiniz.

Görünüm bakımından Facebook'a benzetilmiş olsada istediğiniz gibi özelleştirebilir ve web sitenize entegre edebilirsiniz.jQuery ile hazırlanan bu uygulamayı kendi web sitenizde kullanabilir veya Wordpress, phpBB eklentileri de kurabilirsiniz. Brutal, vBullettin, php-nuke gibi birçok script ile entegrasyonu yapılmak üzere.

Eş zamanlı chat imkanı veren arrowchat ile birebir konuşma harici de sohbet odaları yaratabilir, farklı tema ve smiley'leri ekleyebilir ve bir sohbet odasındaki her şeyi düzenleyebilirsiniz. Ayrıca sitenizdeki haber akışını küçük bir pencere ile bildirebileceğiniz gibi farklı flash oyun uygulamalarını arrowchat'e ekleyerek ziyaretçilerinizin boş vakitlerini doldurabilirsiniz.

Oldukça kolay kurulumu olan arrow chat php, mySql ve jQuery ile hazırlanmıştır. Bildirim, duyuru ve görüntülü sohbet özellikleri bulunmakta olan bu uygulama ile isterseniz kullanıcı ve ip'leri banlayabilirsiniz. Çevrimiçi/Çevrimdışı, altta yer alan sohbet penceresini gizleme gibi özellikleri sayesinde kusursuz bir sohbet uygulamasıdır.

Arrowchat'e buradan ulaşabilir veya demolarını buradan incelebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : arrowchat

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

gitarı bilgisayara bağlamak

acikdeli — Wed, 15 Sep 2010 10:29:00 GMT

aslında anlatmak istediğim gitarı bilgisayara bağlayıp değişik tonlar elde etmenin nasıl olacağı. direk bilgisayara bağlayıp da ses çıkartabilirsiniz ama clean tonda olur ve ses az gelir. bu yazıda anlatacağım şey sayesinde gitara değişik tonlar ekleyebilecek, distortion tonuna geçebileceksiniz, aynı pedal gibi. Burada bahsettiğim gitarlar jak yani kablo girişi olan elektro gitar, bass gitar veya elektro akustik gitar gibi gitarlar.

öncelikle bir jak kablosu (gitarla amfi ya da pedala takılan kablodan) ve jak dönüştürücü alıyoruz. elektrikçilerde ya da bazı müzik marketlerde oluyor. jak kablosunun bir ucuna jak dönüştürücüyü takıyoruz ve o ucu ses kartı olan bir bilgisayarın "line in" girişine takıyoruz. windows ses denetiminden mikrofon'un sesini kapatıyoruz, line-in ya da girişin sesi kapalıysa veya sessizde ise açıyoruz. dikkat edin, bilgisayarınızın ses kartı olmak zorunda. buraya kadar tamamsa internetten asio4all driver paketini indiriyoruz, sitesinden indirebilirsiniz freeware ve türkçe sürümü çıkmış. daha sonra guitar rig isimli programı indiriyoruz ve kuruyoruz (demo olarak).

asio4all programını çalıştırın ve latency değerlerini 0'a (sıfır) getirin, asio buffer size 1024 olsun. programdan çıkın. guitar rig programını çalıştırın. Audio Midi Settings'e girin ve ses kartınızı seçin. Hangisini seçeceğiniz hakkında kararsızsanız Asio4all'u seçin ve ardından asio config'e tıklayın. Orayı 2 ms olarak ayarlayıp kaydedin. Bunun sayesinde sesin gecikmesini önlüyoruz. Bunu yapmazsanız gitardan ses 2-3 saniye geç gelebiliyor ve bu bütün hevesinizi kırıyor. Bunu kaydettikten sonra yine Audio setup alanında Routing'e giriyoruz ve Inputs'ta gitarı nereden taktığımızı seçiyoruz, Output'ta ise sesin nereye gideceğini seçiyoruz. Birden çok bağlı ses aygıtı varsa önemlidir bu kısım. Yoksa kaydediyoruz ve ayarlamalarımızı bitirdik.

Şimdi yapmamız gereken programa geri dönüp olmuş mu diye test etmek. Gitarın tellerine vurdukça Input üzerinde oynama oluyorsa olmuş demektir. Bunun gibi output'ta hareket edecektir. Her şey bu kadardı, artık ton seçebilir veya kendiniz ton yaratabilirsiniz. Ses kalitesi tatmin ediyor ve gecikme falan da yok. Bilgisayarınız bir pedal'a dönüşmüş durumda şu anda. Keyfini çıkarın...

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Yepyeni bir Twitter

acikdeli — Wed, 15 Sep 2010 15:33:00 GMT

Herkesin bahsedip durduğu, kimilerinin kopamadığı, artık haberlerin bile çıktığı yer: Twitter. Artık Dünya şöhretlerinin, siyasetçilerin, yazarların birer twitterları var. Hayatlarını, neler yaptıklarını buradan anlatıp duruyorlar.

Oluşumlarının gittikçe popülerleştiğini gören twitter yöneticileri, twitter'ın geliştirilmesi gerektiği fikrini edinmiş olacaklar ki, bunun için çalışmalara başlandığını duyurdular.

Şuradaki adreste yeni twitter için bir tanıtım sayfası ve tanıtıcı bir de video hazırlanmış. Videoyu izleyemiyorsanız şuradan da deneyebilirsiniz.

Twitter yöneticileri, twitter'ı daha hızlı, sade, dinamik ve fonsiyonel yapmayı hedefliyorlar. Şimdilik bazı kişilere açılan bu yeni twitter dizaynı yakın zamanlarda tüm twitter kullanıcılarına açılacak.

Peki twitter'a ne gibi yenilikler gelecek?

Yeni Bir Dizayn: Twitter'ın alışılmış timeline (akış) kısmı muhafaza edilirken, o kısmın yanına bir bölüm daha eklenmiş. Yani sayfa ikiye bölünmüş ve sağ kısımda akış, sol kısmında trendler vs. yer alıyor. Ancak herhangi bir tweet'e tıklanıldığı takdirde kişinin sayfası açılıyor.

Açılan bu sayfada bundan böyle youtube, vimeo, flickr, twitpic gibi sitelerin sadece linkleri değil, görüntüleri de olacak. Örneğin kişi youtube'dan veya vimeo'dan bir video paylaştığı zaman, kişinin sayfasından bu videoyu izlemek mümkün olacak.

İlgili İçerik: Kişinin herhangi bir tweetine tıklandığı zaman nereden tweet attığı bilgisi alınabilecek. Ayrıca kişinin diğer tweet'leri görülebilecek, yapılan reply'lar (cevaplamalar) da burada gözükecek.

kaynak

Diğer haberler:
Facebook chat artık kesilmeyecek
pes 2011
google maps gerçek olsaydı!
Web Tarayıcıları Cephesinde Son Durumlar
diğer yazılarım

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

farklı amaçlar için jquery eklentiler ve dersleri

acikdeli — Wed, 07 Jul 2010 12:19:00 GMT

jquery eklentiler güçlü bir tabanı olan bir fantastik kaynak. çoğu zaman aynı türde jquery eklentiler karşımıza çıkıp duruyor. aşağıda farklı amaçlar için derlenmiş jquery eklentiler bulunmakta. bunlara hızlıca göz atarsak; yapışkan notlar, sahne efekti puzzle, sanal klavye, gridte akerdeon efekti ile içerik gösterimi gibi uygulamalar bulunmakta.

1. sliding image puzzle (kayan fotograf puzzle) tutorial - download

fotograflarınızı puzzle haline getirebileceğiniz küçük bir eklenti.

2. quickflip tutorial - download

quickflip, sayesinde bir öğe üzerinde harika bir görüntü oluşturabilirsiniz örneğin kartvizit görünümü gibi.

3. spritley tutorial - download

spritley ile flash kullanmadan hareketli headerlar oluşturmak için eşsiz bir örnek.

4. quicksand tutorial - download

dökumanlarınızı çeşitli başlıklar halinde göstermenizi sağlayacak animasyonlu bir eklenti.

5. jquery heat map tutorial - download

web sitenizde ziyaretçiler en çok hangi bölgeye tıklamış merak ediyorsanız tam size göre bir eklenti.

6. on-screen keyboard tutorial - download

Sanal klavye olarak kullanabileceğiniz bir jquery eklenti.

7. curtains effect (perde efekti) tutorial - download

Web sitenizin default sayfasına bu eklenti ile ziyaretçilerinizi sahne perdesiyle karşılamanız, ziyaretçilerinize hoş bir izlenim katacaktır.
8. sticky notes (yapışkan notlar) tutorial - download

web sitenize bu fantastik jquery eklentisi ile sürüklenebilir, düzenlenebilir notlar ekleyebilirsiniz.

9. grid accordion - tutorial - download

Gridlere esneklik kazandırarak akordeon gibi içerik gösterimini sağlayacağınız bir jquery örneği.

kaynak

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En iyi jQuery Uygulamaları - Haziran 2010

acikdeli — Mon, 28 Jun 2010 06:48:00 GMT

Her geçen gün ajax ile yapılan dolayısıyla jQuery ile yapılan uygulamalar artmakta. Artık flash alternatifi olarak görülen jQuery ile inanılmaz uygulamalar yapılmakta. jquery.com'dan derlenen haziran ayının en iyi jQuery uygulamaları;

dualSlider - Demo

Çift taraflı jQuery tabanlı bir taraflı olan dualSlider ile hem manşet için hazırladığınız alt metin hem de manşetin kendisi küçük bir zaman aralığı ile kayma efektini gerçekleştirir. Birçok sayfa kullanabileceğiniz bu uygulamada resim yerine herhangi bir html dosyası, video, metin gibi birçok alternatif tercihte bulunabilirsiniz. Ayrıca slayt özelelliğini, "Play/Stop" (Başlat/Bitir) tuşu ile başlatıp durdurabilirsiniz.

jQuery Easy Confirm Dialog - Demo

jQuery ile hazırlanan bu farklı tooltip uygulamasını web sayfalarınızdaki ziyaretçilerinize uyarı niteliğinde sunabilirsiniz. Farklı uyarılar olarak kullanabilir veya belirli soruları sormak için kullanabileceğiniz muhteşem bir jQuery tooltip uygulaması.

scrollExtend and onScrollBeyond - Demo

Bu farklı jQuery uygulaması web sayfalarınızı fazla doldurmamanızı ve istendiğinde diğer bilgilerin ortaya çıkmasını sağlayan muhteşem bir uygulamadır. Imleci aşağı kaydırdığınız taktirde sayfanın devamının yüklenmesi ile yeni bilgiler gelmekte.

JcubeiT Plugin - Demo

3 Botutlu bir küp olan bu uygulama ile küp'ün farklı yüzeylerine fotoğraflar veya metinler yerleştirebilirsiniz. Herhangi bir renk ayarını yapabilir ve istediğiniz gibi kişiselleştirebilirsiniz.

jQnotice - Demo

jQnotice, klasik bir jQuery tabanlı tooltip özelliği bulunan bir uygulamadır. Herhangi bir linke tıklanığınızda çıkan baloncuk ile kullanıcılarınıza istediğiniz herhangi bir mesajı iletebilir ve uyarılarda bulunabilirsiniz.

jQuery FormLabels Plugin - Demo

Bu jQuery uygulaması ile metinlerinize, fotoğraflarınıza yada herhangi bloklara farklı bir aydınlanma efekti verebilirsiniz. Demoda bulunduğu gibi farklı şekillerde kullanılabilir ilginç bir uygulama.

jCollapser - Demo

Klasik bir jQuery slider özelliği taşıyan bu uygulama ile kullanıcılar istedikleri bilgiyi görebilir yani herhangi bazı metinleri, görselleri gizleyebilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : ajaxline

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Muhteşem Minimalist ikon setleri

acikdeli — Wed, 30 Jun 2010 06:28:00 GMT

Tasarımda ikon ögesi oldukça önemlidir. Tasarımın daha renklenmesi ve bazı bölgelere dikkat çekme gibi birçok farklı yapıda kullanılan ikonlar renkli tasarımlarda olduğu gibi minimalist tasarımlarda da oldukça önemlidir. Arşivlerinizde saklayabileceğiniz veya web sitelerinzde kullanabileceğiniz Muhteşem Minimalist ikon setleri;

Default Icon

eps, png, gif formatlarında siyah ve beyaz 110 tane ikon bulunmakta. Ikonların boyutları : 16x16, 24x24, 32x32, 48x48, 64x64, 128x128, 256x256. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

bwpx.icns

250 tane 18x18 boyutunda arka planı beyaz olan minimal ikon bulunmakta. Ayrıca bu ikon arşivi creative commons sertifikasına sahip.

Munich

1000 yüksek kaliteli 5 farklı temalı (gri tonlamalı, turuncu tonlamalı, renksiz, renkli, mavi ağırlıklı), png formatında 16x16 & 32x32 boyutlarında creative commons sertifikalı ikon.

Eclipse 2

png formatında 128x128, 48x48, 32x32 ve 16x16 boyutlarında siyah ve beyaz arka planlı toplam 265 ikon.

Wireframe Toolbar Icons

Siyah ve Beyaz arka planlı 16x16, 32x32 ve 48x48 boyutlarında png formatında 244 tane ikon. Ayrıca Creative Commons sertifikasına sahip.

Devine Icons

Siyah ve beyaz, 256x256 ebatlarında png ve icn formatında toplam 50 tane ikon.

Devine Icons 2

Siyah ve Beyaz, 512x512 boyutlarında png formatında 368 ikon.

Only2 Icons

96 tane siyah ve beyaz arka planlı gif formatındaki 10x10 boyutlarında ikonlar.

Symbol Signs

Eps ve Gif formatlarında 134 tane siyah ve beyaz arka planlı ikon.

UIDesign Icons

12x12, 16x16, 24x24, 32x32, 48x48, 64x64, 128x128 ebatlarında siyah, beyaz ve arkaplansız muhteşem ikonlar.

Ayrıca Bakınız ;

angelsdemos: Blog | Twitter | Email | RSS

Kaynak : wdl

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

popüler S.E.O yasaları - 1

acikdeli — Thu, 01 Jul 2010 09:21:00 GMT

arama motoru optimizasyonu günümüzde çok önemli bir sektör halini aldı. bunda elbette google'ın büyük bir başarı elde etmiş olması ve web'in geleceğini neredeyse tek başına yazmaya başlaması büyük rol oynamıştır. ünlü arama motoru google'ın en son hamlesi caffeine adını verdiği yeni alt yapıyı faaliyete geçirmesi oldu. ancak her zamanki gibi caffeine hakkında bilinenler google'ın resmi açıklamaları ve ortalıkta dolaşan şehir efsanelerinden ibaret. henüz...

üstelik dünyadaki tek web arama motoru google değil elbette. yahoo, bing gibi arama servislerinin kullanıcı sayısı hiç de azımsanacak sayıda değil. öyleyse bugüne dek bilinen ve fayda sağladığı kanıtlanmış seo teknikleri hala tedavülde diyebiliriz. her ne kadar caffeine ile birlikte sosyal içeriğin ve içeriğin tazeliğinin artık hiç olmadığı kadar önem kazandığını bilsek de eski seo taktiklerinin rafa kalkıp kalkmadığı belirsiz ve diğer arama motorları şimdilik herhangi bir altyapı değişimi açıklamıdıklarına göre eski seo mekanizmasının kökten bittiğini iddia edemeyiz.

öyleyse şimdi en önemli birkaç seo çalışmasından bahsedelim. böylece web sitenizdeki içeriği daha görünür kılabilir, ziyaretçilerin sitenizi kolay bulmasını sağlayabilirsiniz.

arama motoru dostuluğu (s.e.f web development)

kopya içerik

arama motorları birbirinin tıpkısı içerikleri görmekten nefret eder. sokakta baktığınızda gördüğünüz halley veya biskrem ambalajları gözünüze ne kadar çöp olarak görünüyorsa arama motorları da benzer içeriği o kadar çöp biçiminde görürler.

kopya içerik durumu bazen bir paradoksa dönüşür. içerik yönetim sistemleri (cms), kategoridir, üründür, özelliğidir derken çoğu zaman bir tek içerik için farklı farklı url'ler oluşturabiliyorlar. bu durumu çözmek için robot.txt dosyaları, tâli linklerinizi noindex olarak etiketlemek veya 301 durum kodu ile yönlendirme yapmak en geçerli çözüm yollarıdır. ayrıca bir geliştiriciyseniz linkler için google'ın resmi öznitelik raporlarına bakmalısınız.

web sitenizdeki her bir içeriğin benzersiz olmasına özen göstermelisiniz. bazı e-ticaret sitelerinde ürünler en ince detaylarına kadar gösterilirler. örneğin bir ürünün değişik ebat seçenekleri bulunuyorsa bunlar kendi detay sayfalarında görünecektir. elbette minik farklılıklar olacaktır ancak ürün aynı olduğundan çoğu bilgi diğer sayfalardakiyle aynı olacaktır. böylece arama motorlarının bu tür detay sayfalarınızla pek iyi geçinemediklerine şahit olmaya başlarsınız. oysa o ürünü ebatlara ayırıp sayfalara bölmektense, bir tek sayfa kullanıp ürünün ebat bilgilerini ve diğer tüm bilgilerini topluca verseydiniz içeriğinizi klonlamak zorunda kalmazdınız. böylece arama motorlarının gönlünü kazanmak, veritabanı alanından kazanç sağlamak, site trafiğinde düşüş sağlamak gibi önemli kazançlar elde edebilirdiniz.

resmi linkler & kopya içerik

eğer bir içerik yayınlıyorsanız bunun bir tek linki olsun. işte bu link o içeriğin resmi linkidir."resmi link" sözcüğü aslında kopya içeriği önleme mesajı veren cilalı bir sözcükten başka bir şey değil.

site.com
www.site.com
site.com/index.html
www.site.com/index.html

bu linkler arama motorları için 4 birbirinden değişik adrestir ancak sonuçta yine sadece teki indekse alınacaktır. sitenizin anasayfasını 4 kez indeksletmek imkansız olmakla birlikte arama motorları bu 4 farklı linkin de aslında aynı kapıya çıktığını fark etmek için hesap kitap yapmak zorundadırlar. bir tek "if" koşulunun bile arama motorlarına maliyeti yüzbinlerce dolarla ölçüleceğinden resmi linkler kullanmanız önemlidir.

resmi link deyimiyle aslında linklerin yazım biçimindeki değişimler kastedilir. biz bütün sitemizdeki linkleri dizginlesek bile backlink dediğimiz yabancı sitelerden alacağımız linklerin bir kalıba uygun yazılacağından emin olamayız.

bir içerik yayınlıyoruz diyelim ve bazı siteler bu içeriğimizi beğenerek kendi ziyaretçilerinin de bu güzide içeriğimizi görmelerini istediklerini düşünelim. hemen bir link koyup ziyaretçilerini sitemize gönderiyorlar ancak o da ne? insanlık hali, linkimizi yazarlarken www kullanmayı unutuveriyorlar. olmayacak bir iş değil sonuçta. ayrıca bu güzide içeriğimizi "resmi link" üzerinden google'a indeksletmeyi başarmışız varsayalım.

hatalı yazılan backlink, google indeksinde bulunmayacağından, örümcekler yeni bir içerik buluruz ümidiyle hatalı yazılmış linki taramak isteyeceklerdir. sonuçta zaten uğraşıp didinip indekslediği bir içeriği yine taradığını gören google elbette bundan hoşnut olmaz. bu problem urlrewrite modülüyle giderilebilir.

sitemize hatalı bir url ile istek yapılırsa sunucumuz bir rehber edasıyla "hayır o link aslında öyle değil de, şöyle olmalıydı" görevini yerine getirebilir. basit www, http, büyük harfleri küçültmek gibi yazım hatalarını otomatik düzeltebiliriz. bu linklerimizi standart bir kalıba sokar. örümcekler backlinke değil sitemizin rehberliğine güvenecek, esas alacaktır.

arama dostu linkler

lütfen aşağıdaki iki linkin götüreceği sayfalarda ne bulacağınızı açıklamaya çalışınız!

www.site.com/?catID=983784978947&id=445
www.site.com/spor/futbol/istatistikler.asp

ilk linkte bolca sayı görülüyor. bu sayılardan bir anlam çıkarmak kehanet olurdu. oysa ikinci linkte futbol istatistiklerine ulaşacağınız sayfayı açmadan tahmin edebilirsiniz. dünyadaki tüm web siteleri bu büyük kolaylığı sağlasaydı ne olurdu?

bazı web siteleri ilk verdiğimiz link yapısını kullanıyor henüz. böyle sitelerde insanlar aslında gitmek istemedikleri sayfaları açmak zorunda kalıyor. o sayfalarda zaman öldürüyorlar. web siteleri hiç yoktan trafik masrafı çekiyor. oysa basit bir url yapısı bütün bu masrafları hızlıca düşürürdü!..

devamı gelecek...

__________________ my top10 __________________

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

en sık yapılan 9 seo hatası

acikdeli — Fri, 02 Jul 2010 10:22:00 GMT

seo ile ilgili sıklıkla ileri düzey bildirilerle karşılaşıyoruz. tabii ki bunlar daha alt seviyede bilgi sahibi kullanıcılara çok da hitap etmiyor. daha önceki bildirilerimden birinde "yapılabilecek en temel seo çalışmaları"ndan bahsetmiştim. şimdi de en sık yapılan hatalardan bahsetmek istiyorum.

1. Title(Sayfa Başlığı)'ın 70 Karakterden Uzun Olması

Title, Arama Motoru Optimizasyonu'nun en temel öğelerinden bir tanesidir. "Nasıl Title Yazılır?" konusuna çok da değinmek istemiyorum, çünkü bu yazıda yapılması gerekenlerden değil yapılmaması gerekenlerden bahsediyorum. Bir "title"ın 70 karakterden uzun olması arama motoru sonuçlarında eksik görünmesini sağlar.

2. Meta Description (Sayfa Açıklaması)'ın 150 Karakterden Uzun Olması
Sayfa Açıklaması gerek arama motorlarının sayfayı iyi okuyabilmesi açısından gerekse arama motoru sonuçlarından ziyaretçi çekebilmek için önemli bir alandır. Çünkü "sayfa açıklaması" arama motoru sonuçlarında "title"ın altında görünür. Resimde de görülebileceği gibi 150 karakterin üzerinde bir açıklama tıpkı title gibi kesiliyor.

3. Title'ın Gerçekçi Anahtar Kelimeler Hedeflememesi
"Title"da anahtar kelimelerin yer alması ilgili kelimelerdeki arama sonuçlarında ciddi avantajlar elde edilmesini sağlar. Yani "title"da doğru anahtar kelimeleri kullanmamak başarısızlıkların olası sebeplerinden temelidir.

Resimde görülen firmanın "title"ı iki temel hatayı birlikte içeriyor. Birincisi, bir reklam metni gibi yazılmış olması. Bu durum hem kullanıcılar açısından hem de arama motorları açısından oldukça itici. Çünkü hiç kimse Google'a "#1" yazmaz.
İkinci hata ise firma isminin "title"ın başında yer alması. Ön kısımda anahtar kelimeleri kullanmak arama motorlarının daha çok dikkatini çekecektir.

4. Tüm Sayfalarda Aynı Anahtar Kelimelerin Kullanılması

Arama motorları tüm sayfaları ayrı ayrı değerlendirir. Her sayfaya farklı; sayfanın içeriğine uygun anahtar kelimeler yazmak gerekir. Örneğin hem karpuz hem de kavun satan firma anasayfasındaki anahtar kelimeler arasına "karpuz, kavun..." gibi kelimeler seçerken; karpuz sayfasına "karpuz, adana karpuzu..." gibi anahtar kelimeler seçiyor olmamız gerekiyor.

5. Domain(Alan Adı) Süresinin Bitmeye Yakın Olması

Alan adı süresi bitmek üzere olan bir web sitesi arama motorları gözünde çok da güvenilir bir intiba bırakmazlar. Alan adı süresini 1-2 yıl uzatıyor olmanın karşılığını mutlaka alacaksınız.

6. Resimlere "Alt" Metni Eklememek

Bilindiği üzere arama motorları bir grafiğe baktığında onun ne olduğunu tanımlayamaz. Dolayısıyla biz bir grafiği web sitemize eklerken "alt" metni ekleyerek grafiği ne olduğunu anlatmamız gerekiyor.

Örnek: <*img src='http://www.bildirgec.org/ataturk.jpg' alt="atatürk samsunda">

7. CSS Kullanmamak

CSS yapısı sadece web sitelerinin kusursuz görünmesini sağlamaz, ayrıca arama motoru optimizasyonuna da yardımcı olur. CSS kullanılmadığı takdirde web sitelerinde yer alan kod yığınları sitenin yavaş açılmasını ve arama motorlarının siteyi daha zor okumasını sağlar.

8. Ya Çok Fazla ya da Çok Az Yazılması

İçerik arama motorları için en önemli öğedir. Bunu bilen bir çok web sitesinin çok fazla metin kullandığını görüyoruz. Oysa ki arama motorları "çok" olanı değil "ideal" olanı arıyor.

9."Analytics" Kullanmama

Google Analytics bize hangi arama motorundan, hangi anahtar kelimelerden ziyaretçi aldığımızı gösterir. Böylelikle ziyaretçi aldığımız kelimeleri, ziyaretçi alamadığımız kelimeleri tespit edebilir, çalışmalarımıza o şekilde yön verebiliriz.

Takip Et: ekuplu bildirgeç profili - friendfeed

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Zoom Bileşeni: Zoomooz

acikdeli — Mon, 21 Jun 2010 06:37:00 GMT

Zoomooz, websayfanızdaki herhangi bir eleman üzerinde her türlü zoom efektini yapmanızı sağlayan muhteşem bir jQuery uygulamasıdır. Zoomoz'u web sitenizdeki resimler, bloklar, metinler gibi aklınıza gelebilecek her elemana uygulayabilirsiniz.

Hiçbir eklenti gerektirmeyen bu jQuery uygulaması ile fotoğrafların büyük boylarının anında ekrana gelmesini sağlayabilir veya herhangi bir fotoğrafa yakınlaşma efekti yapabilirsiniz. Bunların haricinde üç boyutlu bir küp yapıp herhangi bir bölümüne yakınlaşma ve uzaklaşma yapabilir veya bloklarınızın bir bölümüne zoom efekti koyarak sağdan sola, yukarıdan aşağı gibi farklı açılardan bu uygulamayı kullanabilirsiniz.

Birçok alanda kullanabileceğiniz Zoomooz sadece 20kb. boyutunda. Her açıdan yakınlaşıp uzaklaşma yapabileceğiniz bu uygulamayı Firefox v3+, Google Chrome v4 ve Safari v4 tarayıcılarında kolaylıkla hiçbir eklenti gerektirmeden kullanabilirsiniz.

Muhteşem zoom efekti sağlayan Zoomooz'u buradan indirebilir veya buradan kendi web sayfasına gözatabilirsiniz. 4 farklı demosuna ise buradan gözatabilirsiniz.

Ayrıca Bakınız ;

angelsdemos: Blog | FriendFeed | Twitter | Email | RSS

Kaynak : janne.aukia

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Web Tasarımcı ve Geliştiriciler için En İyi Açık Kaynak Kodlu Yazılımlar

acikdeli — Mon, 31 May 2010 12:12:00 GMT

Günümüzde tüm web tasarımcılar-geliştiriciler açık kaynaklı araçlardan yararlanmakta. Açık kaynak kodlu araçlar ücretli uygulamaları yapabildiği her şeyi yapabilmekte, hatta daha fazlasını bile...

İşte sizlere 5 harika açık kaynak kodlu ve birbirinden kullanışlı araç.
1. Video JS
Video JS, javascript tabanlı bir video oynatıcı. HTML5'in de gücünü arkasına alarak oldukça fonksiyonel ve tarayıcı dostu. Tüm çalışmalarınızda gönül rahatlığı ile kullanabilirsiniz.

Download / Demo

2. Google Font API
Google Font Dizinindeki tüm yazı tiplerini ücretsiz olarak çalışmalarınızda kullanabilirsiniz. Üstelik tüm yazı tiperli Google sunucularında barındırıyor olması büyük bir avantaj.

3. Nivo Slider
Web sayfalarında resim kaydırma efekti vermenizi sağlayacak bir JQuery Image Slider eklentisi. Oldukça kullanışlı ve istediğiniz gibi düzenleyebilirsiniz. Ayrıca tüm tarayıcılara uyumludur.

Download / Demo

4. CallMeter NG
CallMeter, web geliştiriciler için açık kaynak kodlu bir Android uygulaması. CallMeter, İngilizce, Almanca, Yunanca, Portekizce, İspanyolca, Fransızca, Çekce dillerini desteklemekte.

5. Best Open Source
En büyük sorunlarımızdan biri de açık kaynak kodlu yazılımların internet üzerinde çok dağınık bir şekilde bulunması. Bu noktada yardımımıza Best Open Source yetişiyor. Best Open Source, açık kaynak kodlu uygulamalrın bulunduğu bir kütüphane. Buradan ihtiyacımız olan her türlü açık kaynak kodlu yazılıma erişebiliyoruz.

Bu yazı acikdeli tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage