bildirgec.org

şık ve kullanışlı site tasarlamak isteyen tasarımcıların başvurduğu javascript frameworkleri (YUI, jQuery, Dojo, Ext, Prototype gibi) arasından öne çıkmakta olan mootools frameworkü ile phatfusion tarafından yapılan bazı örnekleri paylaşmak istedim. Vakit kaybetmeden sıralayalım.

browserda o an açılı olan adresin yani geçerli adresin sonuna istenilen sabit bir kısmı (atıyorum “abcd”) ilave ederek yeniden açmasını sağlayacak bir yer imi nasıl yapılır?

1 . Minishowcase
Minishowcase küçük ve çok basit bir Ajax galeri sistemi. Kullanım konusunda basitliği ile tasarımcı dostu diyebilirim. mutlaka inceleyin.

2. JonDesign’s SmoothGallery
JS dosyası sadece 16kb olan bu galeri sisteminde Jon Design birçok sitede gördüğümüz bir yapıyı bizimle paylaşıyor. Koyu renk tasarım seçmiş ve fotoğraf ağırlıklı bir tasarım anlayışına sahip tasarımcılar için birebir.

Görsel ve işlevsel anlamda web sitelerimize hem hareket katacak hem de kullanım basitliği sayesinde kullanıcılarımızı sitemizde basitçe ilgi alanlarına yönlendirebilecek Javascript “slider”lar ve “scroller”lar..
Burada, görsellik anlamında çok şık ve ilgi çekici kodlamaları görebilirsiniz.
Emin olun bu javascriptler sitenize çok fazla değer katacak.
İşte kullanımların en güzel örnekleri;

1. YouLoveUs

2. Volll

3. Melissahie

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.

Disable IE6 Image Toolbar

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.

Web sitelerde sayfalar arası sorgulanacak çeşitli bilgileri taşımada form ve ona ait elemanları kullanırız. Varsayılan (default) olarak gelen form elemanları görünümlerini (radyo butonu, seçme kutucukları, yazı alanları, listeler vs.) siteye farklılık katmak için genellikle CSS ile düzenleriz.

Bu iş için, MooTools‘u destekleyen JavaScript kütüphanesi geliştirilmiş ve her türlü javascript çatısı altında çalışabiliyor.

js-hotkeys bir JQuery eklentisi. Bu eklenti ile basılan tuşları kontrol edebilir, onların neden olacağı, tetikleyeceği olayları düzenleyebilirsiniz.

ctrl + a
ctrl + b
ctrl + x

gibi tuş kombinasyonlarını yönetebilirsiniz.

Bu ve benzer tuş kontrolleri ile web sayfanızda üye çıkışı, foruma yeni başlık aç gibi işlemleri hızlı bir şekilde yaptırabilirsiniz.

Hotkeys

Şu sayfada klavye tuşları ile yaptıklarınızı demo olarak görebilirsiniz.

eXtplorer, PHP ve AJAX ile yapılmış bir dosya yöneticisi yazılımı. Açık kaynak kodlu bu yazılım hem AJAX’ın avantajı olan “sürükle bırak“ın (drag drop) etkin bir şekilde kullanılıyor olması. Bu özelliği dosya taşıma ve kopyalamada görebiliyoruz.

Alt dizinlerin görüntülenmesi, yeniden adlandırma, indirme ve yüklemelerin dinamik bir şekilde yapılıyor olması da bu yazılımı kullanışlı kılıyor.

Belki tam bir jQuery uzmanısınız. Ya ne olacak canım, John Resig’in tam kendisisiniz belki de… Ya da Bildirgeç üzerinde “Prototip”, “jQuery“, ve “Mootools” gibi kelimeleri görüp “Bunlar da ne ola ki?” diye hayıflanıp duruyorsunuz… Şimdi tüm bunları öğrenmenin zamanı geldi.

Bu endüstride, -özellikle günümüzde daha önce hiç olmadığı kadar-, tasarımcılar kodculara, kodcular da tasarımcılara dönüşüyor… Bir geliştiricinin görevi SADECE ön ya da arkaplan işlerini yürüten kod yazmak olmaktan çıkıyor. jQuery işte bu aradaki mesafeyi kapatmaya yardımcı olan bir JavaScript kütüphanesi. JavaScript erişilemez bir yetenek değil. Daha önce yayımladığım size sıfırdan PHP öğretecek 25 kaynak yazısının site kullanıcıları tarafından çok tutulan bir yazı olduğunu gördükten sonra nettuts üzerindeki benzer bir yazıyı da jQuery dersleri için yayımlamayı uygun gördüm. Bu makalede daha önce hiç jQuery üzerinde çalışmamış geliştiricilere jQery kütüphanesini öğrenmelerine olanak sağlayacak 15 kaynağı listeleyecek ve ilgili kaynaklar hakkında bilgi vereceğim. Eğer bugüne kadar bu kütüphaneye herhangi bir nedenden ötürü korkup yaklaşmamışsanız, şimdi ona yaklaşmanın tam zamanı. Ne kadar kolay olduğuna inanamayacaksınız.