bildirgec.org

Sizin de bildiğiniz üzere optimizasyon; Google, Yahoo! ve Live gibi popüler web siteleri için bile çok önemlidir. Bu makalede sadece basit araçlar kullanılarak bu çok ziyaret edilen web sitelerinin yanıt sürelerini nasıl daha çok kısaltabileceğimize ve daha az veri trafiğine yol açabileceklerini analiz etmeye çalışacağız. Bu basit adımlar herkes tarafından satın alınabilecek ücretli ve ücretsiz bazı araçlar kullanılarak yapılabilir. Bu testimizde inceleyeceğimiz web siteleri: Google, Yahoo!, MSN, Live, Wikipedia, Amazon, Facebook ve MySpace.

Testimizi Smushit uygulamasını kullanarak test edeceğiz ve bu sitelerin ana sayfalarından neler kazanabileceğimize bakacağız. Bu araç sitenizde kullandığınız ve dosya boyutu açısından optimize edilebilecek ancak kalitesinden ödün vermeyecek görselleri bulabilmenizi sağlıyor. Bunun yanısıra Yahoo!’nun performans ekibinin yaptığı bir analize göre Yahoo!’da ziyaret edilen sayfaların %20’si boş cache kullanılarak yapılıyor. Sayfa gösterim sayısından daha az olan ziyaret sayıları haricinde biz bu testimizde %5 kullanacağız ve ardından görsellerini optimize ederek ne kadar veri kazanabileceğimize bakacağız.

Daha önce hiç Photoshop üzerinde bir web sitesi tasarlayıp ardından iş görselleri kesme aşamasına geldiğinde kaydedilen görseldeki renklerin Photoshop üzerinde görünen renklerden farklı olduğunu gördüğünüz oldu mu? Üstelik HEX değerleri aynıyken bile görünen renkler tamamıyla farklı.

Hemen panik yapıp Photoshop’u suçlamaya kalkmayın. Eğer değiştirmeniz gereken ayarların hangisi olduğunu biliyorsanız, bu sorunu düzeltmesi oldukça kolay.

Renklerin Farklılıkları

Photoshop’ta View menüsü altında çalışmak istediğiniz renk profilini belirleyebileceğiniz bir ayar bulunmaktadır. CMYK gibi bazı renk profilleri baskı sırasında daha doğru sonuçlar verirken RGB gibi renk profilleri web üzerinde daha doğru sonuç verir. Öntanımlı olarak Photoshop web renk profilleri ile çalışacak şekilde ayarlanmamıştır.

Proof Color Ayarı

Öncelikle View menüsünü açın ve Proof Colors özelliğini etkinleştirin.

Ardından yine View menüsü altından Proof Setup bölümüne gelin ve renk profilini “Monitor RGB” olarak değiştirin.

Her ne kadar pek çok kişi sosyal medyayı sadece bilgisayarları üzerinden kullanılabilecek bir araç olarak düşünseler de, günümüzün en gelişmiş mobil aygıtları arasında yer alan iPhone ve iPod touch her zaman ve her yerde iletişim kurabileceğinizi garantiliyor.

Bu yazımızda dünya üzerindeki herhangi bir yerde olan ya da sizinle aynı kablosuz ağı paylaşan dilediğiniz her kişiyle iletişim kurabilmenizi sağlayan 70’in üzerindeki iPhone uygulamasını inceledik. Tüm bu uygulamalarında ücretsiz olduğunu söylemiş miydik? Bunun neresi sevilmez ki?

iPhone ve iPod touch üzerinde sizin de sosyal arkadaşlarınızla iletişim kurmak için kullandığınız uygulamalar hangileri?

Anında Mesajlaşma

AIM – AIM ağını kullanan arkadaşlarınızla iletişim kurun.

fring – AIM, fring, Google Talk, ICQ, MSN, Skpe, Twitter ve Yahoo! ağlarını kullanan arkadaşlarınızla sohbet edebileceğiniz kullanışlı bir uygulama.

IRChon – iPhone ve iPod touch için birden fazla sunucuya aynı anda bağlanabilmenizi sağlayan bir IRC istemcisi.

Bir web geliştiricisi olarak doğru kod yazmanız gerekir, ancak bu gerçekten önemli mi?

Doğrulamanın ardındaki gerekçelere bir baktım ve web’in en popüler 25 websitesini inceleyerek kodlarının doğru olup olmadığını sorguladım. İşte başlıyoruz…

Doğrulama nedir?
Doğrulama belgelerinizin WWW Konsorsiyumu (W3C) gibi kurumlar tarafından HTML ve XML ile oluşturulan web belge tiplerinin resmi standartları ile uyumlu olup olmadığını test eden bir işlemdir. Aynı işlem WML siteler için WapForum’un yayımladığı standartlara göre yapılır. Normal belgelerimizdeki yazım denetimi ile benzer amacı güderler. (W3C)

Peki neden doğrulamalıyız, getirileri nelerdir?

1. Birbiçimli Olmayan Tarayıcı Doğrulaması
Doğrulanmamış sayfalar tarayıcınızın kodunuzu otomatik olarak doğrulamasına sırtını dayar ve her tarayıcı bunu farklı şekilde yapar. Bu yüzden bir etiketi kapatmayı unutursanız, Firefox bunu gözardı edebilir ancak Safari etmeyebilir bu sebeple farklı tarayıcılarda farklı ve genellikle doğru görünmeyen bir sayfa ortaya çıkar.

2. İşleme Süresi
Eğer kodunuz doğru ise tarayıcınız kodunuzu düzeltmekle uğraşmaz, bu da sayfanızın daha hızlı açılması ile sonuçlanır.

3. Geleceğe Yönelik
Teknolojinin yarın neler getireceğini kestirmek mümkün değildir ancak eğer doğrulanmış bir (X)HTML dosyanız var ise kodunuz gelecekteki web teknolojileri ile sorunsuz çalışacaktır.

Ekonomi kontrolden çıkmaya başladıktan sonra gün geçtikçe daha fazla tasarımcı endüstride ön plana çıkmaya başlıyor. Zaman ilerledikçe daha fazla kendi başına çalışan (freelance) tasarımcının belireceğini düşünüyoruz. Bunun sebebi de işe en başından başlamanın kolay oluşu, evden çalışabilme imkanı, normal işlerinin yanısıra fazladan para kazanabilme imkanı ve tatmin eden kariyer seçimi.

Geçen hafta yayımladığım sosyal medya özgeçmişi nasıl yazılır yazısından sonra biraz daha araştırma yapıp bazı tasarımcıların portfolyolarını inceledim. Bu portfolyolar iyi olmaktan öte mükemmeller ve iyi bir portfolyo sadece üzerinde çalışılmış birkaç iyi proje olmakla kalmıyor, onların portfolyanın kendisi ve yapılan işlerin kalitesi ile bütünleşmesinin bir sonucu olması gerekiyor… Pek çok durumda bu yapılan işin çokluğundan ziyade yapılan işin kalitesine bağlı oluyor.

Eğer siz de kendi portfolyonuzu yeniden tasarlamak istiyorsanız o zaman bu mükemmel portfolyolara bir göz atmanızı öneririm.

Bu yılki hedefleriniz arasında kilo vermek olmasa da muhtemelen vücudunuzu daha güzel, bakımlı veya gelişmiş bir hale getirmek istediğinize dair şöyle bir iç geçirdiğiniz olmuştur. Buna yardımcı olmak için işte bu yazımızda size kilo verdirecek ve vücudunuzu şekle sokmanıza yardımcı olacak en iyi 10 ücretsiz iPhone uygulamasını listeledik.

Kalori izleyicilerinden fitness rehberlerine; diyetinizi, kilonuzu ve egzersiz hedeflerinizi yönetmenize yardımcı olacak neredeyse her tür uygulamayı bulabileceğiniz bu listemizin en güzel tarafı, uygulamaların tamamının ücretsiz olması. Artık başka bahaneniz olmamalı. İşe başlamak için bu uygulamalardan bir ya da birkaçını indirin ve kullanmaya başlayın. İşte listemiz:

Calorie Tracker

Aldığınız ve harcadığınız kalorilere dikkat mi ediyorsunuz? Calorie Tracker inanılmaz derecede kullanışlı ve ücretsiz bir uygulama olup, Lance Armstrong’un sağlık ve egzersiz sitesi Livestrong.com‘un ellerinden çıkmış. Kullanıcılar günlük yaktıkları kalori, yağ, karbonhidrat ve protein miktarlarını takip edebilirler.

Uygulama, Livestrong.com sitesinde yer alan 450,000’in üzerinde yemek ve restoran servislerinin yer aldığı zengin veritabanını kullanıyor. Eğer fiziksel aktivitenizi de işin içine katmak istiyorsanız, o zaman uygulama üzerinde yer alan çeşitli egzersizler yardımı ile ne kadar kalori yaktığınızı görebilirsiniz. Kullanıcılar ilgili uygulamayı web sitesinde yer alan destek grupları, forumlar ve soru cevap bölümü ile birlikte eş zamanlı olarak kullanabilirsiniz. (App Store Puanı: 2.5 yıldız).

2008, benim gibi blogcular için mükemmel bir yıldı. Bu yıl ise her gün bir farklı blog üzerinde daha kaliteli içerik yayımlamak için oldukça büyük bir rekabet var. Bunun amacı geçtiğimiz yıl farklı bloglar üzerinde büyük ilgi çeken blogların yayımlanmış oluşu. Bugünkü makalemizde ise 2008 yılında en çok ses getiren blogların bir kısmını derlemeye çalışacağız. Kaynaklar arasında ilham kaynakları, ücretsiz içerikler, araçlar, rehberler ve benzeri kaynaklar yer alıyor. Bu kolleksiyon özellikle tasarımcılara yönelik olarak hazırlanmış olsa da “sadece” tasarımcılara yönelik değil. Bu sebeple ilgili kaynaklardan herkesin sebepleneceğini umuyorum.

Eğer sizin de 2008 yılında okumaktan büyük zevk aldığınız kaynaklar var ise yorumlarınızda paylaşmaktan çekinmeyin.

2008’in En Popüler 100 Photoshop Dersi

2008’de Oluşturlan En Güzel 50 Simge Seti

2008’in En Güzel Web Tasarımları

Kendi işinizin patronu olmak bazen zorlayıcı olabilir. Fakat ne şans ki bizim işimizi daha hızlı ve daha iyi yapabilmemizi sağlayacak çeşitli siteler ve araçlar geliştiren bir grup insan bulunuyor. Sıklıkla web tasarımcılığım ve geliştiriciliğim sırasında hangi araçları kullandığım sorulur bana, ben de bunun üzerine bu araçlara yönelik bir liste yapmaya karar verdim. Mac OS X işletim sistemi üzerinde çalıştığım için bu araçların pek çoğunun Mac için olduğunu hatırlatmak isterim. İşte başlıyoruz.

1. Event Box

Event Box’u sadece birkaç ay önce kullanmaya başladım ve bu servisin mükemmel olduğunu söylemek zorundayım. Hatta mükemmelden de öte. Tahmin edeceğiniz üzere zamanımın büyük bir kısmını çevrimiçi olarak geçiriyorum ve bir sürü RSS beslemesini takip ediyorum. İşte Event Box bu beslemelerin yanısıra Twitter, Facebook ve Flickr‘ı da takip edebilmemi sağlıyor. Kesinlikle bu araç daha yaratıcı ve tasarım komünitesinin son zamanlarda nelerle ilgilendiğini takip edebilmem açısından mükemmel bir araç.

Yayımladığı web tasarımı ve trendlerine yönelik makaleleri ve kaynakları ile geçtiğimiz yıl 4 milyon ziyaretçi tarafından ziyaret edilen Woork web sitesi, geçtiğimiz günlerde ücretsiz ve kaliteli bir el kitabı yayımladı.

Kitap CSS, HTML, AJAX, Web programlama, Mootools, Scriptaculous ve web tasarımına yönelik pek çok farklı konuda bilgi içeriyor. İçeriğin tamamı daha önce Woork üzerinde yayımlanan kaynaklardan oluşturulmuş.

Site yöneticileri geçtiğimiz yıl boyunca ziyaretçilerden bu tip bir kitap yayımlamaları konusunda yoğun istek aldıkların belirtirlerken, uzun bir çalışma sürecinin ardından ilgili kitabı ücretsiz yayımlamaya karar vermişler.

Buraya tıklayarak kitabı okuyabilirsiniz

Kitap bünyesinde kod bölümlerinden görsellere, illüstrasyonlardan woork üzerindeki orijinal içeriğe bağlantılara kadar pek çok konuda değerli bilgiyi derli toplu bir biçimde sunuyor.

Çatılar (Framework) JavaScript ve PHP geliştirme aşamasında sıklıkla kullanılırlar ve CSS için de gittikçe popüler hale gelmeye başladılar. Çalışma alanınızı iyileştirmeye ve çabucak şablon oluşturabilmenize yarayan bu çatıları kullanarak farklı tarayıcılar üzerinde yaşanabilecek olası problemlerden de korunmuş olursunuz. Özellikle WordPress ve benzer içerik yönetim sistemleri için seri üretim şablon oluşturan kesimler, bu tip çatılara sırtlarını dayamaktadırlar. Neden siz de onlardan biri olmayasınız? İşte bu işlem için kullanabileceğiniz 9 adet CSS çatısını aşağıda sizler için listeledim.

• BluePrint
  CSS geliştirirken harcanan zamanı azaltmayı hedefleyen bu CSS çatısı, üzerine projenizi inşa edebilmeniz için kolay kullanımlı bir ızgara sistemi, işe yarar bir tipografi ve hatta yazdırma için bir stil şablonunu da beraberinde sunuyor.
• SenCSs
  Anahat dışındaki her şey için CSS çatısı sloganı ile yola çıkan SenCSs, özellikle kendi anahattını oluşturmak isteyen ancak onun dışındaki herşey için önceden tanımlı bir çatıyı kullanmak isteyenler için geliştirilmiş bir CSS çatısı.