bildirgec.org

css3 ile birlikte blogcuları ve web tasarımcılarını bir çok yenilik bekliyor. Bunlardan en önemlisi de navigasyon menüler. işte bunu kanıtlayan çalışmalar.

–css3 ile jquery tarzı dikey menü

Minimalist (Minimalizm), nesnenin nesne olduğuna dikkat çekme ve bunu sembolik veya herhangi bir şekilde ifade etmedir. Kısacası geniş ve karmaşık yapıdaki tasarımları daha dar ve sade şekle sokmadır. Eğer çok renkli veya birçok eklenti içeren web sitelerinden sıkıldıysanız sadeliğe gidebilirsiniz. Aşağıdaki ücretsiz Wordpress temalarını, kullanabilir veya benzer Minimalist tasarım örnekleri verebilirsiniz. İşte Minimalist Wordpress Temaları;

Simplicity | Demo

Clean Home | Demo

Birçok tasarımcı tasarıma taslaklar ve eskizler hazırlayarak başlar. Bu taslaklar kodlardan ziyade Photoshop gibi tasarım programları ile yapılır.Web sitenizi photoshop yardımı ile tam olarak tasarladıktan sonra html şeklinde yapılandırabilirsiniz. Aşağıdaki web tasarım dersleri ile tasarım aşamalarını hızlandırabilir ve ilham kaynağınızı çoğaltabilirsiniz.İşte Photoshop ile Kaliteli Web Tasarım Dersleri;

Awesome Portfolio Design
(Dehşet Verici Portföy Tasarımı)

RocknRolla Blog Design
(RocknRolla Blog Tasarımı)

İnternetin gelişmesiyle beraber internetteki tasarım örnekleri ve internetin yayılım alanı da oldukça genişledi. Artık internet üzerinden farklı web sitelerine sadece bilgisayarlar üzerinden değil cep telefonlarıyla da ulaşabiliyoruz. Mobil web tasarımlarını bilmeyen web tasarımcıları aşağıdaki örnekleri inceleyerek ilham kaynaklarını arttırabilir ve tekniklerini geliştirebilirler. İşte en iyi mobil Web Tasarım Örnekleri ;

Michael Dick

Twitter

Target

Karikatür tarzı karakteri birçok araç ile tasarlayabilirsiniz. Fakat tasarım alanında akla en çok gelen iki araç Adobe Photoshop ve Adobe Illustrator‘dır. Aşağıdaki çalışmaları bu iki program ile yaratabilir tekniğinizi geliştirebilir ve daha farklı tasarımlarda bulunabilirsiniz. İşte Karton karakterler yaratma dersleri;

Drawing Vector-Looking Cat Illustration Using Photoshop
(Photoshop ile çizilen kediyi illüstrasyon şeklinde tasarlamak)

Create your own monster
(Kendi Canavarınızı Yaratın)

Create your own Leprechaun for St. Patrick’s Day
(St. Patrick’s günü için Leprechaun yaratın)

Create a Character Mascot with Adobe Illustrator CS4
(Adobe Illustrator CS4 ile kendi karakterinizi oluşturun)

Her tasarımcının işine yarayabilecek ücretsiz kaynakların olduğu web tasarım kaynakları serisine 3.sü ile devam ediyorum.

Öncekilerde olduğu gibi bu seride de ücretsiz yeni yazı tipleri, photoshop fırçaları, dokular, ikon setleri, photoshop actionları gibi web tasarımcıların elinin altında ya da arşivlerinde mutlaka olması gereken kaynaklar bulunmakta.

Best Websites Developed Using Ruby on Rails

Son birkaç yıl içinde uzun bir yol kat eden Ruby on Rails ile geliştirilmiş, birçoğu popüler olan aşağıdaki siteler ile ruby uygulamalarının çeşitliliğini görebilirsiniz.

1. Basecamp
tarayıcı tabanlı proje takibi ve yönetimi aracı.

2. Twitter
sosyal ağ sitesi.

3. Scribd
Dünyanın en büyük sosyal yayıncılık şirketi.

content sliders, (kayan menü, sürgülü menü) her türlü bilgiyi görüntülemek için geliştirilmiş son derece kullanışlı bir web uygulamasıdır. metinleri, fotoğrafları, reklamları otomatik slayt özelliği yanında butonlarla manuel olarak göstermeniz mümkün. ziyaretçilerin anında dikkatini çekmek, ziyaretçilerinizin bilgiye hızlı ulaşımını kolay ve şık bir şekilde content sliders ile sunabilirsiniz. content sliders kullanımında sınırlar aşılmış gibi görülüyor, e-ticaret sitelerinde ürün tanıtımında, bloglarda popüler konuların sunulmasında, kimi zamanda web siteleri reklam gösterim aracı olarak content sliders kullanmakta. peki nasıl bir content sliders tasarımı derseniz, aşağıda sizlere ilham vereceğini düşündüğüm content sliders tasarımları bulunmakta.

violet

kodu

teoskaffa

Gelişen web tasarım sektöründe özellikle web 2.0’la birlikte arayüz tasarımı önem kazandı. Hal böyle olunca sektörde “arayüz tasarımcılığı” adı ile bir meslek oluştu. Bu konuda gerçekten işinin hakkını veren çok iyi web tasarımcılar var. Siz de kendinizi web arayüzü konusunda geliştirmek istiyor musunuz?

Web & grafik tasarımcılar için hem web tasarım hem de Photoshop tekniklerini geliştirecek, henüz bu işin başlangıç seviyesinde olanlar için bile anlaşılması için adım adım anlatılan web arayüz tasarımları. Profesyonel tasarımcıların da kesinlikle bakmasını tavsiye ettiğim, 55 adetten fazla faydalı bir arayüz tasarım kaynağı. Alışveriş sitesinden wordpress temasına, portfolyo sitesinden kurumsal sitelere kadar her tarzdan web arayüzü tasarım derslerine başlıyoruz…

Web Hosting Arayüzü

İtalyan Restoranı Web Arayüzü

jQuery ile yapılan form uygulamaları ile formlarınızı daha anlaşılır ve daha güvenli biçime getirebileceğiniz gibi oluşabilecek hataları da önleyebilirsiniz. Bu uygulamalar ile ziyaretçileriniz formları doldururken zorlanmazlar. İşte jQuery ile yapılan form uygulamaları;

Otomatik Tamamlayıcılar
Otamatik tamamlayıcı jQuery form elemanları, aradığınız bölüm ile ilgili veri tabanını eş zamanlı olarak tarar ve yazdığınız harf veya kelimeye göre siz henüz arama butonuna basmadan aramaya başlayarak alltaki küçük bir blokta size benzer sonuçları gösterir.

Autocomplete | demo

Autocomplete ile eş zamanlı olarak arama yapabileceğiniz gibi aramalarda filtreleme işlemini de uygulayabilirsiniz.