Geçen hafta yayınlanan Friefox 3.5’e ait özellikler sıralanırken en dikkat çekici özelliklerden biri de HTML 5’i desteklemesiydi.

HTML 5’i bu kadar önemli kılan ise W3C’nin XHTML ile ilgili çalışmasını 2009 sonunda sonlandırması ve HTML 5’e yönelik olan kaynaklarını arttırması.

HTML 5 kullanılmaya hazır olmakla beraber şimdilik Opera, Safari ve Firefox’un güncel sürümleri desteklemekte.

header, footer, nav, video, audio gibi yeni tag’lerin de bulunduğu HTML 5 için hazırlanmış Cheat Sheet’e (PDF) buradan erişebilirsiniz.

Tooltip’ler, web sayfalarında ziyaretçilerinize ekstra bilgiler, ipuçları, formları doldurmak için yardımcı bilgiler ve yönergeler vermek için kullanabileceğiniz oldukça etkili araçlardır.
İmleç sayfa üzerinde ekstra bilgi vermek istediğiniz alanın üzerine geldiğinde açılan tooltip’ler imleç alan üzerinden çekildiğinde kendiliğinden kaybolurlar.

Eğer Tooltip’leri yerinde kullanmayı başarabilirseniz; web sitenizin kullanımını daha da kolaylaştırır ve metinlerle dolu bir sayfa yerine, daha sade bir sayfa düzeni sağlayabilirsiniz.

15 adet Kullanıcı Dostu JQuery Tooltip Eklentisi:
1-qTip

2-jQuery Tools/Tooltips

30+ ve üzeri kaliteli ücretsiz hazır web temalarını bulabileceğiniz bir site. Temalar CSS + XHTML uyumlu olarak kodlanmış şekilde ücretsiz olarak downloada sunuluyor.
Buradan Ulaşabilirsiniz.

Birçok kişi o ya da bu şekilde; dersleri kullanarak, hazır dosyaları indirerek vb. yollarla photoshop’da web sitesi oluşturabiliyor. Ancak pek azımız bunu iyi bir şekilde harmanlanmış bir web sitesine dönüştürebiliyor. Bu yazıda Psd’yi HTML’e dönüştürmeyi öğrenebileceğiniz 21 adet ders bulacaksınız. Dilerseniz daha önce yayınlanmış şu bildiriye ya da buna da bakabilirsiniz.

Psd çevirme

adım adım psd’den html

Aşağıda bulunan web şablonlarını bilgisayarınıza indirerek, düzenleyebilir ve ücretsiz olarak kullanabilirsiniz. İndirmiş olduğunuz şablonun kullanım şartlarını okumanızı tavsiye ediyoruz.

1 – UrbanArtist

önizleme | indir

2 – Simple Business Template

önizleme | indir

Özgünlüğün değerini her alanda savunan bir insanım. Gerek yazdığımız yazılarda, gerek yaptığımız işlerde biz blogcular her zaman özgün olmak zorundayız. Özgünlüğün önemini açıklayan kısa bir örnek vereyim. Show Tv’deki “Yemekteyiz” programını birçok kişi biliyor ve izliyor. Bunu gören Star Tv, “Yemekteyiz” programına benzeyen “Yemeğe Bizdeyiz” adlı bir programa başladı. Ancak bir süre sonra programı yayından kaldırmak zorunda kaldı.

Çünkü taklitler asıllarını yaşatır.

Bu felsefeden yola çıkarak aynısını bloglar için de düşünebiliriz. Birçok blogcu, takip ettiği güzel sitelerin tasarımlarına sahip olmak ister, kendi bloglarını takip ettiği sitelere benzetmeye çalışır. Bu mantık, blogun devamlılığı için oldukça yanlıştır.

Saygın bir bloga sahip olmak için birinci kural kaliteli yazılar oluşturmak, ikinci kural özgün bir tasarıma sahip olmaktır. Özgün tasarıma sahip olmak için üç seçeneğiniz var.

özellikle flash ile hazılanmış web sitelerinde imleç ile herhangi bir objenin üzerine geldiğimizde hoş efektler oluşur.flash kullanmadan hazırlanmış ve xhtml, css ve jquery ile hazırlanmış hoş bir Hover Effect’inin demosuna buradan ve eğitimine de buradan erişebilirsiniz.

daha önce photoshop site tasarım dersleri ve photoshop site şablonları yazılarında site tasarımında photoshop‘tan nasıl istifade edebileceğimize dair kaynaklar vermiştik. o yazılardan ediğindiğiniz şablonları ya da sizin photoshop kullanarak oluşturduğunuz tasarımları html’e nasıl uyarlayacağınıza dair anlatımlar da şurada listelenmiş.

• psd’den html’e adım adım site tasarımı
  
• çizimden bir portfolyo tasarımı
  

Photoshop Lady

Genellikle herkes iyi bir webmaster olmak ister ama olması için çok çalışması gerekir çünkü webmaster olmak için sadece bir program bilmek yetmez birçok programı profesyonelce kullanmalısınız. Ama bunun hepsini yapmak çok zordur. Burda benim sizinle paylaşacağım sitelerde adım adım anlatımlar, hazır şablonlar ve takıldığınız herhangi bir yerde sizin işinize yarayabilir.
Bu sitede photoshop ağırlıklı bir site. Ama bunun diğer farkı sadece web siteleri için değil profesyonel photoshop eğitmleri de veren bir site.
1. Psd tuts

psd tuts

Bu site adından anlaşıldığı gibi photoshopla ilgili bir site. Burda hazır photoshop şablonları (.psd), öğretici videolar, adım adım anlatımlar, icon tasarımı ve bunun gibi bir çok şeyde size yardımcı olabilir.

Bu yazı ile birbirinden faydalı web tasarım eğitimlerini detaylı bir şekilde öğrenebileceksiniz.

Web tasarımına yeni başlayan ve ileri düzey kişiler bu eğitimlerden yararlanabilir.

Yeni Başlayanlar İçin

1 – HTML CODE Tutorial

Bu site detaylı örnekler ile temel html ve css eğitimleri sunar.