mootools | bildirgec.org

popüler javascript uygulamalarından olan mootools'tan sitelerinizin çeşitli bölümlerinde faydalanma imkanınız var. işinize yarayabilecek 25 uygulama ve ders:

How to Auto Caption Images Using MooTools

Twitter Emulation Using MooTools 1.2 and PHP

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

2. fileNice

Php File Manager

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

jquery, mootools ile beraber tasarımcıların en fazla başvurduğu javascript kütüphanelerinin başında geliyor. bunda, sanırım hemen her alanda eklenti bulundurmalarının payı büyük. şurada da jquery için yararlanabileceğiniz 14 fotoğraf eklentisi verilmiş.

• GALLERIA | demo 1 | demo 2
  
  

• jQuery Multimedia Portfolio | demo
  
  

yaptığınız site tasarımlarında bir sözcük, bağlantı veya görsel öğe ile ilgili ek bir bilgi vermek isteyebilirsiniz. bunu doğrudan metin ile sağlamak yerine daha dekoratif, daha profesyonel teknikler mevcut. bu tekniklerden biri de ipucu balonları. her ne kadar pek balon gibi gözükmeseler de bu uygulamalardan 11'i şurada listelenmiş.

Prototip 2

Easiest Tooltip and Image Preview Using jQuery

Web geliştiricileri kullanıcı dostu dikey ve yatay gezinti (navigasyon) menülerini CSS kullanarak oluşturabiliyorlar. JavaScript sayesinde de bu menüler daha etkileşimli, yanıt veren ve değişken hale geliyorlar.

Bugünkü yazıda jQuery, mooTools gibi JavaScript kütüphanelerinin yanısıra CSS ile oluşturulmuş 10 mükemmel çoklu seviye gezinti menüsü tekniğine yer vereceğiz.

1. Vimeo Benzeri Navigasyon Oluşturmak

Vimeo.com üzerindeki menünün neredeyse aynısı Janko tarafından geliştirilmiş durumda. Bu menünün en güzel tarafı menü öğesi üzerine fare imleci getirildiğinde menünün beliriyor olması. Ayrıca menünün sunduğu farklı arama seçenekleri sayesinde menü elementlerini eleyebiliyorsunuz.

Bu rehberin temelinde sırasız listeye dayalı CSS tabanlı bir açılır menü yatmaktadır. Menünün yapısı aşağıdaki görsel üzerinde açıklanmış.

Sizin de göreceğiniz üzere UL elementinin dört öğesi bulunuyor. Bunlardan ilki kısa bir alt menü içeren logo. Ardından giriş bağlantısı, alt menü içeren yardım bağlantısı ve yine alt menü çeren arama öğesi yer alıyor. Her bir alt menü, dahili olduğu menü elementinin üzerine fare imleci götürüldüğünde beliriyor.

• Demo | İndir | Detay

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

Yayımladığı web tasarımı ve trendlerine yönelik makaleleri ve kaynakları ile geçtiğimiz yıl 4 milyon ziyaretçi tarafından ziyaret edilen Woork web sitesi, geçtiğimiz günlerde ücretsiz ve kaliteli bir el kitabı yayımladı.

Kitap CSS, HTML, AJAX, Web programlama, Mootools, Scriptaculous ve web tasarımına yönelik pek çok farklı konuda bilgi içeriyor. İçeriğin tamamı daha önce Woork üzerinde yayımlanan kaynaklardan oluşturulmuş.

Site yöneticileri geçtiğimiz yıl boyunca ziyaretçilerden bu tip bir kitap yayımlamaları konusunda yoğun istek aldıkların belirtirlerken, uzun bir çalışma sürecinin ardından ilgili kitabı ücretsiz yayımlamaya karar vermişler.

Buraya tıklayarak kitabı okuyabilirsiniz

Kitap bünyesinde kod bölümlerinden görsellere, illüstrasyonlardan woork üzerindeki orijinal içeriğe bağlantılara kadar pek çok konuda değerli bilgiyi derli toplu bir biçimde sunuyor.