prototype | bildirgec.org

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 Cropper UI
Prototype JavaScript framework ve script.aculo.us

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.

css'de uzman olmak üzere olduğunuzu mu hissediyorsunuz? sonraki adımınız ne olacak?

bir sonraki adımınızı planlamak, kariyeriniz için önemlidir. hepimizin bildiği gibi zaman para demektir ve zamanımızı en verimli şekilde nasıl harcayacağımız üzerine odaklanmamız gerekir.

bazıları ön-yüz geliştirmeye (front-end development) kendilerini adayıp belki de javascript yeteneklerini ilerletmeyi deneyeceklerdir. bazıları ise tasarım alanında kendilerini geliştirip photoshop ve illustrator, ya da flash gibi araçlara odaklanacaklardır.

yazımın devamında web'in ileri gelenlerinin bu alanda neler söylediklerini bulacaksınız.

chris coyier
burada sorulan "öğrenmem gereken bir sonraki şey ne olmalıdır" sorusu, soruyu soran kişi tarafından cevaplanmalıdır.

web üzerindeki her yetenek kullanışlıdır. eğer zamanınız varsa web'deki her yetenek öğrenmeye değer. genellikle üzerinde çalışmak istediğiniz bir projeniz ya da gerçeğe dönüştürmek istediğiniz bir fikriniz vardır. onu en iyi kılacak şey ne ise onu öğrenin. eğer ne yapmak istediğiniz hakkında en ufak bir fikriniz yoksa, o zaman javascript öğrenin.

www.css-tricks.com

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."

Son zamanlarda Lightbox ve lightbox benzerleri ile ilgili birçok bildiri görmek mümkün.Aslına bazen seçim yapmak gerçekten zor olmakta.İşte bu zorluktan kurtulmak için lightbox clones adlı lightbox klon listesi oluşturulmuş.Bu listenin güzel yanı birçok filtresi olması.

Genel olarak bu filtrelerden kullanılan javascript kütüphanesi ,resim veya video gösterebilme gibi özelliklere göre sıralama yapılabiliyor.
Buradan lightbox klon listesine ulaşabilir buradan ise yapımcının bu proje ile ilgili verdiği bilgilere ulaşabilirsiniz.

şurada site tasarımcılarının kullanabileceği mootools, jquery, Prototype gibi kütüphanelerden yararlanılarak oluşturulmuş site bileşenleri listelenmiş.
listeden birkaç örnek:

yatay resim menü
seçilecek uygun imajlarla oldukça şık menüler yapılabilir. mootools'tan yararlanılmış.

Dreamweaver web tasarımlarda en çok kullanılan programlardan bir tanesi. bir arkadaşta buna istinaden burada javascript kütüphaneleri ile (jQuery, Prototype, MooTools, YUI) dreamweaver'da (MX-CS3) kod geliştirenlere yardımcı olması için bu kütüphanelere kod desteği geliştirmiş. jquery ve prototype için beta'lar hazır. mootools ve yui için ise biraz sabretmemiz gerekiyor.

site tasarımında mootools, scriptalicous, prototype gibi javascript kütüphanelerinin kullanımının yaygınlaşması flash'ın pabucunu dama atmakta. şahsen bazı sanatçı veya genel olarak göze hitap etmeyi amaçlayan kişisel sitelerin haricinde flash'a pek rastlayamıyorum. işte şurada da yukarıdaki javascript kaynaklarından yararlanılarak oluşturulan 10 güzel site listelenmiş.

ajaxorized web teknolojileri üzerine yoğunlaşmış, web ortamında çalışması planlanan ürünlerin geliştirme sürecinde karşılaşılabilecek ihtiyaçları karşılamak amacıyla kurulmuş bir site.

sitede hemen hemen her konuda yapılmış örnek çalışmalar ve demoları bulunuyor. web programlama ve tasarım açısından hızlı çözümler en kısa yöntemlerle sunulmaya çalışılmış.

örneğin 3 boyutlu resim ve fotoğraf geçişleriyle ilgili olan çalışma yayınlanmış. örneği denemek için deneme sayfasına gidebilirsiniz.