E-Siber.com

�nternetteki Sosyal Payla��m�n Y�zde 44'� Facebook ile Yap�l�yor

Wed, 17 Mar 2010 09:56:47 +0000

Sosyal medyan�n her geçen gün daha bir yükseli�e geçmesi beraberinde gelecekteki 'internette arama' olgusunun sosyal medya payla��m� ile beraber yeni bir �ekle mi bürünece�i sorusunu ak�llara getirdi. Hakeza geçenlerde haftal�k trafikte Facebook, Amerika'da Google'� geçti. Art�k Google'�n tüm dikkati sosyal trafi�in beraberinde sosyal aramay� getirip, arama trafi�ini de sosyal medya üzerine kayd�r�p kayd�rmayaca��d�r. Veriler Gigya isimli sosyal medya payla��m araçlar� geli�tiren firman�n istatistiklerinden derlenmi�tir. Web'de payla��lan ö�elerin da��l�m�: Facebook: 44% Twitter: 29% Yahoo: 18% MySpace: 9% Haber siteleri ile kimlik do�rulama payla��m�: Facebook: 31% Google: 30% Yahoo: 25% Twitter: 11% AOL: 3% E�lence siteleri ile kimlik do�rulama payla��m�: Facebook: 52% Google: 17% Yahoo: 12% Twitter: 11% MySpace: 7% AOL: 1% Yukar�daki verilere �öyle bir bak�nca, kullan�c�lar�n art�k bilgi/veri, içerik ve video payla��rken bunu birebir e-posta göndererek payla�mak yerine bütün bunlar� sosyal medyalar üzerinden yaparak payla�may� ye�lemesidir. Bütün bu istatistikler bizlere gelecekte, internetin hangi mecralarda nabz�n�n daha çok ataca��n� aç�kca gösteriyor. Bunlar ayr�ca reklam verenlerin de fazlas�yla dikkat etmesi gereken türden verilerdir. Kaynak: http://www.socialmediaexaminer.com/5-new-studies-show...

Pratik Google Sorgular� ile Etkin Twitter Aramalar� Yap�n

Tue, 16 Mar 2010 11:05:24 +0000

Google'un arama sonuçlar�nda art�k Twitter profillerini ve içeriklerini de gösteriyor olmas� inan�lmaz faydal� oldu. Son zamanlarda Twitter kullan�m�n�n da artamaya ba�lam�� olmas� ve Türk kullan�c�lar taraf�ndan daha bir ra�bet görmesi, onu daha etkin kullanma yöntemlerini bulmaya itiyor. ��te Twitter için etkin Google arama yöntemleri. 1. Twitter ba�l�klar�nda ya da profil isimlerinde arama yapmak için: intitle:"teknoloji * on twitter" site:twitter.com yukar�daki sorguda içinde, Twitter profiller isimlerinde veya ba�l�klar�nda ' teknoloji ' kelimesi geçen bütün profiller görüntülenmekte. Siz de yukar�daki sorguda sadece ' teknoloji ' kelimesi yerine kendi terimlerinizi deneyerek arad�klar�n�za ula�abilirsiniz. Ba�ka bir�eyi de�i�tirmenize gerek yok. Hatta ingilizce sorgular içinde bu yöntemi kullanabilirsiniz. 2. Twitter ' Bio 'lar�nda arama yapmak için: intext:"bio * yazar" site:twitter.com Bilindi�i gibi Twitter 'Bio'lar� bir nevi k�sa tan�t�c� biyografi gibi. Kullan�c�lar buraya kendileri/kurumlar� hakk�nda özet, özlü tan�t�c� bilgiler yazmakta. Bizlerde yukar�daki Google arama sorgusuyla bütün 'Bio'larda arama yaparak istedi�imiz sonuca ula�mam�z gayet mümkün. Yapman�z gereken tek �ey yukar�daki ' yazar ' kelimesi yerine kendi sorgu kelimenizi yazarak, Google'da yeniden arama yapmak. Hepsi bu.

Tamamen CSS ile Yap�lm�� Sosyal Medya �konlar�

Tue, 16 Mar 2010 03:45:27 +0000

Nicolas Gallagher isimli bir tasar�mc� taraf�ndan tamamen saf CSS ve HTML ile yap�lm�� sosyal medya ikon setinden bahsedece�iz. Yeni nesil CSS3 ile yap�lm�� bu sette kesinlikle ne bir resim ne de javascript kullan�lm��t�r. HTML kodlama k�sm� için sadece bildi�imiz s�ras�z

etiketleri kullan�lm��. HTML k�sm�:

Facebook
Twitter
RSS
Flickr
Delicious
LinkedIn
Google
Orkut
Technorati
NetVibes

CSS k�sm�: ul { list-style:none; padding:0; margin:0; overflow:hidden; font:0.875em/1 Arial, sans-serif; } ul li { float:left; width:66px; height:66px; margin:20px 20px 0 0; } ul li a { display:block; width:64px; height:64px; overflow:hidden; border:1px solid transparent; line-height:64px; text-decoration:none; /* css3 */ text-shadow:0 -1px 0 rgba(0,0,0,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; /* standards version last */ } ul li a:hover, ul li a:focus, ul li a:active { opacity:0.8; border-color:#000; } RSS ikonunun CSS kodu: .rss a { position:relative; width:60px; padding:0 2px; border-color:#ea6635; text-transform:lowercase; text-indent:-186px; font-size:64px; font-weight:bold; color:#fff; background:#e36443; /* css3 */ -moz-box-shadow:0 0 4px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.4); box-shadow:0 0 4px rgba(0,0,0,0.4); background:-webkit-gradient(linear, left top, left bottom, from(#f19242), to(#e36443)); background:-moz-linear-gradient(top, #f19242, #e36443); background:linear-gradient(top, #f19242, #e36443); } /* create circle */ .rss a:before { content:"0a0"; position:absolute; bottom:10px; left:10px; width:12px; height:12px; background:#fff; /* css3 */ -moz-border-radius:12px; -webkit-border-radius:12px; border-radius:12px; } /* create the two arcs */ .rss a:after { content:"0a0"; position:absolute; bottom:10px; left:10px; width:22px; height:22px; border-style:double; border-width:24px 24px 0 0; border-color:#fff; /* css3 */ -moz-border-radius:0 50px 0 0; -webkit-border-radius:0 50px 0 0; border-radius:0 50px 0 0; } Di�er sosyal medyalar�n CSS kodlar� için a�a��daki " CSS kodlar� " ba�lant�s�n� t�klay�n�z. Demo: http://nicolasgallagher.com/demo/pure-css-social-media-... CSS kodlar�: http://nicolasgallagher.com/demo/pure-css-social-me...

4 Farkl� Renkte 4 �kon Seti

Tue, 16 Mar 2010 03:22:10 +0000

PC.DE sitesi her biri 16x16px ve 32x32px ebatlar�nda ve içerisinde 4 farkl� renk skalas�ndan 60'ar ikon bulunduran 4 ayr� ikon seti yay�nlad�. Hepsi transparan PNG format�nda. Adres: http://pc.de/ico/ Münih seti: http://pc.de/ico/pc.de-munich-icon-pack.zip Cologne seti: http://pc.de/ico/pc.de-cologne-icon-pack.zip Hamburg seti: http://pc.de/ico/pc.de-hamburg-icon-pack.zip Berlin seti: http://pc.de/ico/pc.de-berlin-icon-pack.zip

PHP ve jQuery ile �erez (Cookie) Y�netimi

Mon, 15 Mar 2010 07:17:57 +0000

HTTP, durum/oturum tutmayan bir protokoldür. Yani bir web sitesine girerken yapt��n�z her talep ba��ms�zd�r, tektir ve o talepler kendi ba�lar�na herhangi bir veriyi tutmazlar ya da kaydetmezler. Böylece site üzerinde yap�lan her bir i�lem aras�nda cookie (çerez) diye tabir edilen bir yol kullan�l�r. Bu sayede etkin bir oturum yönetimi ve sürekli veri al��veri�i sa�lanm�� olur. Cookie (çerez) tutman�n 2 yolu vard�r: Biri sunucu tarafl� PHP ve ASP gibi betik yollar, bir di�eri ise istemci tarafl� Javascript yoludur. MicroTut (Tutoriazine) makalesinde ise ayn� anda hem PHP hem de Javascript ile nas�l çerez olu�turulaca�� ve okunaca�� anlat�lm��. Örnek olarak verdi�imiz kodlar hakk�nda daha detayl� bilgi için a�a��daki " Adres " ba�lant�s�na gitmeniz gerekmektedir. PHP ve Çerezler Çerezleri Kurma: setcookie fonksiyonunu kullanarak: setcookie( 'pageVisits', // Çerezin ad�, gerekli $visited, // Çerezin de�eri time()+7*24*60*60, // Biti�/sona erme zaman� '/', // Çerezin geçerli olaca�� klasörler 'e-siber.com' // Çerezin dönece�i domain ); Çerezleri Okuma: $visits = (int)$_COOKIE['pageVisits']+1; echo "Bu sayfay� ".$visits." kere ziyaret ettiniz."; jQuery ve Çerezler jQuery ile çerez kullanmak istiyorsan�z, öncelikle bu çerez pluginini kurman�z gerekmekte. Çerezi Kurma: $(document).ready(function(){ // kittens adl� çerezi kur: $.cookie("kittens","Seven Kittens"); // demo çerez: demoCookie: $.cookie("demoCookie",text,{expires: 7, path: '/', domain: 'e-siber.com'}); // "text", kaydedilmek üzere stringi tutan de�i�ken }); Çerezi Okuma: $(document).ready(function(){ // kittens çerezini alma: var str = $.cookie("kittens"); // str �u an "Seven Kittens" çerezini bar�nd�r�yor. }); Çerezi Silme: $(document).ready(function(){ // kittens çerezi siliniyor: var str = $.cookie("kittens",null); }); Adres: http://tutorialzine.com/2010/03/microtut-getting-and-setting.. Demo: http://demo.tutorialzine.com/2010/03/microtut-getting-and... �ndir: http://demo.tutorialzine.com/2010/03/microtut-getting-and...

Twitter Takip�ilerinizin Profil Resimlerinden Twitter Sayfan�z�n Arka Plan Resmini Yap�n

Mon, 15 Mar 2010 05:56:07 +0000

Twilk , Twitter takipçilerinizin (followers) ve sizin takip ettiklerinizin (following) profil resimlerinden Twitter sayfas� arka plan� yapmaya yarayan oldukça ilginç bir uygulama. Uygulama ile tamamen size özel ve özgün Twitter sayfas� arka plan�na sahip olabilirsiniz. Siteye varolan Twitter hesab�n�z ile giri� yaparak, kimleri arka plan resmine ekleyip eklemeyece�inizi seçiyorsunuz. Uygulama da sizin seçti�iniz profillerin resimlerinden müte�ekkil bir arka plan� an�nda profil sayfan�za uyguluyor. Adres: http://twilk.com/

�nternet Bir S�per G�� Haline Geliyor

Mon, 15 Mar 2010 03:59:09 +0000

�nternet bir süper güç müdür ya da dünyan�n �imdiye kadar gördü�ü en büyük güç olabilir mi? Bu tip sorular art�k ciddi ciddi sorulur olmaya ba�lad�. Çünkü internet art�k salt bir teknoloji ya da ileti�im arac� olmaktan çok, hayatlar�m�z�, ili�kilerimizi ve tüketim kültürümüzü önemli ölçüde etkileyen bir mekanizma haline geldi. BBC'de internetin hayat�m�z� nas�l de�i�tirdi�i ve internetin etkileri üzerine bir süredir önemli yay�nlar yap�l�yor. BBC Süpergüç'de internetin ola�anüstü etkisi ve gücü çe�itli çal��malar ve dosyalar da irdeleniyor. A�a��daki " Dört ülkeden internet manzaralar� " videosunda, Hindistan, Nijerya, Banglade� ve Güney Kore'den internetin ya�amdaki yerine ili�kin kesitler sunuyoruz. Evlenmeler, tüketim ve neredeyse tüm ya�am farkl� ülkelerden kar��la�t�rmal� olarak inceleniyor: Süpergüç: http://www.bbc.co.uk/turkce/ozeldosyalar/cluster_intern...

Online CSS3 �reteci ve S�nay�c�

Mon, 15 Mar 2010 03:24:13 +0000

CSS3'ün yükseli�e geçmesiyle beraber, ilgili doküman ve uygulama say�s�nda da art�� ya�anmaya ba�lad�. Her geçen gün yeni bir özellik ya da uygulama ç�k�yor. CSS3 Generator da, CSS3'teki fonksiyonlar� ve özellikleri s�nayabilece�iniz bir online üreteç. CSS3 Generator ile: çerçeve kö�esini ovalle�tirme kutu gölgelendirme yaz� gölgelendirme RGBA @font görünümü çoklu sütunlar kutu boyutland�rma anahat olu�turma gibi baz�s� yeni baz�s� önceden bilinen fakat yeniden fonksiyonu güçlendirilmi� bir tak�m özellikleri s�naman�z ve önizlemesini yapman�z mümkün. Adres: http://css3generator.com

Online 10 Parmak Klavye ��renin ve �al��n

Mon, 15 Mar 2010 02:01:12 +0000

TypingWeb , 10 parmak klavye ö�renebilece�iniz, bilgisayarda yaz� yazma kapasitenizi art�rabilece�iniz, klavyedeki bütün tu�lar�n nas�l etkin bir �ekilde kullan�laca��n� ö�renebilece�iniz online bir klavyeden yaz� yazmay� geli�tirme uygulamas�d�r. Hangi parmak hangi tu�lar�n üzerinde olmal�? Eller nas�l kullan�lmal�? gibi etkin ve verimli kullanma methodlar�n� ö�reten ve görsel olarak bunu gösteren faydal� bir uygulama. Türkçe deste�inin de bulunmas� bizim için en güzel özelli�idir. Örnek yaz�lar girerek kendinizi test edebilir, zamana ba�l� yar��abilir ve çe�itli oyunlarla klavyeden yaz� yazmay� e�lenceli bir hale getirebilirsiniz. Kendinizi s�nay�p bunlar� raporland�r�p görsel olarak istatistiklendirerek, her geçen zamanda yetene�inizin geli�imini izleyebilmek te uygulaman�n güzel özelliklerinden biridir. A�ama a�ama dersleri takip ederek ba�lang�ç seviyesinden uzmanl��a kadar yükselebilirsiniz. Sitenin ayr�ca ücretli sertifika deste�i de mevcut. Siteye üye olmak çok kolay. Türkçe sayfas�ndan da üye olabiliyorsunuz. Adres: http://typingweb.com/ Türkçe sayfas�: http://tr.typingweb.com/ Türkçe sayfadan üyelik: http://tr.typingweb.com/tutor/index/index/...

1000 Adet Orjinal Belgesel Filmi Online �zleyin

Fri, 12 Mar 2010 09:36:16 +0000

SnagFilms , 1000 adet orjinal ve kaliteli belgesel filmi bir arada bulup, ücretsiz olarak bulup izleyebilece�iniz bir belgesel-film sitesidir. Sanatsal, kampüs, çevre, sa�l�k, tarih, uluslararas�, ya�am, kültür, müzik, politik, dini, bilim, do�a, k�sa film, spor, sava� ve kad�n sorunlar� kategorilerinde tam 1000 film. Filmler, National Geographic belgesellerinin yan� s�ra belgesel filmin ünlü yap�mc�lar�n�n çal��malar�ndan olu�uyor. Bütün filmlerin dili ingilizcedir. �ngilizcenizi geli�tirmek için birebir. Büyük Beyaz Köpekbal��: Efsanenin Ard�ndaki Gerçek Adres: http://www.snagfilms.com