bildirgec.org

Web projelerinizde kullanmak için güçlü bir dosya yöneticisi arıyorsanız, basit kullanımları ve özelleştirilebilir arayüzleri ile ücretsiz olarak sunulan, aşağıdaki listelenmiş dosya yöneticilerine göz atabilirsiniz.

Aşağıdaki Php,Javascript veya ajax tabanlı dosya yöneticileri, dosyaları sunucu üzerinden kolayca yönetmenizi sağlayacak, arama, yükleme ve indirme, düzenleme, kopyalama, silme gibi işlemleri ve daha fazlasını hızlı ve basit olarak yapmanıza imkan tanıyacaktır.

1. AjaXplorer

Ajax File Manager

demo – indir

2. fileNice

Php File Manager

demo – indir

Günümüzün popüler uygulamalarının en önde gelen özelliklerinden biri de geliştiricilere sundukları API’leri ile kendi ekosistemlerini oluşturmaları. Bunun en güzel 2 örneğini Facebook Uygulamalarında ve Twitter API Uygulamalarında görmekteyiz.

Web tarayıcı alanında önemli bir yere sahip olan Mozilla Firefox’un da benzer şekilde bir ekosistemi mevcut. Geliştiriciler gerek kendi kullandıkları Firefox’u gerekse yazdıkları eklentileri web’te yayınlayarak diğer kullanıcıların Firefox’larını çok daha işlevsel hale getirebiliyorlar.

Şu anda yaklaşık olarak 12 bin eklenti ve bu eklentileri geliştiren 8 bin geliştirici olmakla beraber Firefox’a eklenti yazmak için Javascript, XUL, XML gibi dilleri bilmek gerektiğinden herkes bu eklentileri kolayca yazamamakta.

Javascript Image Cropping Scripts

Web sitelerinde kullanılan görselleri, kullanılacak alana göre boyutlandırmak ve kırpmak program bilgisi olanlar için kolay bir uygulamadır. Ancak, bazen gereğinden fazla zaman harcamayı gerektirir veya program kullanmak için ne zaman, ne de bilgi vardır.

Bu durumda ya çevrimiçi bir araç aramak gerekir (program öğrenmek daha iyi olur) veya aşağıda göreceğiniz, hotscript tarafından listelenen en fazla tercih edilen 8 javascript gibi sorunumuzu çözecek kolay scriptlere ulaşmamız gerekir.

Görselleri boyutlandırma ve kırpma işlerini kolaylaştıracak 8 javascript;

UvumiTools Crop
UvumiTools Crop, görüntü boyutlandırma ve kırpma işlemi için geliştirilen bir mootool eklentisi.

Javascript Image Cropping Scripts

Javascript Image Cropper UI
Prototype JavaScript framework ve script.aculo.us

Javascript Image Cropping Scripts

Image crop – DHTML
Görüntü kırpmak/boyutlandırmak için DHTML kullanıcı arayüzü sunar. İstenen bölgenin üzerine bir dikdörtgen sürüklenir ve kesilir.PHP sunucu üzerinde imagemagick kullanır.

Javascript Image Cropping Scripts

Bilindiği gibi jQuery en popüler javascript çatılarından biridir.
Şimdi jQuery ile 4 adımda renkli menümüzü oluşturacağız.

1.Adım: Gerekli dosya ve eklentileri indirme
Şuradan jquery-1.3.2.min.js dosyasını indiriyoruz.
Renklerle işlem yapacağımız için jQuery color eklentisini şuradan indiriyoruz.

2. Adım: Stilleri oluşturma

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

#menu{
	width:500px;
	height:70px;
	background-color:#fff;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	margin:0 auto;
}
#menu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li{
	float:left;
}
#menu ul li a{
	width:100px;
	display:block;
	text-align:center;
	font-size:20px;
	line-height:70px;
	text-decoration:none;
	color:#000;
}

Yazdığımız bu stil dosyasını stil.css isminde kaydediyoruz. Burada menünün boyutları, konumu vs. ayarlamaları yapıyoruz. Bu kısımda isteğinize göre düzenlemeler yapabilirsiniz.

google.com.tr’de google’dan beklenmeyecek hata! Internet Explorer 7 ile girip sayfayı resize ettiğinizde javascript hatası alyorsunuz.

Web Sayfalarına konulan içeriklerin sayfa üzerindeki konumlarının düzenli olması oldukça önemli bir konudur.
Önceleri table ile yapılan bu işlem şimdilerde daha çok CSS ile yapılmakta.
CSS ise yoğun içeriğe sahip web sayfalarının hızlı ve esnek bir şekilde düzenlenmesinde yetersiz kalabilmekte.
Bu yetersizliği gidermek için hazırlanan CSS Template Layout Module (CSS Şablon Düzeni Modülü) çalışması ise henüz taslak aşamasında.

Web Sayfalarının hazırlanmasında birçok konuya getirdiği çözümlerle + + + + göz dolduran jQuery eklentileri, Web Sayfalarının düzenlenmesi konusunda da bazı çözümler sunmakta.
Web Sayfa Düzenleri(Layouts) için kolayca uygulanabilir olan 6 adet jQuery eklentisi:

jQuery Masonry

UI.Layout

Web Sitelerinin en önemli parçalarından biri de sitelerin içeriklerine erişimi sağlayan menülerdir. Web sitelerinin bu önemli parçası için Javascript ile hazırlanmış, işlevsellikleri ve görsellikleri ile göz dolduran 30 adet menüyü kategorilere ayrılmış olarak hazırlanmış listeden deneyebilrisiniz.

Accordion Menu
Dynamic drive Accordion menu Demo

i-MarcojQuery Accordion Menu Demo

Akordiyon Menüler

Horizonal Accordion Menu | Demo

Designreviver Horizontal Accordion | Demo

i-MarcojQuery Accordion Menu | Demo

facebook

Siz de facebook’tan korkanlardan mısınız? “Ya bilgilerim çalınırsa, veya yabancı ellere geçerse” diye çekinenlerden biri olabilirsiniz. Bütün bu çekinmelerinizin dozunu artırmakta serbestsiniz. Çünkü facebook’tan yeni inciler dökülmeye devam ediyor.

Bu sefer bahsedeceğimiz vukuat (ki aslında pek vukuat sayılmaz ancak yine de bazı incelikler var) çeşitli tekniklerle gizlenmiş bir SunShine efekti. Bu efekt genellikle çekim yapan kameranın objektifine yansıyan güneş ışığının yuvarlak ve irili ufaklı rengarenk halkalar oluşturmasıyla belirir.

İşin ilginci bu efekti herkes bulamıyor ve aktif edebilmek için oldukça uzun sayılabilecek tuş bileşimlerine sırasıyla basmanız gerekiyor. Ancak bu şekilde efekt sayfada aktif hale geliyor. Efekti açmayı başardığınızda ise yapacağınız tüm tıklamalar, sayfa kaydırmaları ve yazı yazmanız sırasında bu profesyonelce tasarlanmış ve programlanmış efekt size eşlik ediyor. Adeta monitörünüzde sizin hareketlerinizle eş zamanlı olarak dans ediyor.

SunShine Efekti

daha önce jquery menü eklentileri yazısında jquery‘yi site menülerinizde kullanmanız için birkaç eklentiden bahsetmiştik. bu kez de form bölümlerinizi geliştirebileceğiniz çeşitli eklentiler:

• QuickSelect
  
• SexyCombo
  
• prettyCheckboxes