İlgiselcom » jquery http://ilgisel.com/blog İlgi alanlarına dair konular Fri, 11 May 2012 19:59:24 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 AJAX Nedir? Faydaları Nelerdir? http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/ http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/#comments Fri, 26 Feb 2010 19:03:29 +0000 Degre http://ilgisel.com/blog/?p=1979 Ajax aslında yeni bir dil değildir. Adından da anlaşılabileceği gibi (Asynchronous JavaScript and XML) in birleşiminden oluşan bir kısaltmadır. Yani birkaç teknikten oluşan yeni bir dil değil, web dünyasında yeni bir yoldur. Ajax ile bir sayfayı yenilemeden o sayfadaki belli alanları yada hepsini değiştirmemiz mümkündür. Bu da birçok avantajı birbirinde getirmektedir

Ajax, bu şekilde veri trafiğini azaltır, her seferinde bütün sayfanın yüklenmesi yerine sadece gerekli olan bölümü yenileyerek bunu sağlar. Bunu bir örnekle pekiştirelim;

Anlık Döviz ve Altın bilgilerini verecek bir sistem tasarlıyorsunuz. Normalde yeni bilgilerin ekrana basılması için sayfanın hepsinin belli periyotlarla yenilenmesi gerekir. Ajax ile sayfada değişiklik gören tek bir alanı yenilecek şekilde kodlama yapıp, sistemi bilginin tamamını yüklemek yerine, yalnızca gerekli olanı alarak yenileyen bir yapıya getiriyoruz.

Ajax’ın Faydaları Nelerdir?

  • Oluşturulmuş projedeki sitenin performansının daha iyi olmasını sağlar
  • Eski sisteme göre AJAX daha hızlı iletişim sağlar
  • AJAX ile daha kullanışlı sayfalar oluşturabiliriz. Gerekli araçları kullanarak bir sayfada birden fazla işlem yaptırabiliriz

Ajax’ın faydası kısaca bize web application geliştirirken çok daha kullanışlı ve hızlı bir çalışma ortamı getirmektedir. Ajax ile PHP veya ASP gibi web programlama dillerinden birinin gücünü kullanarak çok hızlı ve güçlü çözümler oluşturabiliriz. Şu anda en bilinen AJAX kütüphaneleri olarak Jquery, Mootools ve script.aculo.us kütüphaneleri bilinmektedir. Aşağıda bu 3 kütüphanenin sitelerini bulabilirsiniz.

http://jquery.com/

http://mootools.net/

http://script.aculo.us/

]]> http://ilgisel.com/blog/yazi/ajax-nedir-faydalari-nelerdir/feed/ 0 Birbirinden kullanışlı Jquery Uygulamaları http://ilgisel.com/blog/yazi/birbirinden-kullanisli-jquery-uygulamalari/ http://ilgisel.com/blog/yazi/birbirinden-kullanisli-jquery-uygulamalari/#comments Thu, 22 Oct 2009 11:20:23 +0000 Degre http://ilgisel.com/blog/?p=1935 Bu yazı internet üzerinde rastgeldiğim 20 Jquery uygulamasının sizlere takdimidir. Umarım burada bulunan uygulamalar web tasarımcıların işlerine yarar.

Jcrop

Jquery imaj kesme eklentisi

deepliquid

FancyBox

İmaj slide uygulaması

fancybox

PhotoSlider Tutorial

photoslider

Jquery Hover Sub Etiket Bulutu

hover

FastFind Menu Script

quick_navigation

Jquery File Tree

tree_menu

]]> http://ilgisel.com/blog/yazi/birbirinden-kullanisli-jquery-uygulamalari/feed/ 1 Thickbox Nedir? Nasıl Kullanılır? http://ilgisel.com/blog/yazi/thickbox-nedir-nasil-kullanilir/ http://ilgisel.com/blog/yazi/thickbox-nedir-nasil-kullanilir/#comments Tue, 20 Oct 2009 19:02:39 +0000 Degre http://ilgisel.com/blog/?p=1954 Thickbox, Lightbox akımıyla birlikte çıkan Lightbox türevlerinden Javascript-Ajax nimetlerinden biridir. Tabiki farkları olduğu için Lightbox kullanmak istemeyenler için bir seçenek olarak görebiliriz. Bu script’i kullanarak Resimlerinizi veya içeriklerinizi Klasik Pop-up pencere içinde açmak yerine varsayılan sayfa içinde açıp kullanabilirsiniz. Tek Resim veya Resim Galerinizi göstermek bulunduğunuz sayfanın herhangi bir yerinde yazdığınız yazıyı yazının bulunduğu ‘id‘ i kullanarak açtırabilir, iframe veya Ajax türünde içeriği, bu script sayesinde açabilirsiniz.

Bu bizim Resim dışında ne işimize yarayacak diyenler için şöyle bir örnek verebilirim. Üyelik sistemi için Üye Ol yada Giriş Yap gibi bir link ekleyip linke tıklandığında Thickbox’la Üyelik Formu veya Kullanıcı Girişi ekranına giden bir tasarım yapabilirsiniz. Neye benzediğini görmek için konunun en altındaki Resimlere bakabilirsiniz.
Bunu herhangi bir siteye nasıl kuracağımızı öğrenmek için aşağıdaki Kurulum’u okuyunuz.

Kurulum

Kuruluma geçmeden önce aşağıdaki dosyaları ThickBox sitesinden yada aşağıdaki linklere basarak indirin.
Kurulum için gereken dosyalar;

Yukarıdaki dosyalardan Jquery kütüphanesinden herhangi birini indirdiğimizde ismini jquery.js olarak ayarlamayı unutmayın. Şimdi sırasıyla bunları sitenize eklemeniz gerekiyor. Eğer bu script’i bir WordPress Teması içinde kullanacaksanız aşağıda yazan dosyalarinbulunacagiklasor yerine <?php bloginfo(‘template_directory’); ?> yazın

(Bu kodla sitenizinadı.com/wp-content/themes/kullandığınıztema içine girmenizi sağlayacaktır.) ve yukarıdaki dosyaları doğrudan temanızın içine yerleştirin.
Aşağıda gördüğünüz kodlarıysa sitenizde yada temanızda bulunan <head> </head> kısmının arasında bir yere gerekli değişiklikleri yaparak kopyalayın. WordPress’te temadaki Header.php içinde ilgili yere kopyalayın.


<script type="text/javascript" src="dosyalarinbulunacagiklasor/jquery.js"></script><script type="text/javascript" src="dosyalarinbulunacagiklasor/thickbox.js"></script>

Burada unutmamanız gereken en önemli olay macFFgHack.png dosyasını css dosyasının bulunduğu yere kopyalarken LoadingAnimation.gif denilen dosyayıysa diğer dosyaları attığınız yere bir images klasörü oluşturarak dosyayı içine atın.

Nasıl kullanılır?

En basit halde linklerinizin içine class=“thickbox” ekleyerek bu script’i kullanabilirsiniz. Aşağıda benzer bir kullanımını örnek olmak açısından verdim. Daha fazla bilgi için Thickbox’ın sitesinde bulunan Examples bölümüne gözatmanızı tavsiye ederim. (İçerik Ingilizcedir)

Tekli Resim için


<a class="thickbox" title="baslik" href="images/single.jpg"><img src="images/single_t.jpg" alt="Tekli Resim" /></a>

Gördüğünüz gibi Thickbox’ın benzer kullanımları da bu şekilde yapılmakta. Bu script’le ilgili daha fazla bilgiyi aşağıdaki linkten alabilirsiniz. Şimdilik hoşçakalın.

http://jquery.com/demo/thickbox/

]]> http://ilgisel.com/blog/yazi/thickbox-nedir-nasil-kullanilir/feed/ 0 Jquery ile yapılmış işinize yarayabilecek araçlar http://ilgisel.com/blog/yazi/jquery-ile-yapilmis-isinize-yarayabilecek-araclar/ http://ilgisel.com/blog/yazi/jquery-ile-yapilmis-isinize-yarayabilecek-araclar/#comments Wed, 14 Oct 2009 12:49:23 +0000 Degre http://ilgisel.com/blog/?p=1771 Eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. AJAX ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen divler ve benzer uygulamalar. Hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu.

Başlıktanda anladığınız gibi işimizi kolaylaştıracak AJAX kütüphanelerinden neredeyse en ünlüsü olan Jquery ile yapılmış örnekleri sizle paylaşmak istedim. Bu örnekleri kullanmasınız bile Jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

News Ticker Pro for Jquery

Sitenizde kullanmanız için bir Haber bantı veya html içerik gösterebileceğiniz bir “Slider” arıyorsanız işinize yarayabilir.

news ticker pro for jquery

Accessible News Slider

Bu da değişik biçimde bir slider. Bu slider’da sağa sola tıklıyoruz ve ona göre geçiş sağlanıyor.
accessiblenewsslider

S3Slider Jquery Plugin

Bu slider Afiş sistemi tarzı birşeyler yapabilirsiniz. Resim, başlık ve açıklamaya izin veren yapısı ve esnekliği işinize yarayabilir.

s3slider

]]> http://ilgisel.com/blog/yazi/jquery-ile-yapilmis-isinize-yarayabilecek-araclar/feed/ 0 Jquery Foto Slideshow / Galeri Pluginleri (eklentileri) http://ilgisel.com/blog/yazi/jquery-foto-slideshow-galeri-pluginleri-eklentileri/ http://ilgisel.com/blog/yazi/jquery-foto-slideshow-galeri-pluginleri-eklentileri/#comments Fri, 09 Oct 2009 12:40:30 +0000 Degre http://ilgisel.com/blog/?p=1904 Gün ve gün Jquery Web 2.0 sitelerin vazgeçilmez elemanı olmaya adım adım ilerliyor. Jquery ile yapılmış Slideshow ve galeri eklentileri de bu aracın bir kısmı.

Jquery sayesinde oluşturulmuş eklentiler sayesinde, flash dışında efektler yaratabilen ve dinamik olarak çalışabilen sayfalar tasarlamak çok kolaylaşıyor. Fazla söze gerek yok aşağıdaki eklentileri tek tek görelim.

jQuery Multimedia Portfolio

jquery01

Space Gallery

jquery0w

Jquery Slider Gallery

jquery03

EOGallery

jquery05

Jquery SlideViewer

jquery06

Jquery Lightbox Plugin

jquery07

Galleriffic

jquery08

PiroBox

jquery09

Zoomimage

jquery10

]]> http://ilgisel.com/blog/yazi/jquery-foto-slideshow-galeri-pluginleri-eklentileri/feed/ 0 Facebox Nedir? Nasıl Kurulur ve Kullanılır? http://ilgisel.com/blog/yazi/facebox-nedir-nasil-kurulur-ve-kullanilir/ http://ilgisel.com/blog/yazi/facebox-nedir-nasil-kurulur-ve-kullanilir/#comments Wed, 23 Sep 2009 12:35:48 +0000 Degre http://ilgisel.com/blog/?p=1806 Facebook‘taki gibi pencereler açtırmayı istiyorsanız, bu yazı tam size göre demektir. Bu yazımda Facebox‘ın ne işe yaradığından ve nereden bulabileceğinizden bahsedeceğiz. Bu script’i kullanarak Resimlerinizi veya içeriklerinizi Klasik Pop-up pencere içinde açmak yerine varsayılan sayfa içinde açıp kullanabilirsiniz. Javascript-Ajax nimetlerinden biri olan bu script’in nasıl kurulacağını anlatarak konumuza giriş yapalım.

Facebox Kurulum

Kuruluma geçmeden önce aşağıdaki dosyaları Facebox‘un sitesinden veya aşağıdan indirin. Facebox sitesinde Tar dosyası olarak sunulduğu için Dynamic Drive‘daki dosyaları kullanmak daha uygun olur diye düşündüm. Aşağıdaki dosyaları oradan verdim. Kurulum için gerekli dosyalar; Facebox1.1.zip

Zip dosyasının içinden facebox.js, facebox.css, jquery-1.2.2.pack ve facebox içinde kullanılacak resim dosyaları çıkmış olmalı. facefiles klasörü içinde bulunan dosyaları sitenizde kullanmak istediğiniz yere koyun. Eğer bu script’i bir WordPress Teması içinde kullanacaksanız aşağıda yazan dosyalarinbulunacagiklasor yerine <?php bloginfo(’template_directory’); ?> yazın (Bu kodla sitenizinadı.com/wp-content/themes/kullandığınıztema içine girmenizi sağlayacaktır.) ve facefiles klasörünü doğrudan temanızın içine yerleştirin. Aşağıda gördüğünüz kodlarıysa sitenizde yada temanızda bulunan <head> </head> kısmının arasında bir yere gerekli değişiklikleri yaparak kopyalayın. WordPress’te temadaki Header.php içinde ilgili yere kopyalayın.


<script src="dosyalarinbulunacagiklasor/facefiles/jquery-1.2.2.pack.js" type="text/javascript"></script>

<link href="dosyalarinbulunacagiklasor/facefiles/facebox.css" media="screen" rel="stylesheet" type="text/css" />

<script src="dosyalarinbulunacagiklasor/facefiles/facebox.js" type="text/javascript"></script>

<script type="text/javascript">

jQuery(document).ready(function($) {

$('a[rel*=facebox]').facebox()

})

</script>

Yukarıda yazılanları yapıp dosyaları ilgili yere atmışsanız. Kurulum işleri tamamlanmış demektir. Şimdi gelelim nasıl kullanacağımıza.

Nasıl kullanılır?

En basit halde linklerinizin içine rel=”facebox” ekleyerek kullanabilirsiniz. Aşağıda benzer bir kullanımını örnek olmak açısından verdim. Daha fazla bilgi için Dynamic Drive‘daki ilgili yeri veya Facebox sitesini gözatmanızı tavsiye ederim.


<p><a href="resim.jpg" rel="facebox">Resim</a></p>

Gördüğünüz gibi Facebox’ın benzer kullanımları da bu şekilde yapılmakta. Bu script’le ilgili daha fazla bilgiyi aşağıdaki linklerden alabilirsiniz. Şimdilik hoşçakalın.

http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm

http://famspam.com/facebox

]]> http://ilgisel.com/blog/yazi/facebox-nedir-nasil-kurulur-ve-kullanilir/feed/ 2 Galleria – JQuery Resim Galerisi http://ilgisel.com/blog/yazi/galleria-jquery-resim-galerisi/ http://ilgisel.com/blog/yazi/galleria-jquery-resim-galerisi/#comments Sun, 19 Jul 2009 23:25:16 +0000 Degre http://www.dincerdegre.com/weblog/?p=152 Diğer seçenek ise AJAX yardımıyla bir Resim Galerisi Script’i bulmak. Bu devrede karşımıza JQuery ile oluşturulmuş Galleria resim galerisi Plugin’i çıkıyor.

JQuery, AJAX diye bilinen Javascript Framework’leri içinde adını duyurmuş iyi bir Framework, Galleria’da bu Framework ile yazılmış iyi ve sade bir eklenti. Galleria’yı kullanarak oldukça esnek ve istediğimiz şekilde bir resim galerisine sahip olabiliriz. Gerekli ayarları yaptığımızda ve eklentiyi tanıdıkça nasıl çalıştığını da daha iyi anlayacağız.

jquery-gallery

Eklenti, Büyük resim yüklendiğinde küçük halini bize gösteriyor. Preload yapısı ile oldukça hızlı yükleniyor. Galleria’da her küçük resme tıkladığımızda ilgili fotoğrafın büyük halini görüyoruz. Galleria eklentisini daha iyi anlamak için ilk önce özelliklerine bir gözatmakta fayda var.

Galleria’nın Özellikleri

  • Sade olarak yazılmış Javascript
  • Tarayıcı özelliklerine göre ayarlanan yapı
  • Dosya boyutu ufaklığı
  • Gerçek imaj yüklendiğinde gösterilen küçük imaj kopyası
  • CSS’le oynayarak Galeriyi kendine göre düzenleme
  • Hızlı resim yükleme
  • Resme bir isim ve açıklama atayabilme
  • Tarayıcı uyumluluğu

Galleria neye benzer?

Eklentiyi hazırlayanlar sistemin nasıl işlediğini şeklen görmemiz için iki demosunu vermişler. Bunlardan ilki siyah zemin üstüne bir yapıda bulunuyor. Demo 01′i görmek için tıklayınız. Diğeri ise beyaz zemin üzerine ve alt yerine solda küçük resimlerin bulunduğu bir yapıda bulunuyor. Demo 02′yi görmek için tıklayınız. Bunlar eklentinin yapabildiklerini gösteren demolar, CSS dosyaları ile oynayarak kendi yapımızı da oluşturabiliriz. Bu eklenti üzerindeki amatörlüğümüzü attıktan sonra yapacağımız iş olacak.

galleria

Kurulum

<link href="galleria.css" rel="stylesheet" type="text/css" media="screen">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.galleria.js"></script>
<script type="text/javascript">
jQuery(function($) { $('ul.gallery').galleria(); });
</script>
  • Sırasız şekilde bir resim listesi oluşturun ve buna bir tanımlayıcı atayın (Ben class=’gallery’ kullandım)
  • CSS dosyası ile oynayarak galerinizin şeklini oluşturun.

Bu şekilde baktığınızda çok karışık gelebilir. Bence Demo’ların kod yapısını inceleyerek bu olayı çözmek en iyi ve en kolay yol olacaktır. Genelde benim yaptığımda bu oluyor. Böylece eklentiye daha hakim olunuyor.

Bu kadar mı? Başka kaynak yok mu?

Galleria ile ilgili daha fazla bilgiyi elbetteki eklentiyi oluşturan verecektir. Bunun için bir parça ingilizce gerekiyor olsa da, ben size güveniyorum ve biliyorum ki kodu ve sistemi orjinal kaynaktanda çözebilirsiniz. Galleria hakkında daha fazla bilgi almak için http://devkick.com/lab/galleria/ a gitmeniz gerekiyor. Sağlıcakla Kalın.

]]> http://ilgisel.com/blog/yazi/galleria-jquery-resim-galerisi/feed/ 1 Jquery’de Sekmeler http://ilgisel.com/blog/yazi/jqueryde-sekmeler/ http://ilgisel.com/blog/yazi/jqueryde-sekmeler/#comments Sat, 18 Jul 2009 23:19:08 +0000 Degre http://www.dincerdegre.com/weblog/?p=149 Görsel olarak Javascript bazlı değişimler yapmak için bir sürü Framework oluşturulmuş bulunmakta. Bu yazı ile Jquery ile sekme sisteminin nasıl yapıldığını anlayıp uygulayacaksınız.

Neye İhtiyacımız Var?

Basit bir Sekme sistemi oluşturacağımız için bize JQuery Framework Dosyası ve JQuery UI Javascript dosyaları gerekiyor. UI Downloader size hangi özellikleri kullanmak istediğinizi seçme olanağı tanıyor, bu aşamada ben sadece Tabs yani sekme bölümünü seçtim. Neler gerekli olduğunu öğrendiğimize göre artık işleme başlayabiliriz.

Başlangıçta Yapılacaklar

İlk işimiz indirdiğimiz Jquery dosyalarını HTML dosyamızın bulunduğu yere kopyalamak ve ilgili HTML dosyamız içinde </head> bölümünün hemen üstüne aşağıdaki kodları yapıştırmak.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="jquery-tabs.js"></script>

Bir sonraki aşamamızda script’in döküman yüklendiğinde ne yapması gerektiğini yazıyoruz. diğer kodların hemen altına. Buradaki “#tabs” ilgili taşıyıcı div’in id’sidir.

<script>
$(document).ready(function()
{
	$("#tabs > ul").tabs();
});
</script>

Basitçe anlatmak gerekirse bu script bütün diğer dosyalar yüklendiğinde bir kereye mahsus çalışacak. Script’in istediğimiz yeri döküman içinden seçebilmesi için Div’in id olayı kullanıldı. Sistemi az çok anladığımıza göre şimdi içerik ekleyelim.

Sekmeleri Oluşturalım

Sekmeler birer div taşıyıcına bağlanacak, böylece istediğimizi script sayesinde gösterebileceğiz. Biraz önce div taşıyıcı olarak id’i “#tabs” olarak kullandığımız için burada da aşağıdaki gibi olacak.

<div id="tabs" class="tabs">
<ul>
	<li><a href="target"><span>Bir</span></a></li>
	<li><a href="target"><span>İki</span></a></li>
</ul>
</div>

Bilgiyi sekmelerin içine koymak için bir çok yol var. İlki ilgili sekmede göstermek istediğimiz bilgiyi sayfadaki farklı bir div’den çekebiliriz. Bunu yapmak için çekmek istediğimiz farklı div’in id’sini olması gerektiği gibi gerekli yere yazmalıyız. Diğer metottaysa sekmeyi div olarak deil dosya yani .html olarak çekmekten bahsedebiliriz.

Bu şekilde anlatıldığında anlamlı gelmese de yukarıdaki kodumuzu biraz değiştirerek ne demek istediğimizi anlatabiliriz.

<div id="tabs" class="tabs">
<ul>
	<li><a href="#example"><span>Örnek</span></a></li>
	<li><a href="another_file.html"><span>Diğer Dosya</span></a></li>
</ul>
        <div id="example">
        Birşeyler yazalım
        </div>
</div>

Bunu yaptıktan sonra aynı dizine birde another_file.html dosyası oluşturun ve içine aşağıdakini yazıp kaydedin.

<p>bu da diğer dosyadaki yazı</p>

HTML dosyasında yapmamız gerekenler bu kadardan ibaret. Şu anda basit şekilde oluşturulmuş sekmelerimiz bulunmakta. Bu dosyalara CSS yardımıyla şekil vermek size kalmış. Daha fazla bilgi için aşağıdaki ZIP’li dosyayı indirebilir veya demoyu inceleyebilirsiniz.

Jquery Sekme Demo

Jquery Sekme ZIP Indir

]]> http://ilgisel.com/blog/yazi/jqueryde-sekmeler/feed/ 1 Tasarımcıların işine Yarayacak Bedava Dreamweaver eklentileri http://ilgisel.com/blog/yazi/tasarimcilarin-isine-yarayacak-bedava-dreamweaver-eklentileri/ http://ilgisel.com/blog/yazi/tasarimcilarin-isine-yarayacak-bedava-dreamweaver-eklentileri/#comments Wed, 21 Jan 2009 01:25:18 +0000 Degre http://www.mondaynay.com/?p=1276 Dreamweaver, tek başına bile tasarımcıların işlerini oldukça kolaylaştırıcı bir program ama buna işimize yarayacak bir kaç eklenti daha ekleyerek daha işimize yarayacak bir şekle getirebiliriz.

 Şimdi demin bahsettiğim işimizi kolaylaştıracak ve tasarım yapmamızı hızlandıracak eklentileri (extensions) inceleyelim.

 

WordPress Dreamweaver Extension

wordress TAGStention eklentisi Dreamweaver’a WordPress tema etiketlerinin bulunduğu bir toolbar eklemektedir. Bu sayede WordPress için tema yaparken tema etiketlerini kolayca temanın içine gerekli yerlere yerleştirebiliyorsunuz.

 

 

RubyWeaver

ruby RubyWeaver, Dreamweaver’da Ruby and Rails’i kolayca düzenlemek için yapılmış bir eklentidir. Eklentinin orjinali Rob Cameron’un yaptığı RidingTheClutch.com dan gelmedir.

 

jQuery API extension

jquery Sitenizde Jquery’i kullanıyor ve Dreamweaver ile çalışıyorsanız  jQuery API extension tam size göre. Bu eklenti tasarımcıya zaman kazandırıyor. Eklentide Dreamweaver’da olduğu gibi Jquery kodlarının ayrıca renklendirilmesi, kod belirteçleri ve kod parçaları bulunmakta.

 

YouTubizer

youtube Bu eklenti sayesinde Video dosyalarını Dreamweaver’a çekerek tasarımımıza ekleyebiliriz. YouTubizer ile Youtube’daki videoları arayabilir veya videoları gömebilirsiniz. 

 

Tools for Google

google Dreamweaver Tools for Google eklentisi, websitenizi google buluşlarıyla geliştirmenize yarayan bir eklentidir. Dreamweaver ve bu eklenti sayesinde Google’ın ürettiği Google Map, Google Checkout, Google Search gibi uygulamaları sitenize entegre etmeniz kolaylaşacak.

 

Prototype API extension

prototype Prototype API extension for Dreamweaver , Jquery eklentisi gibi çalışmaktadır. Prototype kütüphanesini Dreamweaver’da kullanmanızı kolaylaştırıp, bize hız sunuyor. Prototype kodlarının ayrıca renklendirilmesi, kod önerileri, kod belirteçleri ve kod parçaları bulunmakta.

 

Drupal API extension for Dreamweaver

drupal Drupal API extension , Drupal kodlarının renklendirilmesi, kod belirteçleri ve kod parçacıkları gibi şeyleri eklemektedir. Kod önerileri sayesinde yüzlerce kod yazmayı azaltıp tasarımcıyı hızlandırıyor. Eğer Drupal sistemini kullanıyor yada kullanacaksanız bu eklenti tam size göre. 

 

PayPal eCommerce Toolkit

p_package_e-commerce PayPal eCommerce Toolkit , Dreamweaver’la e-ticaret sitesi yapmak isteyenler için en hızlı çözümü sunmakta. Ödeme Butonu ve Alışveriş sepeti gibi şeyleri kolayca sitenize eklemeye yarıyor.

 

MovableType HTML Editor

mt MovableType HTML Editor MovableType sitelerinizi daha hızlı ve daha amaca dönük tasarım yapmanıza yarayan bir eklentidir.

 Umarım bu eklentiler işinize yarar. Eğer bir öneriniz veya yorumunuz varsa bir yorum ekleyin.

]]> http://ilgisel.com/blog/yazi/tasarimcilarin-isine-yarayacak-bedava-dreamweaver-eklentileri/feed/ 1