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ş.
arkadaşlar başlıktan da biraz anlaşılacağı gibi,
web sayfasında photoshop'daki blending options gibi bir özellik kullanabiliyomuyuz onu öğrenmek istiyorum, belki jquery belki mootools belki php herangi birisinde olabilir diye düşündüm. örnek vericek olursak, zemin rengi kırmızı olan bir sayfa ve bu sayfada bg.image 'i siyah beyaz bir resim olan bir
div elementimiz var diyelim, phtoshopta üssteki layerın blending modunu mutiply yaptığımızda nasıl beyazlar kırmızı oluyorsa webdede aynısını becerebilen herhangi bir "iey" warmı merak ettim. çok alakasız bir soru ama ğer bulursam çok işime yarıyacak. teşekkülrer şimdiden
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ş.
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.
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.
şı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.
bu bildiri için 10 adet jquery ve mootools tab örneği topladım umarım beğenirsiniz.
bildirgec.org içeriği kullanıcıları tarafından üretilen kolektif bir blogdur.
