css | bildirgec.org

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.

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;

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.

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)

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

jQuery, bana göre ajax kütüphaneleri arasında en kullanışlı ve en kolay geliştirilebilir Ajax kütüphanesidir. İnternette gezindiğim ve takip ettiğim sitelerden, bu ajax kütüphanesi için hazırlanmış birbirinden kullanışlı ve işe yarar eklentilerinden derleme hazırladım.

1- Slide-In Contact Form

Sayfanın üstündeki iletişim butonuna tıklanarak, ziyaretçilerinize kolay ve portatif bir iletişim formu açar. Ziyaretçilerinize istediği an sizinle iletişime geçebilme imkanı sağlıyor.
WEB SİTESİ - DEMO - İNDİR

2- Load Content While Scrolling With jQuery
Hemen hemen her projede kullanışlı olabilecek otomatik içerik yükleme eklentisidir. Web sitenizin sayfası aşağı indirildikce içerikler otomatik yükleniyor.
WEB SİTESİ - DEMO - İNDİR

Web tasarım zahmetli ve zaman isteyen bir iştir. Bu yüzden web tasarımcıları için geliştirilen onlara yardımcı olacak ve zamandan tassruf etmeleri için birçok uygulama geliştirildi. Bu uygulamalar sayesinde büyük ölçüde zamandan tasarruf sağlamakla beraber daha verimli ürünler çıkabilir. Farklı 5 Web tasarım geliştirme aracı;

MiniAjax

miniajax'ta birbirinden etkileyici ajax uygulamaları bulabilir, dilerseniz bilgisayarınıza indirebilirsiniz. Sadece ajaxla kalmayıp dhtml ile ilgili de birçok uygulama bulunmakta. Büyük bir arşivleri bulunmakta.

Css ile resim çizilir mi?" diye sorsalar "çizilir ama çok uğraşmak gerekir" derdim. "Peki nasıl çizilir?" deseler ilk aklıma gelecek yöntem div'leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.

öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.

Nasıl mı?