Previous
Next

ColorBox kullananlar için jQuery çakışmasının çözümü

by Cem Kefeli 12. Ekim 2009 04:45

JQuery LogojQuery, dinamik içerik sunan birçok JavaScript uygulaması tarafından kullanılıyor. Fakat kullanıldığı platformlardaki diğer java script'ler ile de bazı çakışmaları oluyor ve problem yaşatıyor. Bunlardan birisi de BlogEngine.NET platformunda kullanılan ve blog.js içerisinde yer alan bazı script kodlarının blogunuzda ColorBox kullanmayı istediğinizde çakışması sonucu ortaya çıkıyor. ColorBox'ın kullandığı değişken isimleri ile BlogEngine'in kullandığı değişkenler çakışıyor ve ColorBox çalışamaz hale geliyor. Çakışmaları önlemek için aşağıdaki kod bloğunu script çağırma bölümünden hemen sonra eklemelisiniz. Eklemeniz gereken kısmı yeşil renge boyadım.

<head>
	.
	.
	<!-- ColorBox code starts -->
	<link type="text/css" media="screen" rel="stylesheet" href="/ColorBox/Skin1/colorbox.css" />  
	<script type="text/javascript" src="/ColorBox/jquery.min.js"></script>
	<script type="text/javascript" src="/ColorBox/jquery.colorbox.js"></script> 
	<script type="text/javascript">
	$j = jQuery.noConflict();
	</script> 
	<script type="text/javascript">
		$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='example1']").colorbox();
			$("a[rel='example2']").colorbox({transition:"fade"});
			$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
			$("a[rel='example4']").colorbox({slideshow:true});
			$(".single").colorbox({}, function(){
				alert('Howdy, this is an example callback.');
			});
			$(".colorbox").colorbox();
			$(".youtube").colorbox({iframe:true, width:650, height:550});
			$(".iframe").colorbox({width:"80%", height:"80%", iframe:true});
			$(".inline").colorbox({width:"50%", inline:true, href:"#inline_example1"});

			//Example of preserving a JavaScript event for inline calls.
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).
text("Open this window again and this message will still be here.");
				return false;
			});
		});
	</script> 
	<!-- ColorBox code ends --> 
	.
	.
</head>	

Fazlası...

Bayanlar ve Baylar!!! WEB 3.0 karşınızda...

by Cem Kefeli 22. Haziran 2009 12:41

Yeni nesil WEB teknolojileri...

Evet, bir süre önce bir flash gibi patlayan WEB 2.0 konseptinin de yavaş yavaş sonuna geliyoruz artık. Aslında aşağıdaki grafik olayı çok güzel özetliyor. O günlerden bu günlere nasıl geldiğimizi ve WEB 3.0'ın bize ne muhteşem özellikler katacağını elimden geldiğimce anlatmaya çalışacağım. Yazının orta ve sonlarına doğru işin teknik yönü biraz daha ağır basacak. Uzun ve kapsamlı bir yazı dizisi kendinizi hazırlayın :)

WEB history90'lı yıllar...
90'lı yıllardayız... Ortada henüz daha bilgisayar dahi denebilecek makineler nerdeyse yok. Teknolojinin o yıllardan günümüze uzayan en önemli gelişmesi Windows işletim sistemi hiç kuşkusuz. Henüz İnternet kavramı yeni yeni oluşuyor. Kullanıcıların masa üstünden ibaret olan bilgisayar kavramı yerini yıllar sonra çılgınlık haline gelecek olan İnternet'e yavaş yavaş bırakıyor. Web siteleri irili ufaklı yavaş yavaş belirmeye başlıyor. Zaman geçtikçe WEB portallar gün ışığına çıkıyor... WEB üzerinden çeşitli içeriklere ulaşmamızı sağlayacak arama motorlarının ilkelleri, öncüleri bizler ile buluşuyor. O zamanlar bir arama motoru şimdiki gibi, yapılan her bir arama için dünyayı bilmem kaç derece ısıtır halde de değil. Bakınız Google...:) İşte bu aşamada WEB 1.0 ile de tanışmış oluyoruz. HTTP protokolü artık WEB dünyasını bizlere sunuyor. WEB dünyasının en önemli parçasını oluşturan HTML(Hypertext Mark-up Language) teknolojinin hizmetine sunuluyor. Bu yapılar bizlere o günün koşullarında statik WEB konseptini fazlasıyla sunuyor. Aslında HTML demek WEB'in kendisi demektir. HTML demek WEB konseptinin en değerli yapıtaşı demektir. Unutmamak gerekir ki sunucu taraflı çalışan kodların da hedefi HTML çıktılar üretmektir. WEB tarayıcılarımızın anladığı dil ise HTML ve HTML içerisine gömülü bazı kodlardır. Fakat HTML kullanıcıların etkileşimli bir şekilde WEB siteleri ile buluşması için gerekli teknolojik alt yapıya mimarisi gereği sahip değildir, çünkü kullanıcı taraflı bir kodlama dilidir. Ve gün geliyor server taraflı bazı yazılım dilleri kullanılarak kullanıcı etkileşimli WEB sitelerinin oluşturulması alt yapısına da başlanmış oluyor.

CGI, ASP
CGI(Common Gataway Interface), ASP(Active Server Pages), PHP(Hypertext Preprocessor), JSP(Java Server Pages), JSF(Java Server Faces), Java Servlets gibi server taraflı diller ile artık kullanıcıların da sizlerin sayfasına birşeyler katabilmesini sağlar oluyorsunuz. Kullanıcılardan veriler toplayıp bu verileri sunucu taraflı bu diller ile işleyip kullanıcılara raporlamayı yine bu diller yardımı ile yapabiliyorsunuz. İleride bütün dünyanın çılgınlar gibi WEB kodu yazmasına yarayacak ASP.NET teknolojisinin annesi ASP işte bu yıllarda, 1996 yılında duyuruluyor. Bu aşamada ASP ile ilgili detaylı bilgi vermek isterim, çünkü WEB teknolojileri için çok değerli olduğuna inandığım sağlam bir yeri var. 90'lı yılların sonlarına yaklaşırken ben de ASP scriptleri ile oldukça fazla vakit geçirmiştim. WEB yazılım diyince en güzel şekilde akla gelebilecek teknolojinin ASP olduğu günlerdi. 1997'de ASP'nin ikinci sürümü ve bununla beraber de Microsoft IIS(Internet Information Server) 4.0 duyuruldu. IIS web yazılım ile ilgilenen herkesin bildiği bir WEB sunucu yazılımıdır. Microsoft tarafından geliştirilmiştir ve şu an da günümüzde 7.0 versiyonu popüler olarak hala kullaılmaktadır. IIS 7.0 Windows Server 2008 ile birlikte 2008 yılında duyurulmuştur. ASP'nin son versiyonu ASP Version 3 adı ile 2000'li yıllarda duyuruldu ve bu aşamadan sonra yerini öz ve öz evladı ASP.NET'e bırakmak üzere kendi köşesine çekildi. Günümüzde ASP kullanılmıyor değil, hatta yaygın bir şekilde kullanılıyor da. Ama bu kullanım derecesini tabi ki uygulamanın kompleksliği belirler durumda. Çok gelişkin uygulamalarda tercih edilmediği bir gerçek.
Fazlası...

Bloglarda beyin fırtınası dönemi

by Cem Kefeli 16. Haziran 2009 03:44

Blog yazarlarının son dönemdeki yeni tutkusu, bloglar aracılığıyla beyin fırtınası yapmak. Blog evreninde “mimleme” adı verilen beyin fırtınası sayesinde birbirleriyle paslaşarak konuları çok geniş çaplı bir tartışma ve değerlendirme boyutuna taşıyorlar. Blogcular, belirledikleri herhangi bir konuyla ilgili olarak görüşlerini yazıyor, sonrasında ise aynı konuyla Blogilgili olarak düşüncelerini öğrenmek istedikleri blogcuların isimlerini yazılarının en altında belirtiyorlar. İsimleri belirlenen blogcular da, çeşitli araçlar aracılığıyla kendilerine pas atıldığını öğrenerek konu hakkındaki yorumlarını satırlara döküyorlar. Ardından dilerlerse aynı yöntemle onlar da başka blogculardan görüş istiyorlar. Zincir şeklinde devam ediyor ve aynı konuda birbirinden farklı onlarca hatta yüzlerce blog yazarı görüşlerini dile getiriyor. Böylece blog evreninde hararetli bir beyin fırtınası yaşanıyor.

Konu sınırlamamasının olmamasının yanı sıra bir blogcunun yazmasını istediği diğer blogcuları mimlemesi için onları tanıması da gerekmiyor. Blog dünyasındaki “mimleme” süreci böylece çok daha ilginç bir hal alıyor. Konulara farklı açılardan yaklaşıldığı için, blog okurları da bu sayede daha geniş kapsamlı bilgi edinme olanağına sahip oluyorlar. Mimlenen blogların ziyaretçi sayısında da hızlı bir artış yaşanıyor.

Türkiye’nin en büyük blog ağı BloXoo’yu hayata geçiren Inveon’un Kurucu Ortağı Yomi Kastro, mimlemenin blogcular tarafından giderek daha çok tercih edildiğine dikkat çekerek şunları söylüyor: “BloXoo, blogküredeki trendlerin yakından izlenebilmesini sağlıyor. BloXoo’ya kayıtlı 15.000 blogun %70’i mimleme zincirine dahil olmuş durumda. Mimlemeyi ‘elim sende’ oyununa benzetebiliriz. Örneğin, bir blogcu ‘Hayatın öğrettikleri’ konulu bir yazı yazıyor ve yazının sonuna, bu konuyla ilgili düşüncelerini okumak istediği blogların adreslerini ekliyor, yani mimliyor. Arama motorları ya da arkadaş zincirleri sayesinde durumdan haberdar olan blogcular konuyla ilgili yazılarını yazıyor ve onlar da mimledikleri blogları belirtiyorlar. Böylece konu hakkında uzmanlığı olsun olmasın, birçok blogcu görüşlerini dile getirme fırsatı buluyor. Mimleme, blogların sosyal ağ yönünün gelişmesi açısından da önem taşıyor. Mimleme sayesinde tanışıp arkadaş olan pek çok blogcu var. Ayrıca konulara pek çok farklı açıdan bakılabildiği için, blog okurları da farklı yorumları incelemek için blogları daha fazla ziyaret ediyorlar. Mim alan bazı blogların ziyaretçi sayılarının %1.000’lere varan oranda artış kaydettiğini bile görebiliyoruz.”

Kaynaklar: Haberürk (Bloglarda beyin fırtınası dönemi)

Kategoriler: Güncel | Teknoloji

.NET BlogEngine etiketleri nasıl renklendirilebilir?

by Cem Kefeli 6. Mart 2009 15:12

.NET BlogEngine random colored tagsUzun bir süredir .NET BlogEngine kullanmaktayım ve çok da memnunum aslında bu blogdan. Tabiki herşeyin olduğu gibi BlogEngine'nin de bazı eksiklikleri var. Ama yaygınlaştıkça daha da geliştirileceği ve bu eksiklerin en aza ineceği de bir gerçek. Ben de BlogEngine'i alıp olduğu gibi kullanmadım. İlk önce kendime özgü bir tema oluşturdum ve işin içine biraz da kendi dizaynımı kattım. Daha sonra işin içerisine biraz görsellik katabilmek için burada açıkladığım OnePhoto widget'ini yazdım .NET BlogEngine için. Sonra biraz daha renklilik katayım işin içine diye düşünürken, etiketleri renkli bir şekilde kullanmak geldi aklıma. Öyle ki aynı sayfayı tekrar yenileseniz dahi bir sonraki seferde renklerin değişmedini istiyorum, her seferinde farklı bir etiket farklı bir renkte... Etiketlerin font boyutu zaten stil şablondan çekilerek değiştiriliyor. Fakat ben aynı font boyutunda olanların dahi farklı renklerde görünebilmesini istiyorum. Bunun için dosyası içerisinde aşağıda verdiğim değişiklikleri yaptım. Ufak bir kod bloğu ekleyerek bu işi halletmiş oldum aslında. Siz de görmek istediğiniz renkleri ArrayList'e ekleyip/çıkararak kendi renk tonlamanızı oluşturabilirsiniz.

//////////////////////
////Changed this code block…
/*
foreach (string key in WeightedList.Keys)
{
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.InnerHtml = string.Format(LINK, Utils.RelativeWebRoot + "?tag=/" +       HttpUtility.UrlEncode(key), WeightedList[key], "Tag: " + key, key);
    ulTags.Controls.Add(li);
}
*/
//
System.Collections.ArrayList MyArrayList = new System.Collections.ArrayList();

MyArrayList.Add("010101");
MyArrayList.Add("282626");
MyArrayList.Add("484545");
MyArrayList.Add("676363");
MyArrayList.Add("6f6060");
MyArrayList.Add("157115");
MyArrayList.Add("2f792f");
MyArrayList.Add("135f13");
MyArrayList.Add("0a0a55");
MyArrayList.Add("0d0d73");
MyArrayList.Add("06f906");
Random MyRandom = new Random();
foreach (string key in WeightedList.Keys)
{
    int MyRandomNum = MyRandom.Next(1, MyArrayList.Count - 1);
    HtmlGenericControl li = new HtmlGenericControl("li");
    li.InnerHtml = string.Format(LINK, Utils.RelativeWebRoot + "?tag=/" + HttpUtility.UrlEncode(key), WeightedList[key], "Tag: " + key + "\" style=\"color: #" + MyArrayList[MyRandomNum].ToString() + ";", key);
    ulTags.Controls.Add(li);
}

Hakkımda...

Cem KEFELİ

Electronics and
Telecommunication Eng.
devamı...


Son yapılan yorumlar...

Comment RSS

Yasal bir uyarı...

Disclaimer"Bu web sitesinde görmüş olduğunuz bilgilerin, dokümanların ve diğer materyallerin kullanılmasından doğabilecek hiç bir sorumluluktan site sahibi sorumlu tutulamaz. Web sitesi içerisinde yer alan yazılar, yorumlar, resimler ve diğer tüm içerikler yalnızca sahibinin görüşünü yansıtmakta olup içeriğin sahibi kişilerin çalıştığı kurumları bağlayıcı hiç bir nitelik taşımamaktadır. Yapılan tüm alıntılar mutlaka kaynak gösterilerek verilmeye çalışılmaktadır. Web sitesi içerisinde bulunan ilgili materyaller, ilgili yasal kurumlar tarafından uygun görülmemesi durumda kaldırılacaktır."
General