bildirgec.org

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

Geliştiriciler ve tasarımcılar gün geçtikçe modern tasarımlarında daha çok JavaScript kullanır oldular. Bazen JavaScript kullanımı kullanıcının işini zorlaştırıp tasarımın sadeliğini alırken kimi zaman da kullanıcı deneyimine çok önemli katkıları olur. Burada önemli olan a) doğru miktarda JavaScript kullanmak ve b) doğru JavaScript tekniklerini kullanmaktır. Bugüne kadar pek çok javascript tekniğini sizlerle paylaştım. Bu makale ile listeye bir yenisini ve kendimce en verimlisini eklemeyi planlıyorum.

Web’in JavaScript’e hızlı geçişi sağolsun JavaScript kütüphaneleri tasarımcıların ve geliştiricilerin işlerini kolaylaştırmak için çığ gibi büyümeye devam ediyorlar. Geliştiricilerin kullandığı JavaScript kütüphaneleri arasında jQuery, Prototype, Scriptaculous, mooTools, Dojo en çok kullanılan kütüphaneler olarak gösterilebilir. Bu çatıları kullanan komünite üyelerinin oluşturduğu sayısız eklentiler de JavaScript kütüphanelerine dahil edilebilmektedir.

Ancak bazen bazı özel ihtiyaçlara yönelik olarak geliştirilmiş JavaScript çözümlerine ihtiyacımız olabilir. İki bölüm halinde yayımlayacağım bu yazımda web sitelerini çok daha ilginç ve çekici kılan 75 gerçekten kullanışlı JavaScript Tekniğinden bahsetmek istiyorum.

Web’de Heceleme
Bu proje (X)HTML sayfaları için otomatik hecelemeye yönelik çalışan çözümleri bir araya getirmeyi hedefliyor. Hem farklı insan ve betik dilleri için, hem de sunucu ve istemci taraflı platformlar için. Hyphenator.js adı verilen bir JavaScript çözümü de mevcut. Hyphenator.js, HTML belgelerinin sunucu taraflı hecelemesini, bazı ortak heceleme kuralları ve Franklin M. Liang’ın LaTex ve OpenOffice’te de sıkça kullanılan heceleme algoritmasını tüm tarayıcılara getiriyor.

Geçtiğimiz yılın en iyilerini içeren listelere bir yazı ile de ben eşlik etmek istedim. Konumuz JavaScript. 2008 yılında başta JavaScript kütüphaneleri olmak üzere JavaScript’in genelinin yeni nesil web uygulamalarındaki önemi bir kez daha kanıtlanmış oldu. JavaScript ve onunla birlikte çalışabilen üçüncü parti çözümlerin birlikte kullanımı sonucunda harikalar yaratabilen web geliştiricileri, eserlerini tüm Internet kullanıcıları ile ücretsiz olarak paylaşmaktan çekinmediler.

Biz de bu yazımızda 2008 yılının en iyi JavaScript kaynaklarını derlemek istedik. Yazının devamında bulacaklarınızın arasında kaynaklar, kullanışlı dersler, bazı görüşler ve ilginç JavaScript kullanım örneklerine ulaşacaksınız.

Bu tip kaynaklardan her zaman öğrenebileceğiniz bir ya da iki ders mutlaka vardır ve eğer siz bunları verimli bir şekilde kullanırsanız bu yıl portfolyonuzdaki yeteneklere bir yenisini daha ekleyebilirsiniz.

sIFR Lite
“Bir zamanlar bazı çok başarılı web geliştiricileri sIFR’ı yarattılar. Hedefleri, HTML manşetlerini güzel görünümlü yazıtiplerine dönüştürmekti ve işte bu web geliştiricileri amaçlarına da başarılı bir şekilde ulaştılar. Kodlarına bakarak ben de sIFR’a daha nesne yönelimli bir yaklaşımla sIFR’ın ‘lite’ sürümünü oluşturdum. sIFR lite’yi okumak daha kolay ve kullanımı daha yenilikçi.”

Bramus! prototypejs‘yi kullanarak internet sayfasındaki resimleri gecikmeli göstermesini sağlayan bir add-on yazmış.

lazierLoad, mevcut bulunduğunuz internet sayfasını gözlem altında tutuyor ve sadece o anda gördüğünüz sayfanın kısmındaki resimlerin yüklenmesini sağlıyor. Siz sayfayı aşağıya doğru sürdükçe eğer bir resim mevcutsa eş zamanlı olarak indiriyor. Böylece daha az bekleyerek sayfanın yüklenmesi sağlanıyor ve bant genişliği “akıllı” bir şekilde kullanılıyor.

Script.aculo.us isimli efekt kütüphanesi kullanılarak hazırlanmış uygulamaları tek bir çatı altında toplamak istemişler. Böylece ortaya Script.aculo.us Samplr isminde bir web sitesi çıkmış.

JSValidate, bir forma girilen değerlerin istemci tarafında geçerliliğini denetleyen bir araç. prototype ve script.aculo.us temel alınarak hazırlanmış bu aracın kolay bir kurulumu ve kullanımı var.

Buradan download edebilir, şuradan demosuna bakabilir, oradan da dokümantasyonuna erişebilirsiniz.

moo.fx, çeşitli javascript efektlerini kolayca kullanabilmemizi sağlayan bir kütüphanedir. İlk duyurulduğunda en beğenilen efektlerinden birisi hiç şüphesiz akordiyon menü efekti oldu.

Accordion ise moo.fx yerine script.aculo.us kütüphanesi kullanılarak yazılmış başarılı bir akordiyon menü uygulaması. Diğerlerinden en güzel farklılığı ise hem dikey hem de yatay olarak çalışabilmesi.

Ajax,jquery,prototype.js,Lightbox JS v2.0,ext.js,mootools v1.0,YUI,… kullanılarak hazırlanmış slayt gösterileri