bildirgec.org - savasuyar - beğendikleri

sitelere font özgürlüğü

savasuyar — Mon, 03 Jan 2011 09:07:00 GMT

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.

sistemi kısaca anlatmak gerekirse siteye üye oluyorsunuz, projenizi oluşturup kullanacağınız fontu veya fontları seçiyorsunuz, javascript kodunu sitenize eklediyorsunuz, hepsi bu kadar. harika değil mi?

fonts.com üyelik

siteye üye olmak oldukça basit. ilk olarak bu adrese tıklayarak üyelik sayfasını açmalısınız ve kişisel bilgilerinizi girmeden önce kullanmak istediğimiz paketi seçmeniz gerekiyor. kişisel kullanıcılar için ücretsiz paket oldukça güzel özelliklere sahip (3000'den fazla font, sınırsız site ekleme ve bir sitede sınırsız sayıda font kullanabilme gibi). daha sonraki sayfada sırasıyla adınızı, soyadınızı, şifrenizi, sifrenizin doğrulamasını ve son olarak da e-posta adresinizi girdiğinizde üyelik işlemlerinizi tamamlamış oluyorsunuz.

kurulum ve kullanım

resmin büyük halini görmek için tıklayın.

fonts.com'u sitenizde kullanmak için, fonts.com'a giriş yaptıktan sonra bir proje oluşturmalısınız. bu adresten ya da sitede bulunan create a project linkinden bir proje oluşturabilirsiniz. project name kısmına projenizin ismini, publish domain kısmına da sitenizin ya da günlüğünüzün adresini girmelisiniz. save project dediğinizde projeniz hazır. daha sonra ise choose fonts linkine tıklayarak fontlara göz atabilirsiniz. beğendiğiniz fontu projenize eklemek için add to project butonuna basabilirsiniz.

ipucu: sitedeki bütün fontlar maalesef türkçe destekli değil. beğendiğiniz bir fontun türkçe destekli olup olmadığını anlamak ise çok kolay; yapmanız gereken fontun isminin yanında příliš žluťoučký karakterlerinin olmasına veya font grubunun latin ext 1 olmasına bakabilirsiniz.

fontları seçtiniz ve artık sitenizde kullanmak istiyorsunuz. iki adet alternatifiniz var; biri sitenizde fontları kullanmak istediğiniz kısmı (örneğin sitenizde menu id'sine sahip bir katman, diğer bir deyişle div olsun. fonts.com yönetim panelinizde work on stylesheet menüsünden selectors kısmına #menu seçicisini ekleyerek bunu kolaylıkla yapabilirsiniz. ekledikten sonra kullanmak istediğiniz fontu seçtiğinizde işleminiz tamamlanmış oluyor.) css seçicileri yardımıyla seçerek o kısımda bu fontu kullan demek, diğeri sitenize javascript kodunu ekleyerek sitenizde fontu kullanmak istediğiniz kısmı css yardımıyla (css dosyanızda o kısmı biçimlendirmek için kullandığınız kısıma font-family özelliğini kullanarak fontlarımızı tanımlamak. fontların isimleri ise publish sekmesinde option 2: advanced (javascript) kısmında bulabilirsiniz. örneğin: font-family:"albertus w01";) şeklinde) biçimlendirmek. iki yöntemin de kendine göre bazı avantajları var; ilk yöntem ile hiç css dosyasına dokunmadan sitenizi biçimlendirebilirsiniz ve daha sonra istediğiniz zaman fontları değiştirebilirsiniz. bu yöntemin dezavantajı yüklenmesinin biraz uzun sürmesi. ikinci yöntem ile eğer css'e aşina iseniz daha rahat işlem yaparsınız benim gibi ve ilk yönteme göre daha hızlı yüklendiğini göreceksiniz.

projeyi siteye eklemek

projenizi sitenize eklemek için üst taraftaki menüden publish linkine tıklamalısınız. bu sayfada 4 tane ekleme seçeneği olmasına rağmen ücretsiz kullanıcılar sadece 1. ve 2. seçeneği yani javascript kodu ile eklemeyi kullanabiliyorlar. css ile eklemek için ise ücretli kullanıcı olmak gerekiyor. orada ki şeklindeki javascript kodunu sitenizin kaynak kodlarında html'in head etiketleri arasına eklemelisiniz. eğer birinci yöntemi kullanarak fontlarınızı tanımladıysanız ve css seçicilerinizde bir sorun yoksa kodu ekledikten sonra sayfayı yenilediğizde yeni fontlarınız yerlerini alacaklardır. css dosyasına ekleme yöntemini seçtiyseniz biçimlendirmek istediğiniz bölgenin css kodlarında font-family özelliği ile fontlarınızı tanıtmalısınız. sonucunuz aşağıdaki ekran görüntüsü gibi olmalıdır. sorunlarınızı yorumlarda yazarsanız elimden geldiğince yardımcı olmaya çalışırım. gelecek yazılarda görüşmek üzere, sağlıcakla kalın.

Bu yazı savasuyar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

SEO için Altın Backlinkler -1

savasuyar — Fri, 06 Feb 2009 07:46:00 GMT

SEO için en önemli unsurlardan biri sitelerimize kaliteli backlink sağlamaktır. Backlinklerin oluşturulma işlemi zahmetli ve uzun süren bir çalışmadır. Ayrıca sitemize sağlayacağımız linklerin kalitesi de bir diğer önemli unsurdur. Birçok dizin ve toplistlerden alacağımız linkler zaman zaman bizlere artı birşey katmazken, zarar dahi verebilirler.

Backlink Semasi

İşte biz seocular da bu backlinkleri sağlamak için uzun süren çalışmalarla belirlediğimiz bazı dizin ve diğer sayfalara linkimizi ekleriz. Şimdi sizlere uzun süren çalışmalarım sonucu hazırladığım bazı dizin ve sitenizin linklerini "tavsiye edilen siteler" bölümüne ekleyen link öneri ve ekleme sayfalarının adresleri ile birlikte paylaşmak istiyorum. Bu serinin ilkidir ve devamı da tarafımdan yazılacaktır.

Bu yazı serisi tamamen benim tarafımdan hazırlanmış olup başka hiç bir kaynakta bulamayacağınız bir içeriktir.

Listelenme Sırası : (Site Adresi) - (Kategorisi) - (Ekleme Sayfası Linki) - (Çeşidi) - (Domain PR)

Nature.com Recommended Links(Bilim)Ekleme Sayfası(Dizin) PR9

Education World(Genel)Ekleme Sayfası

(Diğer) PR8

Yahoo! Directory(Genel)Ekleme Sayfası(Dizin) PR8

dmoz (open directory project)(Genel)Ekleme Sayfası(Dizin) PR8

Artcyclopedia(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR7

Surfing the Net with Kids(Toplum)Ekleme Sayfası(Dizin) PR7

MRS Internet Journal of Nitride Semiconductor Research(Bilim)Ekleme Sayfası(Dizin) PR7

Get a Freelancer(Sektörel)Ekleme Sayfası(Dizin) PR7

The Paleontology Portal(Bilim)Ekleme Sayfası(Diğer) PR7

Cal State LA Recommended Music Websites(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR7

Podcasting Directory(Bilgisayarlar)Ekleme Sayfası(Dizin) PR7

Inc.com Recommended Start-Up Resources(Sektörel)Ekleme Sayfası(Dizin) PR7

North Carolina Health Information(Sağlık)Ekleme Sayfası(Dizin) PR6

UNIXguide.net(Bilgisayarlar)Ekleme Sayfası(Dizin) PR6

Localeye(Genel)Ekleme Sayfası(Dizin) PR6

Ananzi(Genel)Ekleme Sayfası(Dizin) PR6

Indiainfo.com(Toplum)Ekleme Sayfası(Dizin) PR6

TenLinks.com(Bilim)Ekleme Sayfası(Dizin) PR6

Ottawa Start(Toplum)Ekleme Sayfası(Dizin) PR6

Design Interact(Resim ve İnsanlık)Ekleme Sayfası(Ücretli Reklam) PR6

CancerIndex(Bilim)Ekleme Sayfası(Dizin) PR6

American Library Association Great Web Sites for Kids(Genel)Ekleme Sayfası(Dizin) PR6

Eat Well Guide(Toplum)Ekleme Sayfası(Dizin) PR6

New Zealand Tourism Online(Eglence)Ekleme Sayfası(Dizin) PR6

Wheelock College Recommended Websites(Genel)Ekleme Sayfası(Dizin) PR6

FreeIndex(Genel)Ekleme Sayfası(Dizin) PR6

eHub by Emily Chang(Genel)Ekleme Sayfası(Diğer) PR6

JoeAnt.com(Genel)Ekleme Sayfası(Dizin) PR6

SafetyDirectory.com(Sağlık)Ekleme Sayfası(Dizin) PR5

The Real Estate Library(Sektörel)Ekleme Sayfası(Dizin) PR5

Austin Astronomical Society (Bilim)Ekleme Sayfası(Dizin) PR5

Great Bridge Links(Eglence)Ekleme Sayfası(Dizin) PR5

Electronix Express(Bilim)Ekleme Sayfası(Dizin) PR5

Women's Health Matters(Sağlık)Ekleme Sayfası(Dizin) PR5

Linguistic Funland(Resim ve İnsanlık)Ekleme Sayfası(Dizin) PR5

Outdoor Ed(Eglence)Ekleme Sayfası(Ücretli Reklam) PR5

McGrew's Recommended Websites(Genel)Ekleme Sayfası(Diğer) PR5

Austin Community College Recommended Websites(Genel)Ekleme Sayfası(Dizin) PR5

Eat Well Guide(Sağlık)Ekleme Sayfası(Dizin) PR5

Blogger & Podcaster Guide(Medya)Ekleme Sayfası(Dizin) PR5

Madison Metropolitan School District Library of Student Recommended Sites(Genel)Ekleme Sayfası(Dizin) PR5

Quackwatch Interesting Web Sites(Genel)Ekleme Sayfası(Dizin) PR5

Bu yazı savasuyar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Google'dan Beklenen Türkçe'ye Çeviri Hizmeti

savasuyar — Sun, 01 Feb 2009 17:29:00 GMT

bildirgeç japonca

Google'dan beklenen adım nihayet geldi. Artık yabancı dildeki siteleri türkçe takip etmek mümkün .
Çoğumuzun daha önceden, çince ve arapça gibi latin harfler kullanmayan ya da bilmediğimiz dillerde yayınlanan çeşitli siteleri (belki ingilizceye çevrilmiş olarak) takip edebilmek için kullandığımız google'in çeviri sayfası artık türkçe çeviriyi de mümkün kılıyor. Halen bir çok eksiği olsa da, devrim niteliğinde sayılan bu özellik, hiç şüphesiz google'ın internet dünyasında en büyük katkılarından biri.

Türkçe çeviri hakkında bilgi vermek gerekirse, yukarıda bahsettiğimiz eksiklere Türkçe'nin çevrilebilirlik düzeyi de eklenince, istediğmiz düzgün sonuçları almak şimdilik pek mümkün olmuyor.

Ama hakkını vermek gerekirse, aşağıda bildirgeçin çeşitli dillere çevrilmiş halinden de anlaşılacağı üzere google çevirisinin siteyi takip edecek düzeyde yeterli olduğu hemen gözleniyor. (Aşağıda Arapça ya da çince çevirlere bakarak ne demek istediğimi anlayabilirsiniz.)

son olarak google çeviri sayfasının pek çok özelliğini saymak şimdilik mümkün görünmesede, yorum kısmında türkçe nerde google diye sordurtan şu bildirgeç yazısına bir link vermeyi uygun görüyoruz.

iki önemli hususu belirtmekte fayda var.

bunlardan birincisi çevirdiğiniz sayfanın herhangi bir yerine fareyi götürdüğünüzde o kısmın orjinal metnini görebiliyor hatta kendi çevirinizi önerebiliyorsunuz. (şu sayfanın en altına bakınız.)
ikincisi ise 40 dilde hizmet veren bu servis şimdilik sadece sayfaları türkçeye çevirmekle yetiniyor. Geliştirilmesine devam eden servis için beklenen diğer özellikler ise de şu anda 21 farklı dilde sunulan geniş sözlük ve çapraz arama servislerinin Türkçe olarak da sunulması. (bknz)"

aşağıya bildirgeç'in çeşitli dillere çevrilmiş hallerini ekledik. incelemekte fayda görüyoruz

bildirgec.org çevirisi için;
ingilizceye
ispanyolcaya
almancaya

fransızcaya
arapçaya
çinceye
japoncaya

Bu yazı savasuyar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

web tasarımcılarının hayatını kolaylaştıran 22 Adet Firefox 3 Eklentisi

savasuyar — Wed, 08 Oct 2008 11:12:00 GMT

Bu eklentilerle firefox'u kullanıcı dostu olmaktan çıkartıp "tasarımcı-dostu" ya da "geliştirici-dostu" bir tarayıcı yapabilirsiniz.

Web Developer 1.1.6: Bu eklenti toolbara bir menü ekliyor ve içierisinde pek çok araç barındırıyor geliştiriciler için.

Style Sheet Chooser II 3.0.0.1: Bu eklenti Firefox'ta var olan sayfa stili seçicisinin yaptığı görevi bir ikon halinde toolbarda yerini alarak yapıyor.

CSSViewer 1.0.3: CSS özellikleri göstericisi.

CSS validator 3.0.0: Bir sayfayı W3C CSS standartlarına göre kontrol edip başka bir sayfada sonuçları size sunuyor.

ColorZilla 2.0: İşte pek çok geliştiricinin kullandığı bir eklenti. Mouse ikonu ile üzerine geldiğiniz her şeyin rengini status barda size seçeceğiniz renk düzeni ile gösteriyor.

Font Finder 0.5c: bir sayfadaki belli bir yazıyı seçerek onun hangi font olduğunu öğrenmenize yarıyor. Gayet pratik ve faydalı.

Html Validator 0.8.5.2: CSS validatorda olduğu gibi sayfayı HTML standartlarına göre kontrol ederek hata sayısını ve tiplerini size sunuyor.

DownThemAll! 1.0.3: Firefox için faydalı ve çok kullanılan bir download yöneticisi.

iMacros for Firefox 6.0.7.2: Her zaman tekrarladığınız bi işlemi iMacros'a öğreterek otomatik olarak yapılmasını sağlayabilirsiniz.

Firebug 1.2.1: Bir sayfayı JS, CSS, Html kodlamaları açısından kontrol edip hata sayıları ve türleri hakkında bilgi almanızı sağlıyor.

Screengrab! 0.95: bir sitenin ekran görüntüsünü tek tıkla almanızı sağlıyor.

MeasureIt 0.3.8: İşte çok faydalı bir eklenti daha. Bir sayfanın herhangi bir yerini, bir resmi ölçmenizi sağlıyor. Ölçü statusbarda pixel olarak görüntüleniyor.

OperaView 0.6.1: Bu eklenti mevcut sayfanın size operadaki görünümünü gösteriyor.

Window Resizer 1.0: Sayfanın farklı çözünürlükteki görünümlerini görebilmeniz için hazırlanmış bir eklenti.

IE Tab 1.5.20080823: Bu eklenti de sayfanın IE'deki görünümünü karşınıza getiriyor.

Ve diğerleri...
Pencil 1.0.3

Greasemonkey 0.8.20080609.0

kaynak

Bu yazı savasuyar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

silverstripe içerik yönetim sistemi

savasuyar — Fri, 05 Sep 2008 20:46:00 GMT

silverstripe içerik yönetim sistemi

SilverStripe açık kaynaklı bir içerik yönetim sistemi.Bu işletim sisteminde ne ararsanız var içerik olarak yani sürekli geliştiği belli. Birçok eklenti içinde mevcut. Bunları sayarsak Blog, Online Satış (paypal destekli), Üyelik, Flickr Galeri, Forum, Galeri (kendi hostunuzda), Harita (googlemap), Youtube Galeri göze çarpan eklentiler.. Bu eklentiler sayesinde bir çok site yapmanız mümkün (satış sitesi, blog vs.) Rss desteği bulunmakla beraber rss okuma özelliği ile başka sitelerdeki rss akışlarını sitenizde gösterebilirsiniz.Ayrıca sistemde widget desteğide bulunmakta. Gelişmiş yönetim paneliyle site üzerinde tamam kontrol sağlayabilirsiniz. Sistem gereklilikleri ise PHP 5.2.0 ve üzeri , MySQL 4.1 ve üzeri. Türkçe dil desteği olmakla beraber türkçe yardım sitesini bulamadım.

SilverStripe demosu için buraya,
Admin paneli örneği için buraya,
(kullanıcı adı : admin / şifre : password.)
Bu sistemi kullananları görmek için buraya,
SilverStripe Version 2.2.2 indirmek için buraya

Bu yazı savasuyar tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage