Posts in Tasarım

HTML 5 Kopya Kağıdı (Cheat Sheet)

HTML 5 için woork tarafından hazırlanan beyaz ve siyah akaplanlı kopyakağıtları…

html5-cs

html5cheatsheet

  • Beyaz Arkaplanlı – PDF Formatında
  • Beyaz Arkaplanlı – JPG Formatında
  • Siyah Arkaplanlı – PDF Formatında
  • Siyah Arkaplanlı – JPG Formatında

kaynak

Adobe BrowserLab – Siteniz diğer tarayıcılarda nasıl gözüküyor…

Websitemizin veya blogumuzun diğer tarayıcılar da düzgün gözükmesi için çok zaman harcıyoruz. Hele ie6 tam bir zulüm. Biten tasarımı diğer tarayıcı ve işletim sistemlerinde test etmek için çeşitli siteler ve programlar mevcut.  Örneğin ie tester tüm internet explorer tarayıcılarını bir arada sunan bir yazılım. Diğer tarayıcılarıda sisteme kurup test edebilirsiniz. Ama bunun yerine Adobe BrowserLab kullanarak sitenizin tarayıcı ve işletim sistemlerinde nasıl gözüktüğünü saniyeler içinde görebilirsiniz..

browserlabYukarıda ki örnek imajda blogumun Safari 3.0 tarayıcısında ve Mac OS X işletim sisteminde nasıl gözüktüğünü görebilirsiniz. Adobe BrowserLab’ı, Adobe hesabınızı kullanarak deneyebilirsiniz. Eğer yoksa https://www.adobe.com/membership/ buradan ücretsiz yeni bir tane edinebilirsiniz..

Blog ve sitelerinizde kullandığınız imaj dosyalarını optimize edin

Tasarladığımız içeriklerde ister istemez pek çok grafik kullanıyoruz.  Bu grafikler bant genişliğimizi (bandwith) adeta sömürüyor.  O yüzden ne kadar küçük olurlarsa o kadar iyi.  Farklı tekniklerle imaj dosyalarımızı küçültebiliriz.  Grafik yazılımlarını kullanarak veya imaj kullandığımız gereksiz yerlerde CSS’nin gücünü kullanarak. Ama bu işin en kolay yolu bu hizmeti veren çevrimiçi servisleri kullanmak. İmaj optimizasyonunu yerine getiren bir sürü servis var. Ama şimdi tanıtacağım servis hızlılık, tek seferde birden fazla dosya seçebilme gibi özellikleriyle biraz daha öne çıkıyor. Servisimizin ismi punypng. Sayfaya girdikten sonra ortadaki büyük yeşil butona (upload image) tıklayın ve açılan gözat penceresinde istediğiniz kadar imaj dosyasını seçin hepsi bu kadar.  Aşağıda ki örnek ekran görüntüsünden inceleyebilirsiniz. Büyük hali için üzerine tıklayın.

pun

punypng – Hemen Deneyin…

6 Adet Kaliteli Ücretsiz Yazıtipi (Font)

Tasarımlarınızda kullanabileceğiniz birbirinden güzel on adet yazıtipini (fontunu) beğeninize sunuyorum. Fontları aşağıdaki önizlemelerinin üzerine tıklayarak  indirebilirsiniz.

File

filefont

Zag Bold ve Zag Regular

zagfont

Bleeding Cowboys

cowboy

[ad#co-2]

Clementhorpe Italic

clement

Gunplay

GUNPLAY

Rubric Cubed

rubric

Not: myfonts.com’da yer alan fontlar genelde ücretlidir. Fakat yukarıya eklemiş olduğum fontlar sahipleri tarafından ücretsiz olarak sunulmaktadır. Yapmanız gereken myfonts’a üye olup yukarıdaki fontları alışveriş sepetinize eklemek ve ücretsiz olarak indirmek. Zaten fontların yanında ücretlerinin $0 olduğunu göreceksiniz.