bildirgec.org

Web sayfaları geliştiren tüm heskesin bildiği gibi, projelerimizde inline (yani sayfa içinde) çeşitli scriptler yazabileceğimiz gibi, scriptleri (yani çalışan program parçacıklarını) bir başka dosya (veya dosyalar) içinde tutup ön sayfalara referans kodlarıyla dahil ederek, html kodlarımızda sadeliği (ve iş bölümünde kolaylığı) arttırmış oluyoruz.

Aşağıda yapacağımız çalışma için bize jQuery isimli javascript kütüphanesi gerekmektedir. Çünkü bu kütüphane AJAX işlemlerini kolay bir şekilde halledebiliyor. Gelin şimdi bu kütüphaneyi standart yollardan sayfamıza dahil edilecek örneği verelim. Böylece hem istemci taraflı tasarıma yeni başlamış arkadaşlarımıza include (dahil etme) için örnek oluşturalım hem de normal yollardan bir scriptin ne şekilde sayfaya dahil edildiğine yeniden bakmış olalım. Bu şekilde aşağılarda anlatacağımız gibi standardın dışına çıkarak web sayfalarımıza başka yollardan script dosyalarını dinamik bir şekilde yüklediğimizde meydana getirdiğimiz farklılığı gözler önüne sermiş olacağız.

web tasarımı i̇çin ücretsiz simgeler ve psd kaynakları bulabileceğiniz 45 site

bu listede yüksek kalitede pek çok psd dosyası ve ücretsiz simge bulacaksınız. bunun yanısıra daha kolay simge oluşturmak için photoshop katman stilleri ve ücretsiz içeriğe odaklanmış sitelere de yine bu yazımda yer vermeye çalıştım. kimileri, simgeleri kendinizin oluşturmasının daha iyi olduğunu söyleyebilirler ancak bana göre, halihazırda ücretsiz olarak sunulan bir şeyi yeniden oluşturmanın; tabir-i caizse tekerleği yeniden icat etmenin alemi yok. ayrıca bu yazıda yer alan psd dosyaları da ilgili simgelerin nasıl oluşturulduğunu anlamanız için size bir ipucu olabilirler.

yazının devamına geçmeden önce bu simgeleri ya da diğer içeriği kullanmadan önce her bir kaynağın lisans koşullarına bir göz atmanızda yarar olduğunu hatırlatayım.

1. famfamfam

aslında bana kalırsa bu site, listedeki en iyi kaynak. bu yüzden ben de bu siteye listenin ilk sırasını verdim. site üzerinde sayısız simgeye ulaşmanız mümkün. üstelik simgeleri kendi web sitenizde de kullanabilirsiniz. i̇yi kalite, küçük dosya boyutu… daha ne ister insan?

2. 2 düğme psd’si ~ easydisplayname

Bur bir baslik aldatmacasi falan degil, gercekten hic bir ise yaramayan bir button ve site de de uzun uzun olayi anlatmislar.

Son update tarihi 08.09.1999 olarak belirttikleri sitenin slogani ise ; “THE REALLY BIG BUTTON THAT DOESN’T DO ANYTHING”

Bu garip siteyi bir ziyaret edeyim derseniz buyrunburaya tiklamniz yerli ama sonra bana kizmayin gercekten ise yaramayan bir buttondan baska birsey yok 🙂

Iconfinder adı üstünde icon aramaya son veren bir arama motoru, özel tasarımları hazırlarken saatlerce uygun iconu google deivart ve diğer sitelerden aramaya son veren bu servis ile artık aradığınız kelimeyi yazmanı yeterli .

Mac OS X ve Windows için özel Widget ler hazır sunulmuş durumda.

Internet Explorer ve Firefox da hiçbir sorun çıkarmada aradığınızı kolayca bulabilirsiniz.

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.

Şu yazımda sexy alertbox’tan ve sexy lightbox’tan bahsetmiştim.

Sexy Butonlar

Şu sitede de CSS ile sexy butonların nasıl yapılacağı anlatılmış. HTML butonlarını istediğiniz gibi özelleştirebiliyorsunuz ve basılmadan önce ve basılma anında butonun alacağı görünümü düzenleyebiliyorsunuz.

Girton Labs, bilgisayarların arayüzlerindeki sanal kontrol düğmelerinden hoşlanmayanlar için, hi-fi müzik sistemlerinden alışık olduğumuz potansiyometrik düğmelerin benzerlerini dizüstü bilgisayarların ekranına uyarlamış. Düğmeler ekrandaki herhangi bir programın arayüzünde ihtiyaç duyulan kontrol biriminin, ekrandaki görüntüsü üzerine konuluyor. Bundan sonra o birimi, ekranın üzerinden doğrudan elle kullanabiliyoruz. Düğme, zarar vermeyecek bir şekilde ekrana tutunuyor. Çeşitli yazılımların, bu düğmelere uygun arayüzlerle üretilebileceğini düşündüğümüzde, bu icat hoş deneyimler yaşatabilir. Henüz prototipi yapılan deneysel bir çalışma ama uçak/uçuş simülasyonu oyunları, müzik programları, medikal programlar gibi olası çeşitli uygulama alanları mevcut.

mycoolbutton ile online olarak web 2.0 buttonları yapabilirsiniz. Son derece şık buttonları bir çok renk seçeneği, font boyutu ve buton butoyunu ayarlayabiliyorsunuz. Ayrıca buttonlara icon ekeyebilir ve görünümü şık düzeye çıkarabilirsiniz.

Button

Windows Vista nızı az da olsa Mac görünümüne getirmek isterseniz Leftsider programı, pencerelerin sağ tarafında bulunan kapatma, minimize, ve büyütme ikonlarını, sol üst köşeye taşıyarak size yardımcı oluyor. Bu program görev çubuğunuzda yeralıp, hiçbir sistem dosyası veya kayıtı değiştirmeden, ikonların sol hizalamalarını açıp, kapatmanıza olanak sağlıyor. Her iki işletim sistemini de kullanan kullanıcılar için ideal ve ücretsiz bir yazılım olan Leftsider programını burada bulabilirsiniz.

badget generator

button generator

techmagazine.ws sitesi button, logo, web2.0 logo, badget, ajax load gibi kategorilerde popüler online generatorları listelemiş. mycoolbutton.com simwebsol.com web20badges.combunlardan birkaçı… Tüm listeye bakmak için burayı ziyaret etmelisiniz.