bildirgec.org

jQuery günümüzde oldukça popüler ve genişlemiş bir kütüphane. css3 ise yeni bir dil olmasına rağmen oldukça kullanışlı ve görsel olarak muhteşem. Bu ikisi birleşince ortaya çok güzel çalışmalar çıkabiliyor. Fakat css3 çalışmaları tam olarak tamamlanmadığından tarayıcıların daha alt sürümlerinde çalışmayabilir. Aşağıdaki uygulamaları web sitenize ekleyebileceğiniz gibi uygulamalar ilham kaynağınız olup kendiniz farklı çalışmalar yapabilirsiniz;

Polaroid photo viewer with CSS3 and jQuery | demo

Polaroid photo viewer, css3 ve jQuery ile yapılmış farklı bir uygulamadır. Farklı birçok resmi ekranda yayar ve mouse ile taşınmasını sağlar.

Sweet AJAX Tabs With jQuery 1.4 | demo

Sweet AJAX Tabs, css3 ve jQuery ile hazırlanmış bir tab uygulamasıdır. Bu uygulama sayesinde web sayfanızda yeni sayfa yüklemesine gerek kalmadan diğer sayfalar arası geçişi sağlayabilirisiniz. Bu sayede ziyaretçileriz daha az bağlanma sorunu yaşamış olurlar.

Çoğu sitede rastlıyorum bu aralar, genelde dünyaca ünlü sitelerde mevcut. Facebook, blip.tv gibi sitelerde var en azından. CSS şu şekilde import ediliyor: “global.css?v=4568.1.33.8593”
Bu ne işe yarıyor acaba? Direkt global.css ile arasındaki fark nedir?
Teşekkürler.

Web tasarım dünyasında menü çılgınlığı ve uygulamaya sunulan imkanlar doğrultusunda boy gösteren,css ve jQuery çatısı altında benzersiz fikirlerle oluşturulmuş, her kesime hitap edebilecek nitelikte, farklı, şeffaf işlevli 30 navigasyon menü örneği.

Pixlogix

RainSong Media

Pixel Resort

Lonn Roth

Interactive

Clear Left

Real Mac Software

Helmy Bern

yazının devamı

Tasarım hayatının ustalık gerektiren dalı bence hiç şüphesiz iconlar.Bazen bir web sayfasında bazen bir bilgisayarda öyle bir zamanda karşımıza çıkıyor ki nasıl arşivime katarım diye düşünüyoruz. İşte size kendi seçtiğim baş döndürücü yüksek kalite iconlar.

*Archigraphs Collection Icons

Hemen her fotoğrafçının, tasarımcının veyahut ilgililerinin yakından tanıdığı deviantart.com bünyesinde oluşturulan designer tagı altında yayına sürülmüş, şahsım adına en iyi 20 Tasarım Grubu

#Arabdesign

Web tasarımındaki en büyük sorunlardan biri de çapraz tarayıcı sorunlarıdır. Herhangi bir tarayıcıda tasarladığınız sayfa diğer tarayıcılarda farklı yorumlanarak tasarım hatalarına yol açabilir. Bunun önüne geçmek için birçok çapraz tarayıcı testi bulunmakta. Bu testlerde sayfalarınızı test ederek tüm tarayıcılara göre hazırlayabilirsiniz. İşte popüler tarayıcı testleri;

Adobe Browser Lab

Çapraz tarayıcı testlerinde hızlı ve kolay çözümler sunan çok kullanışlı bir adobe air uygulaması.firefox, chrome, internet explorer, safari gibi tarayıcılar ile sayfanızın çift taraflı karşılaştırmasını yapabilirsiniz. Ayrıca Dreamweaver CS4 ekletisi sayesinde browser lab’a bağlanarak çalışmalarınızı anında test etme imkanınız bulunuyor.

Browser Shots

Farklı işletim sistemlerinden (Windows, Linux, Mac OS) farklı tarayıcılar seçerek web sitenizi çapraz tarayıcı testine sokabilirsiniz. Sayfanızı 79 adet tarayıcı ile test etmenize imkan veriyor. Sayfa görüntülerini anında size sunuyor.

bu eğitim ile üstteki resimde gördüğünüz ikonların üzerinden mouse ile geçtiğinizde açıklamasının göründüğü uygulamayı yapmayı öğreneceksiniz. Demo linki.

CSS Kodları
css kodlarının arasına yönlendirmelerimi ekledim.

Aşağıda size ilham verecek 35 adet web tasarım örneği göreceksiniz. Hoşlanmamak elde değil.

Cooper Graphic Design

cooper graphic design

Daniel Marino

daniel marino

Information Highwayman

information highwayman

Sanmayın bu kadar devamı burada ve aynı zamanda kaynağı da.

yeni bir on yıl içine girerken, 2010 yılında eğlenceli ve deneysel çalışmalarla dolu web tasarım eğilimlerini tahmin edebiliriz. etkileyici tasarımlar oluşturmak için html5 ve css3‘ün yeni özelliklerinden yararlanmaya çalışıyoruz. serif yazı tipi ve dokulu arka plan popüler olacak. css3 sayesinde, köşeleri yuvarlatılmış menüler, akıllı telefonların yükselişiyle, mobil web tasarımı 2010 yılına damga vuracak gibi görünüyor.

1- serif fonts
son on yılda, çoğu web sitesi verdana veya arial font içinde tasarlanmış, ancak bu yeni on yılda değişecek. web tasarımda serif yazı tipleri daha fazla yer alacak.
daha detaylı bilgi için bu makaleyi okuyabilirsiniz.
örnekler;

İlk yazımda bu uygulamayı tanıtmamın nedeni, şimdiye kadar incelediğim bir çok kodun sağlıklı çalışmaması ve/veya bir işe yaramaması.

Ayrıca uygulamanın nasıl kullanılacağı ve ne şekilde özelleştirebileceğiniz ayrıntılı bir şekilde geliştiricisi tarafından açıklanmış. Sayfa İngilizce içeriğe sahip ancak kod ve demo uygulama gayet açıklayıcı, ben kendi uygulamamı çok kolay yaptım, tavsiye ediyorum.

Uygulamanın linki