font | bildirgec.org

bildirgeç'de sık sık görürüz en iyi 25 font, arşivlik el yazısı fontları gibi yazıları. fontların hemen hepsi güzeldir fakat sadece bilgisayarınızda kullanabilirsiniz. eğer bu fontları web sitenizde veya günlüğünüzde kullanmak isterseniz bunun öyle pek de kolay olmayacağını bilirsiniz. ya flash tabanlı sifr (scalable inman flash replacement) kullanacaksınız, ya da javascript tabanlı typekit kullanacaksınız. sifr kullanırken flash kullanmak zorundasınız ve flash bilmeniz gereklidir, typekit kullanmak da ücretlidir ve üstelik türkçe karakter destekli font bulamazsınız. yeni yeni kullanılmaya başlayan css3'ün ise maalesef internet explorer tarafından deskteklenmemek gibi kronik problemleri vardır. bu kadar kötü haberden sonra işte iyi haber geliyor; birazdan tanıtacağım sistem hem bütün tarayıcılar ile uyumlu, hem de türkçe karakter destekli bir çok font içeriyor. Kullanımı ise sadece bir satır javascript kodundan ibaret ve elbetteki ücretsiz.

fonts.com

typekit benzeri javascript tabanlı bir font servisi fonts.com. javascript tabanlı bir servis olarak typkit'ten farklı olarak biraz daha yetenekli, bol font alternatifli, 40 dil desteğine sahip ve de bireysel kullanıcılar için ücretsiz bir servis. üstelik türkçe font desteğine de sahip.

Apple, iOS 4.3 betasını geliştiriciler için yayınladı.

Bu sürüm ile Apple artık iPhone 3G and iPod Touch 2G için firmware güncellemeleri yayınlanmayacak.

Gelelim iOS 4.3 ile gelen yeni özelliklere...

Personal Hotspot

iOS 4.3 uzun süredir dedikoduları duyulan Personal Hotspot uygulamasını getiriyor. Bu uygulama telefonunuzu bir kablosuz router gibi kullanıp bağlantınızı diğer makinelerle paylaşmanıza yarıyor.

Bu dersimizde yazılarımıza bisküvi efekti vermeyi öğreneceğiz. Photoshop’u az çok bilenler için ortalama 30 dakika sürecek bir çalışma.
1. Adım
Programımızı başlatalım ve 2560x1440 рixel boyutlarında bir çalışma sayfası açalım. Daha sonra Layers/Katmanlar alanındaki “Background” katmanına çipt tıklayalım ve açılan pencereye tamam diyelim. Yani katmanımızı üzerinde uygulamalar yapabileceğimiz hale getiriyoruz. Şimdi üst menüden Layer>Layer Style>Gradient Overlay (Katman>Katman Stili>Degrade Kaplama) yolunu takip edelim ve açılan pencerede
Gradient renklerini- #fdebc2 ve #f7efe ,
Gradient stilini – Radial olarak ayarlayalım.

yazılara verilen hoş görünümlerin çekiciliğini anlatmaya gerek yok sanırım. örneğin hoş ve sade bir logonun bazen ziyaretçide bıraktığı intiba onun siteye bakışını değiştirebilir. benim de bu konuda araştırmalarımda yararlandığım, eğitimlerden seçtiğim birkaçının burada paylaşılmasının iyi olacağını düşündüm. Şurada gördüğüm bir photoshop eğitimini ve kullanılan tekniklerin çok kullanışlı ve yararlı olduğunu düşündüm. aynı teknikleri kullanarak siz istediğiniz her objeye gayet hoş bir gerçeklik kazandırabilirsiniz. İçinde öğrenebileceğimiz birçok şey var. İsterseniz linki takip ederek eğitimi orijinalinden de takip edebilirsiniz ama ben de bu yazıyı yazarken adım adım uygulayacağımdan orijinalinde yaşayabileceğiniz eksiklikler ya da atlamalar yaşanmayacaktır. Öyleyse yazımıza başlayalım:

Başlarken
En başta ışık ve gölgeyle alakalı aşağıdaki basit resmi incelemekte fayda var. Işığın vuruş yönü, gölge ve gölgenin düşüşü hakkındaki mantığımızı netleştirmek için bir göz atıp eğitime başlayalım.

wordpress hiç şüphesiz diğer içerik yönetim sistemlerine göre her zaman ki gibi lider durumda.ücretsiz temalar ve eklentiler yönünden fazlasıyla zengin.ücretsiz temalar her geçen gün daha kaliteli işlerle karşımıza çıkıyor.
aşağıda son beş ay içinde piyasaya sürülen ücretsiz ve yüksek kaliteli temalar var.

imbalance önizleme
imbalance, minimalist ve grid tabanlı tema.jquery kullanılmış ve blog, dergi veya portföy sitesi için çok uygundur.

blogum önizleme
blogum, grid tabanlı düzeniyle oldukça sade,minimalist bir tema.jquery görüntü önyükleyicisi,dahili sosyal imleme desteği ve sade tipografi içermektedir.

Blogdesingblog.com blog tasarlerken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatıyor. Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.

Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici (primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)

HEADER - başlık

Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar. Blog başlığı tasarımını populer kılmak için Vinh Le'nin kaleme aldığı şu makaleye göz gezdirmekte fayda var.

not: 2008 yılında yayınlamış bir makale olmasından dolayı verilen örneklerden bazılarında tasarımlar değişmiş. Ancak bu makalenin orjinalinin yayınlandığı siteye giderek orada kaydedilmiş olan örnekleri inceleyebilirsiniz.

Birkaç mükemmel header örneği

1.Octwelve

octwelve header da bir çizgi karakterin kullanıldığı iyi bir örnek.

özellikle tasarımcılar için fontlar olmazsa olmazdır. her tasarımcının ciddi ve çaplı bir font arşivi olması gerekir.
fakat bu defada binlerce hatta on binlerce font arasından istediğimiz fontu bulmada tasarım programları fazlaca yardımcı olmayabilir. her program bunun için bir kolaylık geliştirmiyor..
şimdi size fontlarınızı profesyonel biçimde görüntüleyecek, düzene sokacak, hatta olmasa da olurdu diyeceğiniz yüzlerce işlemi yaptıracak birkaç program tanıtıcam.
başlamadan önce belirtmeliyim; yazıda ücretli ve ücretsiz programları inceledim..

Öncelikle en profesyonel gördüğüm ücretli bir yazılım olan fontexpert ile başlayalım.

programda birçok özellik var. ben direk bu resimde bir font üzerinde sadece sağ tıklayarak yapabileceğiniz işlemleri gösterdim. bu programı anlatmakla bitmez. bu yüzden neler yapabildiğini sıralayıp geçelim:

• program windows fontlarını veya seçtiğimiz klasör içerisindeki fontları detaylıca inceletiyor -resim-
• başka klasördekileri fontları yükletebilir veya yüklü fontları siler veya deaktif (kullanılmaz) edebilir.-resim-
• fontların boyutunu belirterek görebiliriz veya zoom (yakınlaştırma) yaparak inceleyebiliriz.

fontlar (yazı tipi), özellikle web tasarımı başta olmak üzere birçok tasarımın dikkat edilmesi gereken önemli öğelerinden birisidir.
internette ücretsiz olarak ulaşabileceğiniz binlerce font mevcut. durum böyle olunca sanırım en zoru da o binlerce font arasından tasarımınız için en uygun olan fontu seçmek oluyor.

bu bildiride, internette dolanan binlerce font arasından sıyrılan yepyeni ücretsiz 50 adet fonta yer vereceğiz. ve umuyorum ki buradaki fontlar çeşitli çalışmalarınızda en uygun fontu seçmenizde size yardımcı olacaktır.

AGE [download]

Bext [download]