bildirgec.org

Yeni açılan Bilişim Teknolojileri Topluluğu www.biltet.com adresinde hizmet vermektedir.

Şu an 8 aktif yazar hizmet vermektedir ve 1 ay içerisinde 15 aktif yazar makalelerine başlayacaktır.
Bünyesinde masaütü programcı,web tasarımcı ve programcı,flash ve animasyon programcı, sayfa ve grafik tasarımcı bulunduran grup bütün web dünyasının kullanımına açıktır.

BilTeT yeni açıldığı için şimdilik hazır sistem kullanmaktadır.Grubumuzun geliştirdiği yeni sistem en yakın sürede bitirilip kullanıma açılacaktır.Fakat makaleler ve makale serileri başlamıştır.

Kod renklendiriciler (code highlighters) kod yazarken en büyük yardımcılarımızdır. Eğer yazdığınız kodların düzenli, tertipli, temiz ve hoş görünmesini istiyorsanız aşağıda listelediğim 5 tane kod renklendiricisinden birini mutlaka kullanmalısınız.

1. syntaxhighlighter
syntaxhighlighter %100 Javascript kullanılarak oluşturulmuş bir renklendiricidir. syntaxhighlighter ile tüm kodları renklendirebilirsiniz.

syntaxhighlighter

2. quick highlighter
quick highlighter ile html, php, javascript kodlarını renklendirebilirsiniz.

quick highlighter

Bu yazımda sizlere bir tab uygulamasının nasıl geliştirileceğini anlatacağım. Bu uygulamayı aslında web sitem için geliştirmiştim ve acemice yanları olabilir fakat bunu daha sonra biraz daha geliştirerek cstabs ismini verdiğim bir uygulamaya dönüştürdüm. İsteyen buraya tıklayarak bu uygulama ulaşabilir.

Not: Başlangıçdada yazdığım gibi acemice yanları olabilir istediğiniz yönde geliştirmek size ait.

Öncelikle divlerden oluşmuş html tasarımımızı yapıyoruz;

Full of jQuery Awesomeness Sites

Bir javascript framework’ü olan jQuery ile geliştirilmiş, aşağıdaki 20 web sitesi, web tasarımlarına yeni bir soluk getiriyor. İlham kaynağı olarak kabul edebileceğiniz 20 web sitesi, aşağıda listelenmiştir.

1. The Pixel Moving Society

Full of jQuery Awesomeness Sites

2. We Are Hunted

Full of jQuery Awesomeness Sites

JavaScript Vectorgraphics kütüphanesini kullanarak sitenize istediğiniz şekilleri çizebilirsiniz. LGPL lisanslı bu kütüphane tamamen ücretsiz ve geliştirilmeye açık. Kütüphanenin halihazırdaki versiyonunda kullanıcılar tarafından eklenmiş bölümler de mevcut.

Kütüphanenin çalışma mantığına gelirsek, kütüphanenin mantığı web sayfasında küçük küçük bir sürü div ler oluşturmaya dayanıyor çok abartmadığınız sürece bu div ler sayfanızda bir kasılmaya sebep olmuyor.

Ayrıca Cross Browser olan(Farklı tarayıcılarda sorunsuz çalışabilen) bu kütüphane ile İE4 dahil birçok web tarayıcısında istediğiniz görüntüyü elde edebilirsiniz.

Herkese tekrardan merhabalar, keyifleriniz yerindedir umarım. Keyifler yerindeyse bugün biraz daha bilgimizi genişleterek keyiflenme zamanımız geldi demektir 🙂

Burada yazdığım ilk Jquery dökümanı bu olacak. İlk başta Jquery’nin ne şekillerde kullanıldığını yazacağım. Daha sonra Jquery ile birkaç tane örnek uygulama yapacağım. Bu dökümanı daha net anlayabilmek için html ve css bilginizin de olması gerekiyor.

Elimizde bulunması gereken Jquery dosyasını Jquery Resmi Sitesi‘nden temin edebilirsiniz. Her şey hazırsa başlıyoruz…

jQuery ile bir tek veritabanı bağlantısı yapmadığımız kaldı zaten:) Başlıktanda anlayacağınız gibi bu yazıda jQuery ile verdiğiniz fotoğrafın kaynağında fotoğraf varmı yoksa kırıkmı ona bakacağız.

1
2
3
4
5
6
7
8
9

$(document).ready(function() {
	$('img.noimage').error(function() {
		$(this).attr({
			src: 'http://adres.com/fotograf_bulunamadı.gif',
			alt: 'Fotoğraf bulunamadı',
			style:'border: 1px solid #f00;width:150px;height:60px;'
		});
	});
});

jquery, web geliştiricileri için hızlı ve javascript kütüphanesini basitleştiriyor. Ayrıca ajax etkileşimini kolaylaştırıyor. Bu yazıda 7 ilginç jquery takvim eklentisine ulaşabilirsiniz.

1. fullcalendar – full-sized, drag & drop calendar

Sürükle bırak özelliği bulunan ve tam ekran özelliği sağlayan bir eklentidir. Kolayca özelleştirilebilir.

2. create ical-like calendars with css and jquery

Css ve jquery ile yapılmış iPhone tarzı takvim uygulamasıdır.

sitenizde çeşitli amaçlarla jquery‘den faydalanabilirsiniz. resim gösterimleri, arama kutusu… ya da yalnızca görsel zenginliği arttırmak için de yine bu javascript kütüphanesinden yararlanmanız mümkün. sitenizi daha hoş yapabilecek 20 uygulama;

Creating a Keyboard with CSS and jQuery

Animate Curtains Opening with jQuery

Web sayfalarının tasarımlarının ziyaretçiler tarafından beğenilmesi için kimi zaman web sayfasının yüklenme hızını düşürecek derecede fazla miktarda görsel ve kod dosyaları kullanılır.

Bu sorundan hareketle hazırlanmış bu listedeki jQuery eklentileri ile web sayfanızın yüklenme hızını fazlaca etkilemeden, ziyaretçilerinizin beğenisini kazandıracak tasarımlar hazırlayabilirsiniz.

İlgi çekici ve Hafif (Lightweight ) 10 Adet jQuery Eklentisi:

1- ColorBox -> 9 KB
2- markItUp! -> 6.5 KB

3- jFlow -> 2 KB
4- JPolite -> 5 KB
5- vTip -> js:706 b, Css:272 b, Görsel: 270 b

6- jQuery Cycle Plugin
7- Wilq32.RotateImage

8- jqModal
9- jQPie
10- jContext -> 0.6 KB