Çok uzun süreler önce blog kavramının tam içindeyken, hergün yeni bişeyler yazıyor, yeni bilgiler ediniyor ve edindiriyordum.. Son zamanlarda ise gerek iş yoğunluğu gerekse kendime vakit ayıramayışımdan dolayı zingocana uğrayamıyorum bile.. Bu yazıyı hala buralarda olduğumu ve hergün yorumları kontrol ettiğimi belirtmek için yazıyorum..

Hitabım rastgele gelen ziyaretçilere ve sevgili google’adır.

Doga icin cal! 3 – Gesi Baglari, Cemberimde Gul Oya, Cayelinden Oteye – Official Video from Doga icin cal on Vimeo.

jPlyer kullanışlı arayüzü ve harika görüntü sistemi ile, HTML5 mükelliğinin jQuery ile birleşiminde oluşturulmuş enfes bir player’dir. Player içerisinde hem mp3- ses hem de Video oynatabiliyorsunuz..

Güzelliği ve basitliğiyle ön plana çıkan jPlayer bir de ücretsiz ve açık kaynak koduyla Webmaster’ların yeni gözdesi

olabilir.

[fancy_header]jPlayer[/fancy_header]

jPlayer için Birçok demosu mevcut olan kendi sitesinden indirebilirsiniz.

[button link="http://www.jplayer.org/"]Demo[/button]

[download_button link="http://www.jplayer.org/download/"]Download[/download_button]

İnsan değişimin ara yüzüdür.. Kalıplaşamaz, öyle sansa da öyle olamaz.. Düşünceler sürekli farklılaştırır insanı.. Karma karışık bir dünyada nefretin idam ettiği bütün sevgiler düşüncelerin ahlaksızlığıyla yok olurlar.. Bir haber insan ise sadece kadere bağlar olayı.. Zavallı insan..

Gariptir ki bunun farkındayız ve hiçbirşeyi değiştirmek istemeyiz.. Herşey olduğu yerde kalsın, yaşamım devam etsin, biraz kilo vereyim, aşık olayım, zengin olup öleyim..

Belkide sadece kalıplaşmışlığımızın öyküsünü devam ettiriyoruz..

1 yılı aşkın bir süredir, jQuery medyasını takip etmekteyim. Elimden geldiğince yenilikleri ve ücretsiz pluginleri sizlere sunmaktayım..

Yeni haberleri, ve esşiz video dersler  için jQuery kategorimi de ziyaret edebilirsiniz.

Aynı zamanda jQuery Plugin ve Araçları sekmesinden internet üzerinde bulup burada paylaştığım pluginleri de inceleyebilirsiniz.

Bu yazımda da jQuery ile yapılmış güzel bir Hesap Makinesinden bahsedeceğim..

Plugini kullanmak için kaynak sayfasındaki download linkinden yararlanabilirsiniz.

[button link="http://www.jquerydesign.com/jquery-ile-hesap-makinesi-yapimi.html"]Kaynak Ders[/button]

[download_button link="http://demo.jquerydesign.com/demo/jquery-hesap.rar"]jQuery Hesap Makinesi İndir[/download_button]

İyi Eğlenceler Dilerim

Roundabout adında Dolambaçlı türkçe ismiyle oluşturacağınız bu plugin sayesinde her hangi bir HTML nesneyi kullanabileceğiniz gibi şık resim galerileri de yaratabilirsiniz. Tamamen özelleştirilebilir bu plugin jQuery nimetlerinden sıcak lokmadır..

Plugin hakkında bu kadar bilgi verdikten sonra bu plugini nasıl yaparız ona değilenil biraz..

[button link="http://fredhq.com/projects/roundabout"]Demolar[/button]

[highlight_1]İlk Olarak HTML dosyamızı hazırlıyoruz.[/highlight_1] Bunu 3 aşamada gerçekleştireceğiz. Ama bundan önce Roundabout scrptinde kullanacağımız nesneleri Listeler hailnde markup‘a gömmemiz gerekecek. Örnek bir şekilde yapalım;

<ul id="myRoundabout">
<li>Kutu 1</li>
<li>Kutu 2</li>
<li>Kutu 3</li>
<li>Kutu 4</li>
</ul>

[fancy_header]1-) Scriptleri Dahil Etme[/fancy_header]

Şimdi Pluginde kullanacağımız Sciprtleri html içerisine girelim. Tabiki bildiğiniz gibi tag’leri arasına gireceğiz;

<script src="jquery.min.js"></script> <script src="jquery.roundabout.min.js"></script>

[fancy_header]2-) CSS Kodları[/fancy_header]

Default değerlerde bir liste oluşturduysanız bu liste Mermi stilleriyle alt alta bir liste oluşturacaktır. Fakat bizim pluginimizde farklı bir stil uygulamamız gerekiyor. Bu yüzden UL parafını düzenliyoruz;

.roundabout-holder { padding: 0; height: 5em; list-style: none }
.roundabout-moveable-item {
height: 4em;
width: 4em;
cursor: pointer;
background-color: #ffc;
border: 1px solid #999;
}
.roundabout-in-focus { cursor: auto; }


[fancy_header]3-) Roundabout Ekleme[/fancy_header]

1. maddede scripti gömmüştük, fakat script kendi başına kullanılamıyor. Bunun kullanım alanı için bizim Markup’umuzun içerisindeki id ya da sınıflara ihtiyacı var.. HTML ‘de kullandığımız ul etiketinin id si olan myRoundabout’a roundabout etkisi veriyoruz. Bu sayede bu html içerisindeki bu id de olan tüm bileşenler roundabout’lanacaktır.

$(document).ready(function() {
$('ul#myRoundabout').roundabout();
});

Bu safhadan sonra Plugini özelleştirmek size kalmış. Aşağıda vereceğim birkaç jQuery ek özelliği sayesinde kendi plugininizi kendiniz oluşturabilirsiniz.

Animasyon Hızı

jQuery kodlarımızı aşağıdaki gibi düzenlediğimizde 1200 milisaniye olarak ayarlanmış animasyonla karşılaşacağız;

$(document).ready(function() {
$('div.moveMe').roundabout({
duration: 1200 // milisaniye      });
});

Şeffaflık ve Ölçek - Opacity ve Scale

Aşağıdaki kodlar sayesinde de yine animasyonunuza Şeffaflık ve ölçeklenebilirlik özelliği katıyorsunuz;

$(document).ready(function() {
$('ul').roundabout({
minOpacity: 0.0, // görünmez!
minScale: 0.1 // çok küçük!
});
});

Yön Butonları

Aynı zamanda animasyonun istediğiniz bir yerinde Sağ ve Sol oklar gibi nesneleri kullanarak animasyonunuzun manuel kullanımını sağlayabilirsiniz. Bunun için markupa ;

<a id="next" href="#">Sonraki!</a>
<a id="previous" href="#">Önceki!</a>

Eklemesini yaptıktan sonra;

$(document).ready(function() {
$('ul').roundabout({
btnNext: '#next',
btnPrev: '#previous'
});
});

Şeklinde girerek önceki ya da sonraki içeriğe ulaşılmasını sağlayabilirsiniz.

Daha fazla özellik ve plugin sahibinin sitesi için tıklayın.

[warning_box]Plugin Sayfasında da denildiği gibi, Copy + Paste olayını bir kenara bırakıp, kendi pluginimizi kendimiz yazmaya bakalım [/warning_box]

Daha sonra HTML dosyasının içerisinde aşağıdaki kodlar mevcut;

<div id="sigaraCukka" class='cukka'>

					<img src='images/baca.png' alt='baca' />
				</div>

src yerine kendi baca resminizi koyabilirsiniz.

Ardından yine head tagleri arasında göreceğiniz aşağıdaki kod mevcuttur. Bu kodda kendi duman resminizi koyabilir ve resminizin boyutlarını girebilirsiniz;

SigaraEfekti.imgLocation = "http://zingocan.com/wp-content/uploads/duman11.png";
SigaraEfekti.sigaraWidth = 80;
SigaraEfekti.sigaraHeight = 45;

İyi Eğlenceler

Bu eklenti şuan dünyanın bir çok büyük web sitesinde PHP ile entegri olarak çalışmakta ve çok memnun kalınan bir özellik olmaktadır.

Bu özelliği daha da güzelleştirmek adına bir çok kişi ve kurum Plugini geliştirmişler. Ben de bu pluginin 15 adet örneğini sizlere sunuyorum.

jqModal

jqModal bir websitesinde içerikten ayrı olarak kullanıcıya karşı gösterebileceğiniz küçük popup pencerelerden oluşan diyalog kutularından oluşur. Kullanımı kolaydır.

NyroModal

jQuery Dialog eklentisinin en büyük problemlerinden birisi olan özelleştirilebilme sorunu da bu plugin sayesinde ortadan kaldırılmaya çalışılmış.. Ne derece başarılı olmuş tartışılmaz fakat bu plugin sayesinde yeni Modal Popuplar ile bir sayfa verisi atayabiliyorsunuz.

Simple jQuery Modal Window Tutorial

Burada jQuery Modal Penceresi nasıl oluşturulur o anlatılmış ve derste anlatılan pluginin demosuda mevcut.

jQuery UI Dialog

Hepimizin bildiği, şık, kullanışlı, çok basit jQuery interface dialog pluginidir. En çok kullanılan ve özelleştirilibilitesi en yüksek olan.

SimpleModal

Buda yine sevdiğim Dialog eklentilerinden birisidir. Lightbox tarzı bir görünüme sahip, tabiki bunların tümü bildiğiniz gibi jQuery ile oluşturuluyor.

Boxy

Flexy, köşeli, tut çek özellikli tam bir facebook tarzı jQuery Dialog kutusudur. En çok tercih edilenler arasında.

ThickBox

Thickbox jQuery UI kütüphanesi kullanılarak hazırlanmış son derece şık bir Dialog eklentisidir.

Diğer popüler dialog eklentileri;

jQuery BlockUI Plugin

jQuery Impromptu

jQuery Alert Dialogs (Alert, Confirm & Prompt Replacements)

How to Create a Stunning and Smooth Popup Using jQuery

jQuery Ajax Validation Contact Form with Modal + Slide-in Transition

Creating an Exit Modal Box using jQuery

Upload in Modal Window and Pass Values with jQuery

jQuery Modal Dialog Plugin

ColorBox

Bilmeyenler için söylemem gerekirse BTK; Bilgi Teknolojileri Kurumu ya da Bilişim Teknolojileri ve İletişim Kurumu adında Türkiye’de amaç olarak bilişim sektöründe düdüğünü öttürebilen, çoğu kişi karşı çıkmaya çalışsada istediğini yapabilen bir kurumdur.. Son zamanlarda amaç olarak Çoçuk P*rnosu ve çoçuk istismarı olarak yayın yapan web sitelerini anında kapatabilen ve bunu hepimizin desteklediği hareketlerini daha da abartarak 138 kelimeden oluşan bir BTK Kara listesi (bakınız: 138 kelime) oluşturarak bu kelimeleri barındıran domain ve site içeriklerini istediği gibi indirebileceğini, bu uyarıya göz ardı eden sitelerin başına geleceklerden haberdar etmeleri ince bir davranış oldu.

Aynı zamanda, eskiden BTK ya da Türk Telekominikasyon Kurumu tarafından bir sitenin kapatılabilmesi için en azından günlük ortalama 5-10k hite sahip siteler kapatılırdı. Şimdi ise daha çiçeği burnunda sözlükler bile, BTK’nın elinin tersiyle itmişçesine kapatma kararları insanları tedirgin etmektedir.. Çoğu webmaster; ya benimde sitem kapatılırsa korkusuyla içeriklerini gözden geçirmeye, belkide sitelerinin asıl amacının dışına çıkmaya başladı.. Peki tüm bunların sorumlusu kim?

[adsense]

BTK asıl amaç olarak 22 Ağustosta gerçekleştirmeyi planladığı, herkese uygun internet paketleriyle gündeme oturmak istiyor. Bu internet paketlerinin 4 çeşidi bulunmakta. Bu konu hakkında şuradan bilgi alabilirsiniz. Bu paketler içerisinde en bağımsız olarak görünen standart paketin bile kendine has bir engelleme hususları mevcut. BTK’nın asıl amacının; Türkiye’nin de diğer, milli iradeden ve fikir demokrasisinden uzaklaşmış, yeni fikirler ve oluşumlara kendini kapatmış bir millet olma yolunda adımlar atmasını sağlamak olduğunu düşünmüyorum, kaldı ki bir devlet kurumu bunu neden yapsın değil mi?  İçimdeki güç bana şu cevabı veriyor;

- Devlet değil, Devlet namına çalışan hor güç!

- Peki devlet neden buna izin veriyor?

- Devlet mi? Devlet sandığım kişi kim yada kimler?

- Bunu açıklamama gerek mi var?

- Hayır, bunu devletin ortaya çıkarak devlet benim, herşeyin sorumlusu da benim demesine ihtiyacımız var.

[highlight_2]Atatürk’ün sayesinde kurulan bu bağımsız ve demokrat ülkenin; Başkaban seçiminden başka ne gibi bir demokratik yönü olduğunu lütfen bana birisi açıklayabilir mi?[/highlight_2]

Madem yönetilme şekli demokratik olacaktır, o vakit sadece ülkenin değil tüm ülke güçlerinin, kalkınma ve gelişme bağımızın en büyük etkisi olacak İnternet ve Bilişim Konusunda tam yetkilere sahip insanları ve bizi kuklalaştırarak hangi internet sitesine girmemiz gerektiğini söyleyecek olan kurumu da bizzat kendimiz seçmeli miyiz?

Hangi internet sitesini kuracağımıza, hangi internet sitesine girip dilediğimizi yapacağımıza başka birileri karar verdikçe nasıl bağımsız olacağız.. Elbette bağımsızlığın sınırları vardır. (bakınız: Bağımsızlık başka insanların bağımsızlığına engel olmadıkça bireyin her istediği şeyi seçebilme ve yapabilme hakkıdır.) Ne diyelim, bağımsız bir şekilde yozlaştırmak istenilen Türkiye’nin nereye gideğini açıkcası tahmin edemiyorum.. Umarım hak ettiğimiz yere geliriz.