Bu işi yapan birçok servis var ancak ben yakın zamanda bulduğum bir siteyi sizlerle paylaşmak istiyorum: bit.ly. Bu site basit bir url kısaltma servisi olarak görünüyor. Bu sitenin beni etkileyen özelliklerine gelecek olursak; sitenin çok hızlı olması, jQuery kütüphanesi kullanması, kısalttığımız url’leri de paylaşıma (Twitter, Facebook gibi servislerde) sunması ve API paylaşması sayılabilir.

Gerçekten servisi herhangi bir url kısaltması için kullandığınızda ne demek istediğimi anlayacaksınız. Umarım sizler için iyi bir alternatif olur :)

bit.ly

Uzun süredir bir website tanıtımı yapmamıştık. Bu gönderimizde tanıtacağımız site bir web sitesinin anatomisini çıkarıyor. Sitonomy.com isimli bu site ile bir web sitesinin veya blogun hangi altyapıya sahip olduğunu, hangi programlama dili kullandığını, hangi sunucu türünü kullandığını, hangi istatistik hizmetinden yararlandığını, hangi Rss okuyucuyu kullandığını öğrenebiliyorsunuz. Servisi kullandığımda çok faydalı bir site ile karşı karşıyayım diye düşündüm. Zira bazen bir web sitesinin kullandığı altyapıyı ve bazı servislerini çok merak edebiliyorsunuz. Sitenin kullandığı slogan “anatomy of websites” olunca kendime daha da yakın hissettim (Ee, ne de olsa anatomi bizim işimiz :)

Son olarak sitemizin adresini verelim efendim; Sitonomy.com Güzel günler dileğiyle…

• eburhan yine yapmış yapacağını. Css ile Sarkan Menüler Hazırlamak başlığı ile yazdığı makalesinde güzel bir Css, Xhtml menü yapımı anlatıyor.

• Bir Css uygulama makalesi de SiberKültür’den. Css ile Klavye tuşlarının yapımını anlatan güzel bir makale.

• Bu arada Siberkultur.com tarafından tasarlanan skD temasını gördünüz mü?

• Smashingmagazine’den Navigasyon ve Menü Örnekleri.

• Hasan Yalçın’dan; 2008′de İlk Kurumsal Değişimler ve Yenilikler

• CssJuice’den; Image Rollovers with Css isimli hoş bir Css uygulaması

• Oceangray’dan; Feed Count ile RSS sayacınızı özelleştirin

• Selçuk Hoca’dan; Dmoz Editörü olmak için İpuçları

• 2008 yılının logo trendlerine bir bakış

Bu yazımızda internette rutin gezintilerimi yaparken karşılaştığım hoş bir siteyi sizlere tanıtmak istiyorum. Htaccess Editor sitesi, .htaccess dosyalarınızı internet sitesi aracılığıyla online olarak düzenlemenize yardımcı olan bir site. Günümüzde gelişen web sunucuların kontrolü ve sitelerimizin bazı noktalarına erişim, kısıtlama gibi durumlar söz konusu olduğunda .htaccess dosyalarının ne kadar önemli olduğu hepimizce bilinen bir gerçek. Htaccess Editor sayesinde oluşturmak istediğiniz .htaccess kodlarını birkaç küçük adımda elde edebiliyorsunuz. Tabi site sizlere .htaccess dosyasının içinde barınacak olan kodları veriyor.

301 yönlendirme sayfaları, özel giriş alanları, www kuralı, dosya erişim yasağı gibi birçok düzenlemeyi site üzerinden yapabiliyorsunuz. Tasarımı ve kolay kullanımı sayesinde site ziyaretçiler için en iyi şekilde oluşturulmuş. Ayrıca site birçok dilde hizmet de veriyor. Siteye ulaşmak için buraya tıklayabilirsiniz.

(Not: Site üzerinden aldığınız kodları Notepad++ gibi programlarda bir sayfa açarak yapıştırın. Dosyayı farklı kaydet diyerek hiçbir dosya türü ve uzantısı vermeden .htaccess ismiyle kaydedin. Bu sayede .htaccess dosyanızı elde etmiş olacaksınız. Sunucunuza FTP aracılığıyla dosyayı atarak kullanabilirsiniz)

dafont.com: Uzun süredir kullanmış olduğum bir font sitesi olan dafont.com farklı kategorilerde binlerce yazıtipi barındırıyor. Şu anda kendi bilgisayarımda kullanmış olduğum birçok yazıtipini bu siteden indirdim ve sizlere de tavsiye ediyorum.

urbanfonts.com: Hem ücretsiz hem de ücretli birçok yazıtipi bulabileceğiniz ve özellikle tasarımı ile göz dolduran bir site. Site hem blog hem de forum bölümlerine sahip.

fawnt.com: Hasan Yalçın sayesinde tanımış olduğum bu site 10.000 üzerinde font barındırıyor. Sade tasarımı ve kolay erişimi ile sürekli kullandığım font kaynaklarının başında geliyor.

fontcubes.com: Bu siteden de sevgili Eburhan sayesinde haberim oldu. Özellikle sitenin anasayfasında yer alan günün en çok indirilen 10 fontu ilginizi çekebilir.

betterfonts.com: Diğer sitelere nazaran daha az kullandığım ancak yine de çok sayıda kaliteli ücretsiz font bulunan başka bir site. Sitede 10.000 üzerinde font bulmanız mümkün.

DİĞER ÜCRETSİZ FONT KAYNAKLARI

Öncelikle canımız ciğerimiz Bildirgec.org’un Font kaynakları sizler için çok yararlı bağlantılar içeriyor. Bununla birlikte Smashingmagazine.com’un Font kategorisinde çok güzel bağlantılar ve font kaynakları bulabilirsiniz.

Sizlerin de kullanmış olduğu yazıtipi siteleri ve kaynakları varsa bunları yorum olarak paylaşabilirsiniz. Umarım faydalı olmuştur.

Aslına bakarsanız bu yazıyı yazmamın amacı hem Wordpress konusunda bir “uzman” olmadığımı bildirmek hem de Wordpress konusunda destek isteyen kişilerin başvurabilecekleri kaynakları bir kez daha listelemek. Bir bakıma da bu destek mercilerinin az olmasına karşın aslında çok güzel bir bilgi deposu olduğunu göstermek.

Açıkça söylemek gerekirse ben Wordpress konusunda bir yetkili merci değilim, her ne kadar Wordpress’e elimizden geldiğince destek olmaya çalışsakta aslında bu işi çokta iyi yapan ve Türkçe yayın yapan sitelerimiz de mevcut. Şimdi dilerseniz bunları inceleyelim.

TÜRKÇE KAYNAKLAR

Wordpress Türkiye: Herşeyden önce Türkiye’de Wordpress denildiği zaman akla Wordpress Türkiye geliyor. Gerek yeni sürümlerin Türkçeleştirilmesi gerekse de teknik destek konusunda ellerinden geleni yapıyorlar. Forumlarında hergün birçok konu açılıp tartışılıyor ve çözüm aranıyor. Bana kalırsa Türkiye’deki en iyi Wordpress teknik desteği bu sitede veriliyor. Sorununuz ve sorularınız olursa Wordpress Türkiye Forumlarındaki arkadaşlarımız ve diğer kullanıcılarımız yaşamış olduğunuz problemlere akılcı çözümler getirebilirler.

WpDestek: Bir başka Wordpress teknik destek sitemiz ise WpDestek.com. Bu sitede de yine Wordpress konusunda dersler, teknik anlatımlar bulabilir, yeni eklenen gönderilerde ilginizi çekecek konular bulabilirsiniz. Her ne kadar gönderileri çok taze olmasa da yine de forumlarda soru ve sorunlarınızı iletebilir bunlara çözüm arayabilirsiniz.

WpTurkiye.net: Yeni haberdar olduğum ve çalışmalarını izlediğim bir site. Yine son Wordpress haberlerine yer veriliyor ve forumlarda teknik destek sağlanıyor.

GÜNCELLEME

PlanetWp.com: Hakkı Ceylan tarafından oluşturulan ve Türkçe Wordpress desteği veren başka bir komünite sitemiz. Bu bağlantıdan sevgili Deniz kardeşim sayesinde haberim oldu, kendisine teşekkür ediyorum.

Türkçe olarak yukarıdaki temel kaynaklarımızın dışında Webmaster Forumlarında da Wordpress sorularınızı sorabilir ve ilgili kişilerden bilgi alabilirsiniz. Zoque, R10, PerfectGate gibi sitelerimiz bu konuda sizlere yardımcı olacaktır.

YABANCI KAYNAKLAR

Wordpress.org Forumları: Wordpress.org bünyesinde açılmış olan bu forum bana kalırsa internetteki en geniş Wordpress kaynağı. Zira hergün onlarca yeni konu ve başlık açılarak forum renklendiriliyor. Wordpress konusunda takıldığım bazı konularda arama yaparak istediğim şeyi rahatlıkla bulabiliyorum. Orta düzey ingilizce bilgisi olan kişiler için ideal ve bulunmaz bir forum.

Wordpress Codex: Wordpress konusunda güzel kaynaklardan bir diğeri. Yine Wordpress.org bünyesinde yer alan bu alt sitede Wordpress sistemlerin tüm fonksiyon, bileşen ve teknik anlatımları mevcut. Özellikle tema hazırlama, yeni Wordpress sürümlerinin fonksiyonlarını etkili kullanma, Wordpress Loop gibi konular çok ilgimi çekiyor ve sıklıkla bu siteyi ziyaret ediyorum. Basit konu anlatımı ve dünyanın birçok yerinden geliştiricilerin katkısıyla gelişen bu kaynak sizler için birçok konuda faydalı olacak nitelikte.

Bununla birlikte yine yabancı webmaster forumlarında birçok konuda bilgi alabilir ve bunları okuyabilirsiniz. Yine %99′u ingilizce olan bu kaynaklarda aslında birçok konuda aradığınız ipucuna ulaşabilirsiniz.

Yabancı forum kaynaklarına dair Tutorialblog.org’un şu makalesi sizler için faydalı olacaktır. Bununla birlikte birçok yabancı wordpress destek sitesi mevcut ve bunlar wordpress konusunda hem forum hem de gönderi bakımından yeni gelişmeleri ve özellikleri duyuruyorlar.

Dileğimiz odur ki; Wordpress konusunda destek veren Türkçe siteler çoğalsın ve bilgiyi “dışarıda” aramak zorunda kalmayalım. Bir avuç insanın kendi halince vermiş olduğu wordpress desteğine sizler de elinizden gelenle kendi bilginiz kadarıyla katkıda bulunabilir, yardımcı olabilirsiniz. Özellikle forumlarda ve benzeri yapılarda bilgilerinizi insanlarla paylaşarak, yabancı metinlerin Türkçe çevirilerini yaparak ve bunları yayınlayarak kullanmış olduğunuz sisteme katkıda bulunmuş olursunuz.

Sizlerin de bildiği yerli ve yabancı Wordpress kaynakları varsa bunları lütfen yorum olarak paylaşın, gerektiği durumlarda yazıyı yeniden güncelleyerek bu kaynaklarımızı yeniden derleyelim ve insanlara sunalım.

Wordpress’te sorunsuz günler dileğiyle…

Herkese selamlar, Photoshop Uygulamalarına elimizden geldiğince sitemizde yer vermeye çalışıyoruz. Bu makalemizde de bunlardan birine yer vereceğiz. Basit Photoshop uygulamalarıyla sitelerimiz için rahatlıkla birkaç adımda oluşturulabilecek butonlar ve navigasyonlar yapabiliriz. Aslına bakılırsa yukarıdaki navigasyonu 1-2 dakika içinde oluşturmak hiçte zor değil. Şimdi dilerseniz hemen nasıl adımlar izleyeceğimizi ve navigasyonumuzu nasıl şekillendireceğimizi anlatalım. Öncelikle Photoshop üzerinde 500*500 px değerine sahip bir doküman açalım. Açacağımız dokümanın Resolution değerini 72 olarak belirleyelim.

Boş dokümanımız üzerinde Rounded Rectangle Tool’u (U kısayolu) seçerek yukarıda Radius değerini 4px olarak ayarlıyoruz. Renk seçimi önemli değil. Siyah veya başka bir renkte kullanabilirsiniz. Şimdi hemen hemen 470*40px değerlerine sahip olacak bir dörtgen çizeceğiz. Bunu siz göz kararı da ayarlayabilirsiniz. Ancak yukarıdaki örnekte ben tam bir piksel değeri uygulamadan göz kararı dörtgenimi çizdim. Şimdi dörtgen aşağıdaki şekle benziyor olmalı. (Rengi gözönünde bulundurmayalım)

Bu aşamada Layer penceremizde Shape 1 alanının belirlenmiş olması gerekiyor. Şimdi navigasyonumuzun arka alanını oluşturacak bu katmanın özelliklerini düzenleyeceğiz. Layer penceresinde Shape 1 üzerine iki kere tıklayarak Layer Style penceresini açın. Bu alanda yapacağımız değişimler ile navigasyon arkaplanımız şekillenecek. Aşağıdaki alanlarda ilgili değerleri uygulayalım ve işlemimize devam edelim.

Inner Glow >> Blend Mode: Screen | Opacity:%25 | Elements, Size: 12px
Gradient Overlay >> Blend Mode: Normal | Gradient Renkleri: 1. renk #23A8E4 2. renk #54C4F6 olacak şekilde ayarlayın.
Stroke >> Size: 1px | Color: #6DCBF5

Yukarıda yer alan değerleri uyguladıktan sonra şeklimiz aşağıdakine benzer olacak. Şayet aynı görüntüyü alamadıysanız önemli değil, makalemizin sonunda kaynak psd dosyasını indirip gözatabilirsiniz.

Bu aşamadan sonra makalemizin giriş resminde vermiş olduğumuz örneğe ulaşmak için aktif buton olan ANASAYFA butonunu hazırlayacağız.

Shape 1 üzerindeyken yine Rounded Rectangle Tool’u seçerek aynı Radius değeriyle navigasyonumuzun içine oturacak bir dörtgen daha çiziyoruz. Yine renk önemli değil. Çünkü yukarıdaki gibi renk ve dolgu değerlerini kendimiz şekillendireceğiz.

Bu seferde Shape 2 üzerine çift tıklayarak butonumuzun renk ve dolgu ayarlarını yapacağız. Shape 2 Layer Style penceresini açtıktan sonra aşağıdaki değerleri giriniz.

Inner Glow >> Blend Mode: Screen | Opacity: %10 | Color:#80D2F6 | Element Size: 15px
Gradient Overlay >> Blend Mode: Normal | Gradient 1. renk #333333 2. renk #727272

Uygulamamız yukarıdaki örneğe benzemiş olmalı. Bu aşamadan sonra menümüz üzerine yazılarımızı yazarak işlemimizi sonlandıracağız. Yazı tipi ve boyutu tamamen size kalmış ancak ben uygulamam da beyaz renk ve Arial yazı tipine sahip 11px büyüklüğünde bir yazı tercih ettim. Yazımı Shape 2 üzerinde iken yazarak Shape 1 üzerinde de görünmesini sağladım.

Gördüğünüz gibi sadece iki shape alanı oluşturduk. Bunlara Layer Style ile belli değerler atadık ve sonra menümüz üzerine yazılarımızı yazdık. Bu aşamada minimal bir çalışma sergilemiş olduk. Zira sitenizde kullanmak istediğiniz alana göre vermiş olduğumuz değerler değişiklik gösterebilir. Özellikle Shape 2 alanını çoğaltarak diğer menü başlıklarına da uygulayabilir veya farklı renk değerleri vererek navigasyonunuzu renklendirebilirsiniz.

Umarım sizler için faydalı olmuştur. Giriş resmindeki uygulamanın PSD dosyasını BURADAN indirebilirsiniz.

Şayet siz de benim gibi Rss Okuyucu olarak Google Reader kullanıyorsanız bu servisin birçok özelliğini bilirsiniz. Web tabanlı olması ve kolay kullanımı sayesinde internet bağlantısı bulabildiğiniz tüm yerlerde Rss ile takip ettiğiniz web sitelerinin durumlarını görebilir, son yayınlanan gönderileri okuyabilirsiniz.

Servisin bir başka güzel özelliği ise beğenmiş olduğunuz beslemeleri “Paylaşabilmek”. Paylaşım işini bir beslemenin sonunda yer alan “Share” bağlantısından yapabiliyoruz. Sevdiğiniz yazı ve makaleleri Share bağlantısına tıklayıp paylaşıma aldıktan sonra Google Reader üst menüsünde “Your Shared Items” bağlantısını izleyerek paylaşmış olduğunuz yazıları görebiliyorsunuz.

Google Reader bu paylaşılan alanların sitemizde gösterimini sağlamak için bir opsiyon oluşturmuş. Bu yazımda kısaca bir iki kolay adımda sayfalarımızda Paylaşılan beslemelerimizi nasıl yayınlayabileceğimizi anlatacağım. Öncelikle Google Reader kullanıcı adınız ve şifreniz ile siteye giriş yapın. (www.google.com/reader) Bundan sonra şayet beslemelerinizde sevdiğiniz yazılar varsa bunların sonunda yer alan Share bağlantısına tıklayın.

Paylaşmış olduğunuz bağlantıları görebilmek için yukarıda söylediğimiz gibi Your Shared Items bağlantısına gelin. Burada hem paylaşımda olan rss beslemelerini görebilir hem de bu bağlantıları web sayfanıza koyabilirsiniz.

Yine aynı sayfada yer alan “Put a clip on your site or blog” alanının altında “put a clip of your shared items on your site” bağlantısını göreceksiniz. İşte sayfamıza eklemeyi bu bağlantı üzerinden yapacağız. Buraya tıklıyoruz ve açılan ekranda karşımıza gelen alanları istediğimiz gibi dolduruyoruz.

Title alanına paylaşılan bağlantı kutucuğunun üzerinde yer alacak bir isim veya açıklama yazabiliriz. Color Scheme alanında ise bağlantılarımızı yayınlayacağımız alanın renk düzenlemelerini göreceksiniz. Yeşil, mavi, kırmızı, siyah ve benzeri renk seçeneklerinin yanında bir de None seçeneği göreceksiniz. Bu alanda renk seçimi size kalıyor. Renk seçiminizi de yaptıktan sonra kaç adet bağlantının gösterilmesini istiyorsanız Items alanına o kadar değer giriyorsunuz. Standart olarak 5 görülen bu değeri isterseniz 10′a kadar çıkarabilirsiniz. Son alanda yer alan “Show item sources” ise bağlantımızın hangi siteden geldiğini gösterir nitelikte bir ekleme yapıyor. Bu opsiyonel özelliği kullanıp kullanmamakta size kalmış.

Bu bölümleri dilediğiniz gibi doldurduktan sonra En altta yer alan Javascript kodlarını sitenize istediğiniz bölüme yerleştiriyorsunuz. Böylelikle Google Reader paylaşımlarınızı web sayfanız üzerinden gösterebilmiş oluyorsunuz.

Umarım sizler için faydalı olmuştur.

Çoğu zaman kendi fırça arşivime güvensem de yine de arada sırada internette görmüş olduğum ücretsiz fırçaları bilgisayarıma indirip deniyorum. Gerçekten çok hoş çalışmalar ve kaliteli fırçalar bulmak mümkün. Bu yazımda beğenilen fırça kaynaklarına kısaca değineceğim ve sizlere ilgili bağlantıları sunacağım. Umarım sizler için faydalı olur.

Brusheezy: Kullandığım önemli kaynaklardan birisi. Birçok güzel brush bulma imkanına sahipsiniz. Ayrıca sitenin Dolgu bölümü de mevcut.

PSBrushes: Farklı kategorilerde farklı fırçalar bulabileceğiniz güzel bir kaynak. Site içinde 500′ün üzerinde fırça bulunuyor.

Get Brushes: Yine farklı kategorilerde az da olsa güzel fırçalar bulabileceğiniz bir kaynak. Özellikle sitenin Vektör Fırçalar kategorisindeki Fixedys’ fırça seti benim favorim. :)

PhotoshopRoadmap: Birçok güzel fırçanın bulunduğu bir başka site. Özellikle 100 adet yüksek kaliteli Photoshop fırçası bölümü şiddetle tavsiye edilir.

Inobscuro: Bir başka güzel fırça kaynağı.

DesignFruit: Jason Gaylor’dan fırçalar, hoş çalışmalar ve örnekler mevcut.

FreePhotoshop: Az sayıda ancak güzel fırçalar bulunan bir site.

Omega Brush Set: Deviantart’ta gördüğüm bir bağlantı. Güzel bir set ben de yeni indirdim ve memnun kaldım.

Bildiğim ve Yer imlerime kaydettiğim fırça kaynakları şimdilik bunlar. Sizlerinde bildiği güzel siteler varsa yorum olarak gönderebilirsiniz.