script | 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

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

Bildiğiniz üzere, aylar önce Chrome'un ikinci versiyonunun betası yayınladı. Belki de en göze çarpan özellik olan harici JavaScript desteğiyse, bazı değişiklikler yapılmadan hala kullanılamıyor. Eğer siz de şimdiden Chrome üzerinde GreaseMonkey scriptleri kullanmak istiyorsanız, takip edin.
Yapılması Gerekenler
Öncelikle bu adresten indireceğiniz Chrome Kanal Seçici sayesinde, Chrome'u haftalık dev-build'lerine (geliştiriciler için olan sürüm; çok kararlı olmayabilir hatta hiç kararlı bile olmayabilir) güncelleyebiliyoruz. Teorik olarak beta kanalı da işimizi görmeli ama garanti olsun diye ben Dev'i seçtim. (Önemli: Eğer Dev sürümünden geri dönmek istersek; Chrome'u baştan yüklememiz gerekiyor)

Chrome Kanal Seçici / Channel Chooser

DW ile Spry arasındaki bağ...
Spry bağımsız da çalışabilir ama esasında Dreamweaver (DW) ile eşleşmiş bir yazılımdır. DW CS3 ile gelen bir yenilik.

Bu yenilik şunları yapabilir:
Yazılara, linklere efekt verebilir. ŞU ADRESten spry effect'lerin adını, adına tıkladığınızda da görevinin tanıtımını görebilirsiniz.

SPRY başka ne yapar?
Hani şu genelde haber sitelerinde gördüğümüz sekme panelleri vardır. (örnek) İşte mesela onu pratik bir şekilde oluşturabilir ve düzenleyebilir.
Ya da mesela menüler vardır ki bu menüler; alt menüleri de olan dinamik menülerdir. (örnek) işte bunu da yapabilir. (Spry ile sadece 3. alt menüye kadar inebiliyorsunuz.)

Spry'leri birleştirip örnek olarak bakın adobe bize neler yapmış...
1) Foto Galeri yapmış. (kaynak kodları) (tanıtımı)
2) Dinamik Form yapmış. (kaynak kodları) (tanıtımı)
3) Diğerleri de BURADA.

Siz de Spry özelliğini kullanarak bu tip scriptler yazabilirsiniz. Bu upload scriptti olabilir, fotograf galerisi olabilir artık arz-talep meselesi...

Dzineblog sitesi, burada 15 yaratıcı javascript sitesini sergilemiş. Listede değişik stillerde birçok site mevcut...

Viget Labs

ilFruttet

Voll

İllustrator; AppleScript, Visual Basic, JavaScript, ve ExtendScript gibi script türlerini destekler. Bu scriptleri Dosya/Scripts dizinini takip ederek yükleyebilirsiniz.

• Close All Paths / Close All Selected Paths: bu script yardımı ile açık unuttuğunuz tüm path'leri veya seçmiş olduğunuz tüm path'leri kapatabilirsiniz.

• Divide Text Frame: basit ama oldukça faydalı bir script. Seçili cümledeki her kelimeyi size liste şeklinde diziyor.

• Join Text Frames: Bir önceki script'in tersi bir işleve sahip, ayrık haldeki kelimeleri tek bir cümlede toparlıyor.

• Fleurify: Basit şekillerden çiçeğimsi şekiller oluşturan güzel bir script.

• Meatball: basit şekillerden, bağlantılı yeni şekiller oluşturabileceğiniz bir script. Logo tasarımlarınıza yeni bir aheng katabilir.

• CMYK to Pantone v.2: Renk dönüşümü için kullanılabilecek bir çevirici script.

• Vary Hues / Randomize Colors: Bu script, renkleri resimde göreceğiniz şekilde, tek yapı bir çeşitten, çoklu ve değişik bir yapıya dönüştürüyor.

• Save File With Timestamps v.3: Çalışma dosyalarınızın isminin sonuna zaman eki koyan ve olası karışıklarda hayat kurtaran bir script.

• Circle: bir şekli düzenlemek için Ona pen tool ile point ekler ve düzenlemek isteriz. İşte bu script çember'lerde bir çok nokta oluşturup daha iyi düzenleme yapmamıza olanak sağlıyor.

• Swap Objects: Resimde göreceğiniz gibi iki şeklin boyutlarını çapraz bir şekilde değiştiren bir script.

kaynak

resources for web designers and developers

Aşağıda listelenen 10 site, Web tasarımcıları ve geliştiricileri için, ikon, tema, script, css, ajax, renk, font ve daha birçok kategori başlığı altında, web site tasarımı sırasında gerekli olabilecek araç ve gereçlerin bulunduğu siteleri bir araya toplayarak, tek tek aramayı ve zaman kaybını önleyecekleri gibi, ilham ve fikir kaynağı olarak da yararlı olacaklardır.

1) Skout - Tasarımcılar tarafından tasarımcılara sunulan bir kaynak