bildirgec.org

yui hakkında tüm yazılar

yahoo connection manager

maydesign01 | 27 April 2010 12:16

yahoo connection manager
yahoo connection manager

mootools , jquer vs kütüphanelerini herkes bilir; az kod la çok şey yapmak isteyenlerin vazgeçilmez kütüphanleri.yahoonun ücretsiz olarak yayınladığı yahoo connection manager (yui 2,yui 3)kütüphaneleri ile javascript i etkin bir şekilde her alana yansıtabilirsiniz.açılır menüler, sürükle bırak, resim düzenleme, resim galerileri , json,xml, slider vs aklınıza gelen tüm konulara ait kaynak kodları ve örneklere buradan ulaşabilirsiniz.

yahoo connection manager
yahoo connection manager

ekranın sol tarafında bulunan başlıklardan istediğiniz konuya ait bir çok örneğe bakabilir kaynak kodlarını kullanabilirsiniz.

yahoo connection manager
yahoo connection manager

ana sayfayı açtığınızda karşınıza gelen sayfanın orta kısmından yui kütüphanesi ile beraber bütün örnekleri,örnek kodlarını bilgisayarınıza indirebilirsiniz.

Slayt Gösterimleri İçin: YUI Slideshow

algoz | 31 August 2009 19:32

Web sayfalarının, kullanıcıların beğenisini kazanacak dinamik bir yapı kazanmasını sağlayan Javascript ile çeşitli web elemanları hazırlamak, tarayıcı uyumlulukları gibi farklı sorunlara çözüm arayışlarına girilmesinden dolayı, kimi zaman zorlu bir sürecin yaşanmasına sebep olabilmekte…

Bu ve benzer sorunlara çözüm olabilmek ve bir kaç satırlık kod ile oldukça kaliteli web elemanlarının hazırlanabilmesini sağlamak için Prototype, JQuery, MooTools, Dojo Toolkit ve script.aculo.us gibi bir çok Javascript Çerçevesi/kütüphanesi (Framework/Library) ve bu çerçeveler üzerine bina edilen birçok eklenti (add-ons) web tasarımcılarının/geliştiricilerinin hizmetine sunulmuş durumdadır.

Yahoo User Interface ile Tab

admin | 28 July 2009 02:48

Selam arkadaşlar,
Öyle gözüküyor ki uzun bir süredir yazmıyorum. YUI serisine devam edeyim dedim. Bu sefer başka frameworkle karşılaştırmayacağım tamam!
Çok uzatmadan konuya girelim.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<!-- Skini include ediyoruz. ;) -->
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.7.0/build/tabview/assets/skins/sam/tabview.css">
<!-- YUI a ait tablerin görünür olabilmesi için gerekli js dosyaları -->
<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/element/element-min.js"></script>
<!-- TAB için dosya-->
<script type="text/javascript" src="http://arsiv.pilli.com/http://yui.yahooapis.com/2.7.0/build/tabview/tabview-min.js"></script>
<!-- yui-skin-sam -->
<script type="text/javascript">
var tabim = new YAHOO.widget.TabView("tabornegi", { activeIndex: 1 });
// şey activeIndex varya 0 koyarsan ilk tab gözükür 1 koyarsan 2.
</script>
</head>
<body class="yui-skin-sam">
<div class="yui-navset" id="tabornegi">
<ul class="yui-nav">
<li class="selected"><a href="#yerli"><em>Yerli Diziler</em></a></li>
<li><a href="#yabanci"><em>Yabancı Diziler</em></a></li>
<li><a href="#tumu"><em>Karışık</em></a></li>
</ul>
<div class="yui-content">
<div><p><li>Selena</li><li>Sihirli Annem</li><li>Kayıp Prenses</li></p></div>
<div><p><li>Lost</li><li>Prison Break</li><li>Ugly Betty</li><li>Super Natural</li></p></div>
<div><p><li>Selena</li><li>Lost</li><li>Prison Break</li><li>Ugly Betty</li><li>Super Natural</li></p></div>
</div>
</div>
</body>

10 Web UI Kütüphanesi

pinkfloyd | 17 March 2009 18:56

Apple Interface Builder Icon

Bir sonraki web siteniz ya da zengin İnternet uygulamanız için bir Web Kullanıcı Arabirimi Kütüphanesi mi arıyorsunuz? O zaman yazının devamında bulacağınız 10 Adet Güzel Web Kullanıcı Arabirimi Kütüphanesi hem geliştirme süresini kısaltarak çalışmanızı basitleştirmeyi hem de daha kullanışlı ve güzel kullanıcı arabirimlerine sahip olmanızı sağlayacak.

1. IT Mill Toolkit

IT Mill Toolkit

IT Mill Toolkit açık kaynaklı bir çatı olup özellikle zengin İnternet uygulamaları geliştirmek için gereken widgetler ve araçlar için bir altyapı sunuyor. Standart Java araçlarını kullanarak tarayıcı uyumsuzluklarını, DOM’u ve JavaScript kütüphanelerini dert etmeden web uygulamaları geliştirebilirsiniz.

Daha Hızlı Şablon Oluşturabilmek İçin Kullanılabilecek 9 CSS çatısı

pinkfloyd | 09 February 2009 09:45

Çatılar (Framework) JavaScript ve PHP geliştirme aşamasında sıklıkla kullanılırlar ve CSS için de gittikçe popüler hale gelmeye başladılar. Çalışma alanınızı iyileştirmeye ve çabucak şablon oluşturabilmenize yarayan bu çatıları kullanarak farklı tarayıcılar üzerinde yaşanabilecek olası problemlerden de korunmuş olursunuz. Özellikle WordPress ve benzer içerik yönetim sistemleri için seri üretim şablon oluşturan kesimler, bu tip çatılara sırtlarını dayamaktadırlar. Neden siz de onlardan biri olmayasınız? İşte bu işlem için kullanabileceğiniz 9 adet CSS çatısını aşağıda sizler için listeledim.

  • BluePrint
    CSS geliştirirken harcanan zamanı azaltmayı hedefleyen bu CSS çatısı, üzerine projenizi inşa edebilmeniz için kolay kullanımlı bir ızgara sistemi, işe yarar bir tipografi ve hatta yazdırma için bir stil şablonunu da beraberinde sunuyor.
  • SenCSs
    Anahat dışındaki her şey için CSS çatısı sloganı ile yola çıkan SenCSs, özellikle kendi anahattını oluşturmak isteyen ancak onun dışındaki herşey için önceden tanımlı bir çatıyı kullanmak isteyenler için geliştirilmiş bir CSS çatısı.

Web Tasarımcıları İçin Kullanışlı 12 CSS Framework’ü, Şablonu ve Kod Sitesi

pinkfloyd | 23 January 2009 11:33

“Eğer düzenli olarak web siteleri oluşturan ve geliştiren kişilerden biriyseniz, o zaman şablon (template) oluşturma, kullanışlı kodları arşivleme ve bunun gibi diğer şeyler hakkında düşünmeye başlamalısınız. Özellikle bu gibi şeyleri geliştirme işlemi süresini kısaltmak için yapmalısınız, bu sayede her yeni bir proje başlangıcında bu şablon üzerinde gerekli değişiklikleri yaparak aynı şeyleri tekrar tekrar yazmak zorunda kalmazsınız. Ancak bu tip kod parçacıklarını ya da başkaları tarafından hazırlanmış eserleri projenizde kullanmaya başlamadan önce mutlaka ama mutlaka indirdiğiniz ürünün lisans sözleşmelerini okuyun… Pek çok geliştirici ve tasarımcı, Internet üzerinden ücretsiz olarak dağıttıkları içeriği çoğunlukla bireysel kullanımlar için ücretsiz, kurumsal kullanımlar için ücretli olarak yayımlarlar.

Yazımın devamında kendimce en iyilerin en iyilerini derlediğim ve web tasarımcıları için gerçekten kullanışlı 12 css framework’ünü, şablonunu ve kod sitesini bulacaksınız.

1. CSSTidy

“CSSTidy açık kaynaklı bir CSS bölümleyicisi ve optimize edicisidir. Komut satırı üzerinden kontrol edilebilen ve Windows, Linux ve Mac için ayrı ayrı sürümleri bulunan bu uygulamanın ayrıca bir PHP betiği de bulunuyor. Gerek masaüstü yazılımı gerekse de PHP betiği aşağı yukarı aynı özelliklere sahip.

Pek çok diğer CSS bölümleyicisinin aksine herhangi bir kurallı ifadenin kullanılmamış olması, tam CSS2 desteği ve yüksek kararlılığı ile CSSTidy, benzerlerinden ayrılıyor.”

Bu bilgiyi kendi siteleri üzerinden çevirdim, zira her şeyi benim açıklayabileceğimden çok daha iyi özetlemiş.

Bazı insanlar derhal şu soruyu sorabilirler: Neden CSS kodumu optimize etmeliyim? Sadece kodunuzun daha temiz olmasının yanısıra ilgili kodları yüklediğiniz sayfaların daha hızlı açılması gibi nedenler hem ziyaretçilerinizi hem de sizi memnun edeceğinden, kodunuzu optimize etmemeniz için herhangi bir sebep bulunmamaktadır.

lightbox kopyaları

xum | 03 July 2008 19:47

Lightbox Clones
Lightbox Clones

Son zamanlarda Lightbox ve lightbox benzerleri ile ilgili birçok bildiri görmek mümkün.Aslına bazen seçim yapmak gerçekten zor olmakta.İşte bu zorluktan kurtulmak için lightbox clones adlı lightbox klon listesi oluşturulmuş.Bu listenin güzel yanı birçok filtresi olması.

Genel olarak bu filtrelerden kullanılan javascript kütüphanesi ,resim veya video gösterebilme gibi özelliklere göre sıralama yapılabiliyor.
Buradan lightbox klon listesine ulaşabilir buradan ise yapımcının bu proje ile ilgili verdiği bilgilere ulaşabilirsiniz.

Adobe Dreamweaver için Javascript Kütüphaneleri

drkloji | 04 April 2008 17:19

Dreamweaver için Jquery API
Dreamweaver için Jquery API

Dreamweaver web tasarımlarda en çok kullanılan programlardan bir tanesi. bir arkadaşta buna istinaden burada javascript kütüphaneleri ile (jQuery, Prototype, MooTools, YUI) dreamweaver’da (MX-CS3) kod geliştirenlere yardımcı olması için bu kütüphanelere kod desteği geliştirmiş. jquery ve prototype için beta‘lar hazır. mootools ve yui için ise biraz sabretmemiz gerekiyor.

70’den fazla JavaScript kaynağı

eburhan | 16 October 2007 23:58

Özellikle web 2.0 ile birlikte javaScript dilinin değeri daha da bir anlaşıldı. Dolayısıyla javaScript ile ilgili kaynaklara her zamankinden daha fazla ihtiyaç duyuluyor. Bu ihtiyacı karşılamak için bu sayfada 70’den fazla javaScript ile ilgili bağlantılar bir araya toplanmış.