pillinetwork hesabınızla giriş yapın.

Etiket:

library hakkındaki yazılar:

Yepyeni Özellikleriyle jQuery 1.4

JavaScript devi jQuery, yeni versiyonları ve özellikleri ile karşımıza çıkıyor. Ocak ayı içerisinde jQuery 1.4 versiyonunu yayınlayan kütüphane 25 Ocak'ta da jQuery 1.4.1 versiyonunu yayımladı.Buradan indirebilirsiniz.

Bu yazımda jQuery'nin 1.4.1 versiyonunun birkaç özelliğine değineceğim.

/* Etiketler: , , , , , */
/* sundowatch yazdı. 04 Şubat 2010 17:59. 5 yorum var */

Jquery mi? Prototype mı?

Merhaba Arkadaşlar,
Uzun zamandır kodaman.org üyesiyim ve yazıları sürekli takip etmekteyim. Bir ara bende bişeyler ekliyeyim diye düşündüm fakat iş yoğunluğundan ancak bu güne zaman bulabildim ve kodaman.org daki ilk yazımı yazıyorum.

Öncelikle kendimden kısaca bahsedeyim. Adım Fatih. Web dünyasında sürekli kullandığım teknolojiler ise XHTML, CSS, XML, XSLT, JavaScript, jQuery, Prototype dır. Şuan Silverlight öğrenmek için çaba harcıyorum.

Neyse gelelim konumuza. Öncelikle kısa bir kaç cümle ile nedir bu jQuery ve Prototype diye özetiyeyim. jQuery ve Prototype hepimizin bildiği gibi JavaScript in gücüne güç katmak için ortaya atılmış library ler yani kütüphanelerdir. Kodlarımızı JavaScript e göre kısaltan, JavaScript ile yapmamız hayli vakit alacak işleri(Drag And Drop yada kütüphaneler ile gelen efektler gibi) kolayca halletmemize yarayan olmazsa olmaz kütüphanelerdir.

/* diddyob yazdı. 10 Kasım 2009 08:45. 14 yorum var */

CodeIgniter ile Facebook Uygulaması Geliştirmek

Gün geçtikçe büyüyen yeni mecra Facebook, yazılım geliştiricilere açtığı APIì ile bizlerin de kendi platformuna uygulama yazmamıza izin vermektedir. Facebook kullanıcıları bir çok uygulamayı bir arada kullanabildikleri gibi kendileri de uygulama yazabilmektedirler. Bu yazımda Facebook ile CodeIgniter arasında bağlantının nasıl olacağını göstereceğim.


Bu yazıdan yararlanacak kişilerin Facebook`a üye olması ve nasıl kendilerine özel API ve secret_key bilgilerini almaları bu yazının konusu dışında olduğu için bildiğiniz varsayılacak ve anlatılmayacaktır.

/* fatigue yazdı. 17 Haziran 2009 19:12. 4 yorum var */

Yahoo! User Interface ile Drag & Drop

Yahoo Developer Network
Yahoo Developer Network

Merhabalar,
Spry Serisini bitirdikten sonra karşınızda bir kullanıcı arayüzü librarysi olan Yahoo! User Interface ile devam ediyoruz. YUI bir Yahoo Developer Network ürünü. Ayrıca başarılı olduğunu söylemek mümkün. YUI'ı LinkedIn gibi sitelerde kullanıyor. Sözü uzatmadan YUI ile Drag&Drop nesneler yapmaya başlayalım.
1
2
3
4
5
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js" ></script>
<script type="text/javascript" src="http://yui.yahooapis.com/2.7.0/build/dragdrop/dragdrop-min.js" ></script>
<script type="text/javascript">
var dragg = new YAHOO.util.DD("drag");
</script>

Şimdi koda baktığımızda ilk iki satırda YUI'ı sayfaya dahil ettik. Son satırda var dragg ile draggable olacak yerleri işaretliyoruz.
1
new YAHOO.util.DD("drag");
Drag yazılı yere herhangi bir ID yada element girebilirsiniz.
1
2
3
4
5
6
7
<style type="text/css">
.pref {
width:90px;
height:75px;
background-color:FFFF66;
}
</style>
ile de 90*75 Sarı renkte bir kutu oluşturduk.
1
<div id="drag" class="pref">HEY! DRAG ME!</div>

ile de "Drag" id'li bir div oluşturduk. Herşey bukadar. Bundan sonrası sizin yaratıcılığınıza kalmış.
Dış bağlantılar:
YUI anasayfası
YUI blog
/* s4l1h yazdı. 28 Mayıs 2009 15:04. 3 yorum var */

javascript ile Sinema Tarzında Efekt Yapalım

Bazı image gallery'lerde veya lightBox diye piyasaya sürülen javascript aparatlarında sık sık rastladığımız bir efekt vardır. Hani şu yavaşça opaklığı artın resim ya tamamen kaybolur ve hemen ardından bir sonraki resim aynı yavaşlıkla opaklık arttırarak (0'dan başlayıp) sahneye gelir yada ilk resim kaybolurken aynı anda altında duran resim git gide belirginleşir vs vs.. Çeşitli yöntemler mevcut ama nasıl yapılacağını hiç düşündünüz mü? Hazır library'lerde çok basit bir şekilde ve türlü olaylar (event) karşısında cevap verebilecek şekilde bu özellik verilebiliyor. Ama nedir bu hadisenin mantığı? Derhal aktaralım efem!..

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var kontur = 0;
var timeOut;
function opakOut(yer,hiz){
if(kontur>0){
hiz = hiz * 1000
var yer = document.getElementById(yer);
mozOp = kontur * 0.01;
yer.style.opacity = mozOp;
yer.style.filter = "alpha(opacity="+kontur+")";
kontur--
timeOut = setTimeout("opakOut("+yer+","+hiz+")",hiz);}
else{
clearTimeout(timeOut);}
}

/* lazaronnie yazdı. 24 Aralık 2008 19:15. 13 yorum var */

etiket menüsü

Bu site

Nokta ve pilli ortak yapımı olan kodaman.org hep birlikte içerik üretip gelirini yazarları ile paylaştığımız kolektif bir kod yazarları blogudur. Siz de katılabilirsiniz.

pilliilan

son yorumlar

arama

pillinetwork