bildirgec.org

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0’dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating| Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

İyi günler Arkadaşlar.. Bildirgec.org’ye ilk yazımı yazmanın mutluluğunu yaşıyorum.Herkese Yararlı olması dileğiyle..

Web Dünyasındaki 5-6 senelik süreçteki deneyimlerimden yeni başlayan arkadaşlara yararlı olacağını düşündüğüm şeyleri paylaşmak istedim.

Tasarım Boyutları;

Bu kısım en başta değinilmesi gereken önemli bir konu diye düşünüyorum. Neden diyecek olursanız bir web sitesine girdiğiniz zaman ilk başta gözünüze çarpan yerleşim ve etkileşimdir. Tasarım boyutu ibaresini biraz açalım. Web Siteleri yapılırken her monitör ve ekran çözünürlüğüne uygun tasarım yapmak gerekir. Tasarımın her kişide düzgün görünmesini ise ekran çözünürlüğü olarak 1024×768 ‘i baz alarak yaparız. Genelde Pasif ev kullanıcıları 1024×768 kullanır ve bu çözünürlükte düzgün şekilde çalışan tasarımlar diğer çözünürlüklerde sorun yaşatmayacaktır. O yüzden tasarım yaparken tasarımınızın genişliği 950px’i geçmezse sorun yaşamazsınız. Bu derken 950px genişliğinde bir dosya açın ve çalışın demek istemedim. istediğiniz genişlikte ( örn:1200×800 ) dosya açıp klavuz çizgiler yardımıyla işinizi görebilirsiniz. Tasarımlarda içerik ve navigasyonu sağlayan menülerin boyutlarıda önemlidir. içerik kısmı tasarımın 3/2 sini kaplarken navigasyonu sağlayan menüler 3/1ini kaplayacak şekilde ayarlandığında erişim daha kolay sağlanacaktır.

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3’ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3’e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3’e giriş – bölüm 1 : nedir?)

Get Started with CSS
(CSS 3’e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

illustrator dersleri photoshop dersi kadar fazla olmasa da birçok kaynakta bulunabilir. Bu dersler ile illustrator bilginizi pekiştirebilir veya sıfırdan öğrenmeye başlayabilirsiniz. Seri yazıları takip ederek illustrator hakkında bilmediklerinizin sayısı azalabilir. Eğer daha profesyonelseniz yapılan çalışmaları inceleyerek kendinizi geliştirebilirsiniz. işte size sıfırdan illustrator öğretebilecek dersler;

Learn Illustrator CS3 in 30 Days
(30 günde Illustrator CS3’ü öğrenin)

Illustrator Beginner’s Series
(Acemiler için Illustrator Serisi)

Adobe Illustrator Guides and Tutorials
(Adobe Illustrator Rehberi ve Dersleri)

James Cameron‘ın büyük bir bütçe ile hazırladığı tüm dünya’da etki yaratan film avatar çıktıktan sonra tasarımcılar da gündeme ayak uydurdular. Filmde yer alan na’vi ırkından insanları photoshop ile yaptılar. Birçok başarılı photoshop dersi ile birşeyler öğrenebileceğiniz gibi sizde kendinizi veya herhangi birini na’vi ırkından biri gibi yapabilirsiniz. Ayrıca farklı uygulamalar ile uğraşmadan anında kendizi anında na’vi yapmanız mümkün.

Dersler

How to create avatar poster in photoshop
(Photoshop ile Nasıl Avatar posteri yapılır?)

Avatar Tutorial
(Avatar Eğitimi)

Bir web sayfasında içeriğinin tümünü göstermek fazla olanaklı değil.Gösterdiğiniz taktirde sayfa çok geç yüklenir veya hatalar oluşabilir.Falat web 2.0 ile gelen birçok özellik bu soruna çözüm buluyot.jQuery ile hazırlanan aşağıdaki uygulamalar ile sitenize en uygun içerik görüntüleme uygulamasını kullanabilirsiniz.Bu uygulamalar sayesinde kullanıcı sadece istediği içeriği açarak gereksiz sayfa yüklenme hızından kurtulacak.işte jQuery ile hazırlanan gelişmiş içerik görüntüleme uygulamarı ;

Accordion

Twitter

Sanırım Twitter‘dan bahsetmeye gerek yok birçoğunuzun fazlasıyla tanıdığı hatta bildirgec üyelerinin büyük bir kısmının twitter kullandığını tahmin etmemek güç değil. Şimdi size twitter’da jQuery haberleri, makaleleri ve kaynakları sunan bazı sitelerden bahsedeceğim.

• usejquery.com
  

  Özellikle jQuery dersleri bulabileceğiniz ayrıca jquery pluginlerini nasıl kullanıldığı hakkında bilgi veren bir kaybak sitesi.

  

  https://twitter.com/usejquery

• jquerylabs.com
  

  jQuery eklentileri, Menüleri, araçları, dersleri vs bulabileceğiniz bir kaynak sitesi.

  

  https://twitter.com/jQuerylabs

css

Cssaddons adlı sitede farklı bir anlayış ile CSS ile ilgili detaylı örnek açıklamaları ve download edebilme imkanı sunulmaktadır. Sitenin en güzel yanı ise CSS ile ilgili yerli ve yabancı sitelerde seçme örneklere yazar ismi ve site ismi verilmek suretiyle hem kişi haklarına önem verilmekte hemde ciddi bir kaynak oluşturmaktadır.

Photoshop çok amaçlı olmakla beraber aynı zamanda kişiselleştirilebilir bir program.Bu eklentiler sayesinde birçok işlemi çok kısa sürede yapmanız mümkün.İşte photoshop’un popüler eklentileri ;

Deep Paint

Deep Paint, farklı boyama araçları bulunan muhteşem bir eklenti.Birçok fırça bulunmakta ve fırçaların yanında efektler de bulunuyor.

MuRa’s Filer Meister

Bu eklenti ile resimleri derinliğine katlayabilir.Ayrıca nesneleri metal bir silindir içinden yansıtabilirsiniz.

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve “nasıl bir şey olmalı?” sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 – Next Big Sound

2 – ChiGarden

3 – Best Tools for school