em | bildirgec.org

Son zamanlarda web uygulamarının sayısı oldukça arttı.Web tasarımcıları bu uygulamalar ile daha az zamanda daha çok iş yapmaya başladılar.Sosyal medya platformlarının artmasıyla beraber birçok web uygulaması hayata geçti.İşte web tasarımcıları için 2009 yılının en popüler web uygulamaları;

PX to EM

pixelleri emlere hızlı ve kolay biçimde dönüştürmenizi sağlar. Hesaplamaların bilmiyor yada yapmakta zorlanıyorsanız tam size göre bir uygulama.

Type Tester

Sitenize hangi fontları seçeceğinize karar veremiyorsanız tam size göre bir uygulama. Farklı fontları farklı biçim ve boyutlarda karşılaştıran kullanışlı bir araç.

Bir site tasarlamak sanıldığı kadar kolay bir iş değildir. Tasarımın güzelliği ayrıntılarda gizlidir ve o ayrıntılar web tasarımında o kadar fazladır ki bazen gözümüzden kaçan hatalar başkasının gözüne çok batabilir. Bu makalede sıkça yapılan hatalara dikkat çekilmiş ve tasarımda bize kolaylık sağlayacak öğelere değinilmiştir.

Tipografi
Web sayfalarında en çok göze hitap eden öğeler yazı karakterleridir. Uygun font’ların kullanılması tasarımlarımızı daha da çekici kılar. Fontların değişik işletim sistemlerindeki görünüşüne buradan bakabilirsiniz. Buradaki listede kullanıcı memnuniyetini en üst düzeye çıkarmak için “yazı tipi ailelerini” (font family) nasıl ayarlamanız gerektiğini bulabilirsiniz.

İkiden fazla Font Kullanmayın!
Tasarımlarda çok fazla sayıda font kullanmak sakıncalı olmaktadır. Eğer farklı font kullanmak istiyorsanız, başlıklar için ayrı düz yazılarınız için ayrı olmak üzere toplam 2 font belirleyin ve kullanın. Örneğin Başlıklar için “IMPACT” yazılar için “ARIAL” kullandıysanız, diğer sayfalarda da bu seçimleri kullanın. Ayrıca her font değişik alt, üst değerler ve satır yüksekliği kullanmaktadır. Bu değerleri karşılaştırmak için TypeTester programını kullanabilirsiniz.

Pixelleri EMlere dönüştürmek istediğinizde her seferinde hesap makinesini çıkarmanız artık canınızı mı sıkmaya başladı? Bazen pixel kullanmak kolayımıza geliyor, çünkü o zaman herhangi bir değer hesaplamamız gerekmiyor. Ne şans ki pxtoem.com web sitesi bu işi gülünç denebilecek kadar kolay bir hale getiriyor, ve daha da önemlisi bu işlemi kolaylaştırıyor. Tek bilmeniz gereken sitenizin kullandığı temel yazı tipi boyutu.

css ile kodlama yaparken yazı tipine bir türlü karar veremediğiniz olmuştur mutlaka. farklı farklı yazı tipleri denemiş yada nasıl göründüklerini hatırlamaya çalışmışızdır. işte size bu konuda zaman kazandıracak güzel bir web sitesi.
yazı tipleri ile oluşturulmuş örnekler özelliklerine (yazı tipi, büyüklük vb.) göre kodlandırılmış. beğendiğiniz yazı örneğinin sağ üst köşesinde bulunan "get css" butonuna basmanız yeterli ayrıca fontların mac ve windows görünümlerinede bakabiliyorsunuz.

kaynak

Css ile tasarım yaparken, kullanacağınız uzunluk birimlerinin değerlerinin birbiri arasında dönüşümünü veren site oldukça faydalı bir kaynak.

css dosyalarımızı hazırlarken daha dinamik bir yapıya kavuşmak için em değeri kullanırız. işte bu em değerlerini hesaplamak için pixel'den em'ye dönüştürücü.