mootools | bildirgec.org

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.

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.

Hazır sözü 2008'in En İyi JavaScript Kaynakları'ndan açmışken jQuery'nin pratikliği karşısında dimdik duran ve kimilerine göre jQuery'nin pabucunu yakında dama attıracak olan bir başka JavaScript kütphanesi mooTools'dan bahsetmeden olmaz.

Bu yazımda, bugüne kadar yayımlanan en iyi 65 mooTools eklentisini sizlerle paylaşmak istiyorum. Listede olmayan ve sizin de beğenerek kullandığınız mooTools eklentileri varsa paylaşmaktan çekinmeyin.

SmoothScroll

SmoothScroll kullanıcıyı sayfanın belirli bir bölgesine yumuşakça yönlendiriyor. Normalde bu tip bağlantılar kullanıldığında tarayıcı herhangi bir efekt olmadan sayfayı doğrudan istenen bölgeye taşır. SmoothScroll işte bu eylemi yavaşlatarak kullanıcının gözüne daha hoş gelecek şekilde yeniden tanımlıyor.

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

Web sitelerimizde yer alan resimlerin kopyalanmaması için bahsedeceğim çeşitli teknikler uygulanabilir. Bu resim koruma yöntemleri bir takım önlemler olsalar da yine de kopyalanmamayı garanti edemez. En basitinden ekran kopyala (print-screen) tuşu bile resmi kopyalamaya yetecektir.

Resim koruma önlemleri:

1. Sağ tuş kilitleme (disable right click): Resmin üzerinde sağ tıklayıp "resmi kaydet"i önler.
Bakınız: No right click
Ayrıca: jQuery Plugin for no right click

2. Internet Explorer 6 Image Toolbar'ı kaldırma (Disable IE6 Image Toolbar): Resmin üzerine gelindiğinde otomatik görünen kaydetme seçeneğini kaldırır.

3. Gerçek resmin üzerine boş resim koymak: Bu yöntemde gerçek resminizi "div" etiketi içinde arka plan resmi olarak kullanıyorsunuz. Transparan boşluk resminizi de aynı boyutlarda gerçek resimmiş gibi kullanıyorsunuz. Orijinal resmi gören kişi resmi kaydetmeye çalıştığında "blank-boşluk" resmi kaydetmiş olacaktır.

Belki de 2008'in en önemli web trendleri arasında sekmeli içerik arabirimleri gösterilebilir. Ancak bunların pek çoğu ya olması gerekenden çok daha karmaşıktır ya da JQuery ve MooTools gibi üçüncü parti JS kütüphanelerine dayanırlar. Eğer siz de hem kullanımı oldukça kolay hem de ağır JS kütüphanelerinin kullanımını şart koşmayan bir sekmeli içerik oluşturma çözümü arıyorsanız, Komrade'nin hazırladığı SimpleTabs tam size göre.

SimpleTabs'ın sunduğu özelliklerin arasında yukarıda da belirttiğim gibi herhangi bir JS kütüphanesinin kullanılmasını gerektirmiyor oluşu yer alıyor.

daha önce Ajax Uygulamaları 1, Ajax Uygulamaları 2 ve Ajax Uygulamaları 3 yazılarında site yapımcılarının işine yarayabilecek kaynaklardan bahsetmiştik. burada ise 20 ajax efekti toplanmış.

• TextboxList meets Autocompletion: giriş formlarının otomatik olarak doldurulması için kullanılabilir. benzer bir uygulamayla ajax alan adı arama yazısında karşılaşmıştık.
• Ajax IM: ajax kullanılarak hazırlanmış bir ücretsiz mesajlama aracı.
• LiveValidation: üye adı, şifre gibi kullanıcı seçimlerinde sık sık karşılaşılan yanlış yazım, başkası tarafından alınmış sözcüğü kullanma gibi hataları bekletmeden çözmek için yararlanabilirsiniz.
  
  
  

son zamanlarda site tasarımlarında, blog şablon ve temalarında kayan içerik ve resim uygulamaları oldukça revaçta. bu uygulamalar hem göze hoş geliyor, hem de bir bakıma fonksiyonelliği arttıyor. eğer siz de bu tarz bir işlemi kendi tasarımınızda kullanmak istiyorsanız bir mootools uygulaması olan noobslide'tan yararlanabilirsiniz.

noobslide'ın 6'sı resimler üzerinde olmak üzere toplam 8 çeşidi örneklendirilmiş. resimlerinizi otomatik slideshow olarak gösterebilir, kullanıcıların manuel olarak bakmasını sağlayabilir veya resimlerinize çeşitli açıklamalar ekleyebilirsiniz. yazı sergileme bölümü de oldukça işlevsel. farklı görünümlerle dilediğiniz biçimi kullanabilirsiniz.

eğer farklı mootools eklentileri arıyorsanız 33 Mootools Uygulaması yazısına bakabilirsiniz.