Haftalık OZD #17

14 Haz 2010 tarihinde eklendi. Blog | 0 yorum

Geçtiğimiz hafta Türkiye’de internet aleminin en çok konuştuğu konu, Google hizmetlerinin Youtube yasağı ile birlikte kullanılamaz olmasıydı. Google hizmetlerini kullanan bir çok şirket, web tasarımcı ve site sahibinin işleri aksadı ya da tamamıyla mağdur duruma düştüler. Bunun üzerine, çeşitli mecralarda Google ve Youtube’a erişimle ilgili çözümler yayınlandı. Ben de bu soruna kesin çözüm getiren IP ayarlarını “Google ve Youtube yasaklarını hosts dosyası ile ortadan kaldırın” başlığı altında sizinle paylaştım. Yalnız, teşekkür mailleri yerine makaleye yorum bıraksaydınız daha mutlu olurdum:) Her halukarda Google hizmetlerine erişim konusundaki probleminizin sayemde çözülmesine çok sevindim.

Blogun 17.haftasında ayrıca, her ne kadar bir kaç hafta geriden de gidiyor olsak düzenli ve özenle hazırlamaya çalıştığım Web Tasarım Kaynakları serisinin 11.sini yayınladım. Haftanın son makalesinde yani Web tasarımın vazgeçilmez 25 ikon seti adı altında paylaştığım, her profesyonel web tasarımcının kesinlikle arşivinde bulunması gereken vektörel ve piksel ikon setleri de ilginizi çekecektir.

18. haftada görüşmek üzere…

Google ve Youtube yasaklarını hosts dosyası ile ortadan kaldırın

Web Tasarım Kaynakları #11

Web tasarımın vazgeçilmez 25 ikon seti

Web tasarımın vazgeçilmez 25 ikon seti

13 Haz 2010 tarihinde eklendi. Blog | 0 yorum

Başlık fazla iddialı oldu sanırım. Tabii ki, her web tasarımında bu ikon setlerini kullanmıyoruz. Ama profesyonel web tasarımcıları tarafından bu ikonların, detaylarıyla ve ışıltısıyla gözünüzü alan büyük ikon setlerine nazaran çok daha fazla tercih edildiğinden emin olabilirsiniz.  Çünkü sadeliği ve küçüklüğü dolayısıyla bu ikonları, tasarımda belirlediğiniz konsepte, renklere ve çizgilere göre istediğiniz şekilde ve istediğiniz bölümde kullanabiliyorsunuz. Yani ikonlar tasarımınızı değil, tasarımınız ikonları yönetiyor gibi yorumlayabiliriz bu durumu.

Bu ikon setlerinin diğerlerinden ayrılan bir başka özelliği ise bazılarının vektörel olmasından dolayı şeklini de istediğiniz gibi değiştirebilme imkanınızın olması. Zaten bu kolleksiyon özel olarak vektörel ve piksel tasarlanmış ikon setlerinden oluşuyor.  Tam 25 set var ve kesinlikle en azından bir kaç ikon setinin favoriniz olacağından ve her çalışmanızda faydalanacağınızdan eminim. Ben bu kadar övdükten sonra, sizin tamamını ücretsiz olarak indirip arşivinize eklememek için hala bahaneniz olabilir mi?:)

SPIRIT20

TOOLBAR ICON SET

BOOLEAN

PIXELOPHILIA2

CORNER STONE

ICON SWEETS

WOOFUNCTION

GENTLEFACE TOOLBAR ICONS

DEFAULT ICON

PICTODECK

GLYPHISH

ICONIC

MINI ICON COLLECTION

SANSCONS

SWEETIE-BASEPACK

CIRCULAR ICON SET

LED ICON SET

QUARTZ

LULLACONS

CHALKWORK HTML

TWOTINY

SILK

MINI ICONS

ICONZA

KOMODO MEDIA ICONS

Web Tasarım Kaynakları #11

10 Haz 2010 tarihinde eklendi. Blog | 1 yorum

OZD Tasarım’da klasik haline gelen ancak yaklaşık 2 haftadır ara verdiğimiz web tasarım kaynakları serisine 11.si ile devam edelim. Her web tasarımcının işini kolaylaştıracak, yazı tipleri, photoshop fırçaları, dokuları ve pattern setleri, psd dosyaları, vektörel grafikler, ikon setleri, gradient paketleri gibi ücretsiz kaynakları bu hafta da özenle seçmeye çalıştım.

Şu an ihtiyacınız olmasa da arşivinizde mutlaka bulunması gereken birbirinden güzel bu web tasarım kaynaklarını indirmek için resimlere tıklayın.

Deibi Font

Orbitron Font

Franchise – Font

Beautiful Fashion – Vektör Pattern

Elements Mix – Vektörel Set

The Design Inspiration Pattern

Apple Photoshop Gradient Paketi

Under Construction – Yapım Aşamasında Web Template (CSS+Html+PSD)

Magic Night – PSD Web Template

Lovely Website İkon Seti

Fritidsresor İkon Seti

W-shop İkon Seti

Solid Ink Splatters – Photoshop Fırça Seti

Aqueous Sun Textures – Doku Seti

Big Textures – Doku Seti

Paper Textures – Kağıt Dokuları Seti

Google ve Youtube yasaklarını hosts dosyası ile ortadan kaldırın

8 Haz 2010 tarihinde eklendi. Blog | 1 yorum

Malumunuz iki tarafın da suçu birbirine attığı ama arada yine kullanıcıların mağdur olduğu bir durumla karşı karşıyayız. Uzun bir süredir ülkemiz sınırları içinde bir gelip bir giden Youtube yasağına Google da eklenince tam oldu. Özellikle de Google Docs, Google Code, Google Analytics, Google Webmasters gibi Google’ın bir çok hizmetini kullanan biz web tasarımcılar (ve webmasterlar) için bu sorun karşısında iyice çileden çıktık. İş akışını ve dökümanlarını Google Docs üzerinden yürüten bir çok şirket, her web sitesine Google Analytics ekleyerek, ziyaretçi sayısının periyodik raporlarını takip eden bir çok site sahibi ve web tasarımcının ekmeğine taş konuldu tabiri caizse. Her site sahibi gibi ben de bu yasaktan nasibimi aldım ve hem ziyaretçi sayısını doğru raporlayamaz oldum, hem de blogumun yavaşlığı nedeniyle ziyaretçi sayısında düşüş yaşadım.

Google’ı da etkileyen son yasakla birlikte, artık bağlantılar bölümünden değiştirdiğimiz DNS ayarları da işe yaramıyor. Ben de bunun üzerine, Google ve Youtube yasağına karşı hosts dosyası ile çözüm hakkında, bir arkadaşımın yolladığı mail sayesinde öğrendiğim ayarları sizinle sıcağı sıcağına paylaşmak istedim. Böylelikle hem Youtube’e sorunsuz girecek hem de Google hizmeti kullanan web sitelerini eski hızlarıyla gezebileceksiniz. Web tasarımcı arkadaşlar da Google’ın bütün hizmetlerini sorunsuz bir şekilde kullanmaya devam edebilecekler.

Google ve Youtube’a girmek için IP ayarları

Google ve Youtube’a girmek için yapacağımız düzenleme her standart Windows kullanıcısının yapabileceği kolaylıkta. Tek yapmanız gereken hosts dosyasına bazı IP adreslerini eklemek.

+ Öncelikle C:\Windows\System32\drivers\etc yolunu takip ederek etc klasörüne girin.

+ Klasörün içinde bulunan hosts dosyasını notepad ile açın.

+Ve aşağıda bulunan satırları olduğu gibi hosts dosyasının içine ekleyin ve kaydedin.

Bu düzenlemeyi yaptıktan sonra tarayıcınızı yeniden başlatmayı unutmayın. Artık Youtube’a sorunsuz bir şekilde girebilir, Google hizmetlerini de eski hızıyla ve performansıyla kullanabilirsiniz.

Haftalık OZD #16

7 Haz 2010 tarihinde eklendi. Blog | 0 yorum

OZD Tasarım’da bu haftanın en öne çıkan konusu hiç şüphesiz Magento oldu. Çok güçlü alt yapısı ve profesyonel yönetim sistemi ve görünümü ile kesinlikle desteklenmesi gereken bir açık kaynak kodlu e-ticaret sistemi olduğundan, ben de üstünde durmak, konu ile ilgili daha fazla makale ve ücretsiz tema yayınlamak istedim. Ama benim asıl önem verdiğim, Bir Web Tasarımcının Günlüğü adı ile yayınladığım makale oldu. Web tasarım bloglarının kısa tarihini ve her profesyonel web tasarımcının neden blog sahibi olması gerektiğini öğrenmeniz için okumanızı tavsiye ediyorum. Diğer yandan portfolyonuzu yayınlayabilmeniz için HTML ve CSS dahil her şeyiyle hazır web template’leri ilginizi çekebilir.

Bu hafta ayrıca, WordPress kullanıcılarına, WordPress güvenliği için çok önemli bir eklenti olan Admin SSL‘in tanıtımı ile ilgili bir makale yazdım. WordPress kullanıyorsanız mutlaka okumalısınız.  17. haftada neler yayınlayacağımı ben de merak ediyorum doğrusu : ) Görüşmek üzere.

Portfolyo siteleri için ücretsiz 10+ web template

15 Ücretsiz Magento Teması

Bir web tasarımcının günlüğü

WordPress için SSL Eklentisi: Admin SSL

HelloWired: Ücretsiz Profesyonel Magento Teması

HelloWired: Ücretsiz Profesyonel Magento Teması

6 Haz 2010 tarihinde eklendi. Blog | 0 yorum

Bir Magento‘dur gidiyoruz bakalım: ) Ancak bu temayı görünce Magento’nun ne kadar profesyonel bir hazır alışveriş sistemi olduğunu bir kez daha anladım ve yayınlamak istedim. HelloThemes tarafından tasarlanıp, ilk olarak Smashing Magazine okuyucuları için ücretsiz olarak yayınlanan HelloWired teması, kusursuz tasarımı, kullanışlı navigasyon menüsü ve kolay düzenlenebilir arayüzü yapısı ile Magento kullanıcıları için en doğru tema tercihi olacaktır. Şahsen kendi adıma şunu rahatlıkla söyleyebilirim ki, açık kaynak kodlu hazır alışveriş sistemleri için geliştirilen, hayatımda gördüğüm en şık ve en profesyonel görünümlü ücretsiz tema bu. Bu paylaşımın en çok dikkat çeken yanı ise temanın PSD formatının da ücretsiz olarak indirmeye açık olması. Böylelikle kendi markanıza ya da mağazına göre istediğiniz gibi tasarımsal değişiklikler de yapabileceksiniz.

Temanın göze çarpan özellikleri:

Açık kaynak kodlu e-ticaret sistemlerinde standart olarak bulunan özelliklerin yanında bu temaya için özel olarak geliştirilmiş bazı özellikler göze çarpıyor.

+ Temanın anasayfasında Jquery tabanlı kayarak geçen ürün listesi, slayt banner, indirimli ürünlere özel bloklar gibi bir çok özellik mevcut.

+ Kategorilerdeki ürünlerin listelendiği sayfada ise “sepete ekle” haricinde “Ürün karşılaştır” bölümü dikkat çekiyor.

+ Ürün detay sayfasında ise ürün resmini yakınlaştırarak detaylı olarak inceleme imkanı bulunuyor.

Aşağıdaki resimlerden, ürün listesi, ürün detayı gibi alt sayfalarının nasıl göründüğü ile ilgili fikir alabilirsiniz.

Ürün detay sayfası:

Kategori sayfası:

Alışveriş Sepeti sayfası:

Temayı Ücretsiz İndir

Temayla ilgili yapacağınız tek düzenleme Türkçe’leştirmek olacak ki onu da dil dosyasından yapabileceğinizi tahmin ediyorum. Bu düzenlemeyi de saymazsak, HelloWired Magento teması, herşeyiyle kullanıma hazır bir şekilde Magento kullanıcılarına ücretsiz olarak sunuluyor. Aşağıdaki linklerden temayı canlı olarak test edebilir, PSD dosyasını indirerek tasarımda istediğiniz değişikliği yapabilir, ya da tema dosyasını indirerek hemen kullanmaya başlayabilirsiniz.

Temayı canlı olarak test et>>

Temayı ücretsiz indir>> (.zip, 0,78 MB)

Temanı PSD dosyasını indir>> (.zip, 5,3 MB)

Temanın Kurulumu

HelloWired temasının kurulumu da genel olarak her Magento tema kurulumu ile aynı aslında. Yine de daha önce tema kurmakta tecrübesi olmayanlar için aşağıdaki link çok faydalı olacaktır. Temanın kurulumu ile ilgili detaylı bir döküman haricinde bir de video bulunmakta. İhtiyaç duyduğunuz anda çok işinize yarayacaktır diye tahmin ediyorum. Güle güle kullanın : )

HelloWired Tema kurulumu>>

Daha fazla Magento teması isterseniz;

Daha önce yayınladığım Magento temaları ile ilgili sayfalara aşağıdaki linklerden ulaşabilirsiniz.

+ Magento Tanıtımı ve Ücretsiz Magento Temaları

+15 Ücretsiz Magento Teması

WordPress için SSL Eklentisi: Admin SSL

4 Haz 2010 tarihinde eklendi. Blog | 1 yorum

Wordpress kullanıcıları iyi bilirler ki; admin paneli için standart güvenlik ayarları bazen yeterli olmayabiliyor. Bu nedenle daha güçlü bir güvenliğe ihtiyacımız oluyor. Küçük bir araştırma ile resmi WordPress sitesinde Admin SSL adı ile yayınlanan bir SSL güvenlik eklentisinin olduğunu gördüm. Eklentinin adı sizi yanıltmasın. Sadece Admin panele değil, bu eklenti ile WordPress sisteminizde kullanıcı adı ve şifre girilen her sayfaya SSL ekleyebiliyorsunuz.

SSL’in ne demek olduğunu bilmeyenler için kısaca bahsedecek olursam, kullanıcı adı, şifre, kredi kartı numarası gibi bilgilerin transferi esnasında, bilgileri şifreleyerek güvenlik ve gizlilik sağlayan bir protokol diyebilirim SSL için. Kısacası bir güvenlik sertifikasıdır. Özellikle Sanal POS kullanılan alışveriş sitelerinde SSL kullanım zorunluluğu var diye biliyorum. Gerçi artık bankaların sunduğu ortak ödeme sistemi ile bu zorunluluk ortadan kalkmış olabilir. Konudan çok sapmadan eklenti ile ilgili detaylara geçelim…

Admin SSL eklentisinin özellikleri:

+ Şifre girilen her sayfada kullanılabilir.

+ Hem Private SSL hem de Shared SSL olarak çalışır.

+ WordPress MU (Çok kullanıcılı WordPress)’e kurulabilir ve bağlı olan bütün bloglara güvenlik sağlar. (Sadece Private SSL sertifikası ile)

+ İstediğiniz URL’e ya da sayfaya ekleyebilirsiniz.

+ WordPress 2.2 ve daha üst versiyonlarda çalışır.

Admin SSL Kurulumu

Kurulumu diğer WordPress eklentileri kadar kolay aslında.

+ Önce eklentiyi buradan indirin.

+ Sunucunuzdaki WordPress’in Plugins klasörüne eklentiyi yükleyin.

+ Yönetim panelindeki Eklentiler bölümünden Admin SSL ayarlarını yapın.

+ Ayarları yaparken, Shared SSL URL‘sini doğru girdiğinizden emin olun. Yoksa yönetim panelinize girmekte sorun yaşayabilirsiniz.

Ayarları doğru yapıp, eklentiyi etkinleştirdikten sonra, yönetim panelinin giriş sayfasını açtığınızda yukardaki resimde gördüğünüz üzere URL satırında güvenlik ikonunu göreceksiniz. Bu Admin SSL’in başarı ile kurulduğunu ve sorunsuz çalıştığını gösterir. Siz de WordPress’inize maksimum güvenlik sağlamak istiyorsanız bu eklentiyi mutlaka kurmalısınız.

Kurulum ve ayarlar için detaylı bilgi>>

Eklentinin resmi sitesi>>

Bir web tasarımcının günlüğü

3 Haz 2010 tarihinde eklendi. Blog | 0 yorum

Jeffrey Zeldman adında bir web tasarımcı, ilk kez 1997 yılında kişisel sitesinde günlük olarak  “Zeldman bugün ne yapıyor?” gibi kısa soru-cevaplar yayınlamaya başladığında, blogların ve anlık iletilerin bu kadar meşhur olacağını hayal bile edemezdi herhalde. Aynı kişi 1999′da bir web yazılımcı arkadaşını da yanına alarak internet dünyasının ilk web tasarım blogu olan A List Apart‘ı kurdu. Bu girişim kendisini sektörde o kadar itibar sahibi yaptı ki, böylece, her deneyimli web tasarımcının mutlaka blogu olması gerektiğinin temellerini atmış oldu.

Ben de bu yazıyı bir web tasarımcının neden blogu olmalı? sorusuna cevap vermek adına yazmak istedim.  Ama önce bu işin tarihine değinmemek olmazdı. Gerçi web tasarım bloglarının tarihi henüz kitabını yazamayacak kadar kısa: ) Yine de, blogların 10 yıl içinde web tasarım dünyasında kazanmış olduğu önem yadsınamaz. Bu nedenle her deneyimli web tasarımcının bir blogu olması gerektiğini düşünüyorum. Neden mi? Nedenlerini ana maddeler halinde sıralayalım.

Web tasarımcının neden blogu olmalı?

1. İşinizin uzmanı olduğunuzu kanıtlar ve profesyonelliğinizi ön plana çıkarırsınız.

2. Mevcut müşterilerinizin gözünde itibarınız yükselir.

3. WordPress’in güçlü SEO ayarları sayesinde Google’da ilk sayfalarda çıkma şansınız artar.

4. Sektörde rakiplerinizden her zaman bir adım önde olursunuz.

5. Yeni başlayan web tasarımcılara yardımcı kaynak olarak, sektördeki itibarınızı da artırırsınız.

6. Blogunuza yazı yazmak için araştırma yaparken kendinizi geliştirirsiniz. Yani yazarken öğrenirsiniz.

7. Daha fazla müşteri kazanır, portföyünüzü genişletirsiniz.

Temel neden olarak şimdilik aklıma bunlar geliyor. Unuttuğum  bir şey olduğunu düşünüyorsanız, yorum olarak belirtebilirsiniz.

Nedenlerini sıraladıktan sonra, geriye her profesyonel web tasarımcının zaman kaybetmeden yapması gereken 3 şey kalıyor.

Yapmanız gereken 3 şey

1. Domain ve hosting satın alarak ayarlarını yapmak.

2. WordPress kurmak.

3. Blog yazmaya başlamak.

Sahi, Zeldman bugün ne yapıyor acaba? : )

15 Ücretsiz Magento Teması

2 Haz 2010 tarihinde eklendi. Blog | 0 yorum

Daha önce de  Magento ile ilgili bir tanıtım yazısı sonrası birbirinden güzel ve kaliteli aynı zamanda ücretsiz indirilebilir Magento temalarını yayınlamıştım. Açık kaynak kodlu hazır alışveriş sitesi yazılımı Magento ile ilgili daha fazla bilgi edinmek ya da temaları indirmek isteyenler, Magento Tanıtımı ve Ücretsiz Magento Temaları başlıklı makalemi görüntüleyebilirler. O yazıdan sonra, Magento alışveriş sitesi yaptırmak isteyen ya da sistemine tema geliştirmek isteyen arkadaşlardan hatrı sayılır sayıda mail aldıktan sonra, Magento’ya daha fazla önem vermem gerektiğini fark ettim. Ben de bunun üzerine bulduğum 15 ücretsiz Magento temasını sizinle paylaşmak istedim.

Magento sayesinde hızlı ve kolay bir şekilde alışveriş sitesi sahibi olabilir, kullanışlı eklentileri ile sisteminizi isteğinize göre geliştirebilir ve birbirinden şık ve kaliteli ücretsiz temaları ile online mağazanıza daha etkileyici bir görünüm kazandırabilirsiniz.

Diğer yandan, internette konuyla ilgili küçük bir araştırma yaptığımda şunu gördüm ki Magento’nun geleceği tek kelime ile “parlak“. Web tasarımcı arkadaşlarımın bir an önce Magento konusunda tecrübe kazanmasını tavsiye ediyorum. İşe Magento kurulumunu tamamladıktan sonra hazır temalar üzerinde düzenlemeler yaparak başlayabilirsiniz. Gerisi kendiliğinden gelecektir zaten.

Aşağıdaki temaları indirmeden önce ön izleme yapmak isterseniz resimlere tıklayın…

Telescope | indir>>

Refresh | indir>>

Magento Classic | indir>>

Modern Theme | indir>>

Linen Theme | indir>>

Inspire Blue | indir>>

Girlie Store | indir>>

Everson Store | indir>>

Electronic Shop | indir>>

Eco Handbag Magento Theme | indir>>

Computer Store | indir>>

Clothes Shop | indir>>

Blue Skin | indir>>

Basic Magento | indir>>

Pet Store | indir>>

Portfolyo siteleri için ücretsiz 10+ web template

1 Haz 2010 tarihinde eklendi. Blog | 2 yorum

Bazı web tasarımcı arkadaşlarımız iş yoğunluğundan kendi portfolyo sitelerini hazırlamaya zaman bulamayabiliyorlar. Ben de aynı durumdan şikayetçiyim. Bir süredir üstünde çalıştığım portfolyo sitemi hala tamamlayıp da yayına alacak zamanı bulamadım. Böyle durumlarda, hazır portfolyo siteleri çok işe yarıyor aslında. Sadece web tasarım değil, fotoğrafçılar ya da kendi çalışmalarını yayınlamak isteyen bütün sanatçılar için de geçerli bu.

Bu nedenle benimle aynı durumdan yakınan herkese bir anlamda yardımcı olabilmek adına, ücretsiz 10+ portfolyo web template‘i bir araya getirdim. CSS ve HTML kodlaması ile uğraşmayacağınız, hatta bazılarının Javascript yazılımı da tamamıyla çalışır halde olduğundan, hiç bir zahmete girmeden olduğu gibi kullanabileceğiniz türden oldukça kaliteli hazır web siteleri bunlar. Görsel anlamda da üstünde titizlikle çalışılmış tipografi ve renk kombinasyonları açısından da son derece güzeller.

Hazır web tasarım kullanmayı tercih etmeseniz de, kendi web sitenizi tamamlayana kadar geçiçi bir süre için bu template’ler ile idare etmekte bir sakınca olduğunu sanmıyorum.

İndirmeden önce çalışır haldeki ön izlemelerini görüntülemek isterseniz resimlere tıklayın.

1) Anticipated | indir>>

2) Charcoal | indir>>

3) Cosmos | indir>>

4) Creativ Studio | indir>>

5) Earthlingtwo | indir>>

6) iluvtype | indir>>

7) luvbold | indir>>

8) Megan | indir>>

9) My Portfolio | indir>>

10) The Name Of Your Site | indir>>

11) O’No Typography | indir>>

12) Photographer | indir>>

13) Free Style | indir>>