bildirgec.org - krematoryum - beğendikleri

Windows 7 için İpucu, İnce Ayar ve Öneriler

krematoryum — Mon, 28 Sep 2009 17:17:00 GMT

Pek çoğumuz Windows'un yeni sürümü Windows 7'yi denedik ve hatta kullanmaya başladık ya da başlayacağız. Windows 7 Ekim ayı sonunda resmen hayatımıza girecek; bu nedenle 2009'un son aylarında en çok konuşacağımız konuların başında olacak.

Özellikle Windows XP'den terfi edenler başta olmak üzere Windows 7'ye yeni adım atacak bilgisayar kullanıcılarının yeni işletim sistemi ile daha performanslı ve iyi çalışan bir sistem oluşturmak ve yeni işletim sistemine alışmak için ilk aşamada belli ipuçlarına ve yönlendirmelere ihtiyaçları var. Bu noktadan hareketle, bu yazıda Windows 7 için en çok işimize yarayabilecek ipucu ve ince ayarları bir araya getirmeye çalıştım.

kısacası, bu yazının ana hedefi Windows 7'yi kurduktan sonra atılması gereken ilk adımları sunmak.

Windows 7 Sistem Gereksinimleri

Windows 7 kurulumuna başlamadan önce sistemimizin gerekli koşulları sağladığını kontrol etmekte fayda var. Windows 7 için sistem gereksinimlerini buradan öğrenebilirsiniz.

Windows 7'yi Hızlandırın

Windows 7 ilk haliyle de oldukça hızlı bir işletim sistemi olsa da, gereksiz servisleri, başlangıç ögelerini ve animasyonları devre dışı bırakarak sistemi biraz daha hızlandırabiliriz.

.:: bu başlık ile ilgili yazı burada

Windows 7'deki gereksiz bileşenlerin kaldırılması

Microsoft nihayet kullanmadığımız Windows bileşenlerini kaldırmamıza olanak sağlamış. Böylece artık tercih etmediğimiz Internet Explorer, Windows Media Player, Windows Arama vb. pek çok Windows bileşenini tamamen kaldırabiliyoruz.

.:: bu konuda detaylar...

Windows Görev Çubuğundaki Butonların Organize Edilmesi

Windows 7 görev çubuğu (taskbar) butonlarını yeniden organize etmemize olanak sağlıyor. Detaylar burada.

Oturum Açma Ekranını (Login Screen) Özelleştirin

Windows 7 Oturum Açma Ekranı'nı herhangi bir 3. parti yazılıma ihtiyaç duymadan değiştirmemiz mümkün.

.:: detaylar burada...

Windows 7 Hesabınızla ile Windows Live ID'nin İlişkilendirilmesi

Windows 7 kullanıcıları Windows hesapları ile Windows Live ID'lerini ilişkilendirebiliyormuş. Bunun nasıl olacağı ve faydaları bu yazıda.

Windows 7 Klavye Kısayolları

Klavye kısayollarını sık kullanmayı tercih ediyorsanız; Windows 7'yi daha iyi kullanmak için yeni oluşturulan kısayolları öğrenebilirsiniz...

Daha iyi performans için arama indeksleme servisinin kapatılması

Windows XP ve Vista'da kullanmadığımız indeksleme servisini kullanmayı tercih etmeyenlerdenseniz bu servisi devre dışı bırakarak sistem performansını arttırabilirsin.

.:: detaylar burada

Daha Hızlı Windows 7 Görev Çubuğu

Windows 7'nin yeni ve işlevsel görev çubuğunu hızlandırmanın detayları burada...

Kullanıcı Hesap Kontrolü (User Account Control)'nün Daha Az Rahatsız Edici Hale Getirilmesi için 4 Yol

Windows Vista ile hayatımıza giren Kullanıcı Hesap Kontrolü'nden kurtulmak için değişik yöntemler bu sayfada verilmiş... Burada ise Kullanıcı Hesap Kontrolü'nün aktif olduğunda ekranımızı karartmasına engel olacak yöntem verilmiş.

Windows 7'de Sistem Imaj'ı Olutşurmak (Windows 7'de Yedekleme

Windows 7'de yedekleme araçları oldukça geliştirilmiş. Burada Windows 7'de yedekleme / sistem imajı oluşturmanın adımları verilmiş.

Windows 7 ile Uyumlu Anti-Virüs ve Anti-Spyware Yazılımlarının Listesi

Windows 7'de yazılım uyumluluğu konusunda ciddi sorun olacağını sanmıyorum; ama yine de merak edenler için How-To-Geek sitesi uyumlu anti-virus yazılımlarını burada bir araya getirmiş. Windows 7 ile kullanabileceğimiz uyumlu anti-spyware yazılımların listesi ise burada.

Windows 7′yi, Windows XP veya Windows Vista ile Birlikte Kullanma (Dual-Boot)

Masaüstü slayt gösterisi (Desktop Slideshow)

Renk kalibrasyonu ile doğru renkler

------------------------------------------------
Daha Fazla Kaynak

Not: Bu listede yer alan kaynak sitelerde yer alan her bir başlığı Türkçe'ye çevirmenin zorluğunu dikkate alarak sadece ilgili sitelere link vermekle yetindim ne yazık ki. Ama önümüzdeki günlerde belli konuları tek tek bu sayfalarda tartışıyor olacağız sanırım.

Bu yazı krematoryum 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

Project Natal - Oyun Dünyasında Yeni Bir Çağ

krematoryum — Thu, 04 Jun 2009 08:50:00 GMT

Project Natal

Önceden oyun kumandaları ile oynardık ve "keşke şu şutu ben çekebileseydim şimdi kesin goldü" derdik. Ardından Wii'nin hareket algılayıcı kumandasını kullandık ve "keşke bowling topunu daha farklı açıyla atabilseydim" dedik. Ve artık bu keşkeleri sonlandıracak bir sistem var: Project Natal. üzerinizde hiçbir kontrol cihazı taşımadan oyunları içinizde hissedeceğiniz bir sistem.

Microsoft'un geliştirdiği yeni kontrol sistemi "Project Natal" Los Angeles'taki E3 fuarında tanıtıldı. Project Natal, Xbox 360'a entegre edilen bir alıcı. Bu alıcıda 2 mikro kamera ve mikrofon yer almakta. Bu alıcıdaki kameralar ile bütün hareketleriniz, mikrofon ile de sesler algılanıyor.

Project Natal - Alıcı

Bu sistemle artık bütün kontroller sizde olacak. Bir dövüş oyununda gerçek tekmeler atabilecek, kroşelerden kıvraklığınızla kurtulabileceksiniz.

Sistemdeki algılama özelliği sayesinde kaykay oyunu oynarken kendi evinizdeki kaykayı taratarak onunla oyuna devam edebileceksiniz. Normalde oyun kumandalarıyla yaptığınız hareketleri artık gerçekmiş gibi kendiniz yapabileceksiniz.

Project Nadal ile menülerde yalnızca elinizi oynatarak gezebiliyorsunuz. Bir film izlemek istediğinizde arşivden seçip "Play the movie" demek yeterli. Ya da siz Formula 1 pilotluğu yaparken pit-stop'a girdiğinizde kardeşiniz tekerleklerinizi değişebilecek. Buradan da anlayacağınız üzere çoklu kontrol mekanizmasına sahip bir sistem Project Natal.

Tabii ki sadece bununla da sınırlı değil. Buradaki E3 tanıtım videosunda değişik özelliklerini de görebilirsiniz.

Kaynak

Bu yazı krematoryum 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 Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol

krematoryum — Fri, 10 Apr 2009 06:45:00 GMT

Web sitenizin tasarımı hazır, içerik yönetim sistemi muhteşem çalışıyor, içerik siteye eklendi ve müşteriniz son derece memnun. Artık sitenizi yayımlamanın vakti geldi. Yoksa gelmedi mi? Bir web sitesini yayımlarken genellikle onu yayımlamak için duyduğunuz sabırsızlık nedeniyle birkaç önemli noktayı atlarsınız. Bu yüzden sitenizi dünyaya duyurmadan önce yapılması gerekenleri içeren bir kontrol listesi bulundurmanız ve onu her yeni web sitesini yayımlamadan önce kontrol etmeniz, sitenizin geleceği ve kalitesi açısından önemlidir.

Bu makalede, bir websitesi resmiyete kavuşmadan önce kontrol edilmesi gerekenlerin bir listesini bulacaksınız. Makale içerisinde genellikle unutulan küçük ayrıntılar yer alıyor ve bunlar zamanında yapıldığı taktirde hem sizin daha az zamanınızı alacaktır, hem de genel olarak kullanıcı deneyimine olumlu katkıları olacaktır.

1. Favicon

Favicon bir web sitesini sekme ya da pencre üzerinde tanıtmaya yardımcı olur. Faviconlar genellikle bir web sitesinin yer imlerine eklenmesi durumunda da adres ile birlikte istemci üzerine kaydedilir. Ancak bundan emin olmak için aşağıdaki kodu sitenizin head etiketleri arasına yerleştirmeniz gerekir.

<link rel="icon" type="image/x-icon" href="/favicon.ico" />

Eğer iPhone için bir favicon kaydetmek istiyorsanız, o zaman aşağıdaki kodu da eklemelisiniz.

<link rel="apple-touch-icon" type="image/x-icon" href="/favicon.ico" />

2. Başlıklar ve Meta Verisi

Sayfanızın başlığı SEO (Arama Motoru Optimizasyonu) için en önemli elementtir. Bunun yanısıra kullanıcılarınızın ziyaret ettikleri sayfada ne olduğunu anlamaları açısından da önem taşır. Sayfa başlığının her bir sayfada değişmesine ve sayfa içeriği ile alakalı olmasına özen gösterin.

<title>Web Sitenizi Yayımlamadan Önce Yapmanız Gereken 15 Önemli Kontrol | bildirgec</title>

Meta description (açıklama, tanımlama) ve keyword (anahtar kelime) etiketleri SEO için artık çok önemli olmasa da (en azından en çok kullanılan arama motorları için), siz yine de onları sayfanıza eklemeye özen gösterin. Her bir sayfada açıklamanın değiştiğine ve sayfanın içeriği ile alakalı bir açıklama olması gerektiğine dikkat edin zira genellikle bu açıklama, Google'nin arama sonuçları sayfasında göstereceği şey olacaktır.

3. Çapraz Tarayıcı Kontrolleri

Tasarımınızın mükemmel göründüğünü düşündüğünüz anda onu Internet Explorer üzerinde kontrol ettiğinizde öyle olmadığını anlayacaksınızdır. Web sitenizin farklı tarayıcılarda aynı şekilde görünmesi oldukça önemlidir. Her şey %100 aynı olmasa bile en azından ana işlevselliği korunmalıdır ve kullanıcı herhangi bir problemin varlığını sezmemelidir. Kontrol etmeniz popüler tarayıcılar Internet Explorer 6, 7 ve 8, Firefox 3, Safari 3, Chrome, Opera ve iPhone olmalıdır.

4. Yazım Denetimi

Her şeyi okuyun. Eğer daha önce okumuş olsanız bile tekrar okuyun. Bir başkasına da okutun. Genellikle bu kontroller sırasında hatalı olan şeyleri fark edecek ve onları değiştirmek isteyeceksinizdir. Sitenizdeki metni içerik konusuna hedefleyerek onu az tutmayı deneyin. Uzun metin bloklarını daha kısa paragraflara bölün. Yazı genelinde başlıklar kullanın ve listeler kullanarak okurlarınızın kolay bir şekilde içeriğinizi tarayabilmesini sağlayın. Uyarı kutuları gibi dinamik metinleri de unutmayın.

Onlarsız Yapamayacağınız 20 Tipografi Uygulaması

5. Bağlantılar

Tüm bağlantılarınızın çalışacağını sanmayın. Onlara tıklayın. Harici web sitelerine bağlantı verirken bağlantıların başına "http://" eklemeyi unutmuş olabilirsiniz. Bağlantılar sayfadaki metnin geri kalanından daha ön planda olmalıdır. Bağlantı olmayan bir metnin altını çizmeyin zira bu kullanıcının kafasını karıştıracaktır. Ziyaret edilmiş bağlantılarınız için de ayrı bir stil uygulamayı ihmal etmeyin.

Buraya Tıklamayın! Bağlantıları Doğru Kullanmak

6. İşlevsellik Kontrolü

Sitenizdeki her şeyi derinlemesine kontrol edin. Eğer bir iletişim formunuz var ise, kendinize bir mesaj göndermeyi deneyin ve kullanıcıların ne ile karşılaşacaklarını kendiniz görün. Sitenizi başkalarınızın test etmesini sağlayın. Sadece arkadaşlarınızın ya da diğer aile üyelerinizin değil, web sitenizin hedeflediği pazar alanındaki kişiler tarafından test edilmesini sağlayın. Arkanıza yaslanın ve bir kullanıcının sitenizi nasıl kullandığını izleyin. Bir başkasının sitenizi kullanma şeklini gördükten sonra sizin sandığınızdan ne kadar farklı olduğunu anladığınızda çok şaşıracaksınız. Kontrol edilmesi gereken şeyler arasında iletişim formları, arama özellikleri, alışveriş sepetleri ya da giriş alanları yer almalıdır.

7. Sorunsuz İndirgeme

Web siteniz JavaScript'in etkin olmadığı tarayıcılar üzerinde de çalışmalıdır. Kullanıcılar genellikle güvenlik için JavaScript'i kapatırlar, bu yüzden buna hazırlıklı olmalısınız. JavaScript'i Firefox üzerinde kolayca etkisizleştirebilirsiniz. Formlarınızı kontrol ederek JavaScript'in etkin olmadığı durumlarda bile sunucu tarafflı kontrollerden sorunsuzca geçtiğini ve güzel görünümlü AJAX parçalarını kontrol edin ve JavaScript etkin olmadığında bile bunun sitenizin genel kullanılırlığını engelleyip engellemediğini inceleyin.

Website Ziyaretçilerinizin İlk İzlenimini Etkileyen 21 Faktör

8. Doğrulama

100% doğrulanmış bir web sitesini hedeflemelisiniz. Her ne kadar doğrulanmamış bir web sitesi dünyanın sonu olmasa da sitenizin doğrulanmamasına sebep olan hataları bilmek ve o can sıkıcı hataları giderebilmek, kodunuzun ve sitenizin kalitesi açısından da önemlidir. Sitenizin doğrulanmamasına sebep olacak hatalar arasında alt etiketi içermeyen görseller, kapanış etiketleri kullanılmaması ve & yerine & kullanılmamış olması.

9. RSS Bağlantıları

Eğer web siteniz bir bloga ya da haber akışına sahipse, kullanıcılarınızın abone olabilecekleri bir RSS bağlantısı olmasına özen gösterin. Kullanıcılarınız RSS beslemelerini kolayca bulabilmelidir. Aşağıdaki kodu sitenizin head etiketleri arasına eklerseniz, destekleyen tarayıcılarda adres satırının hemen yanında standart RSS simgesi görünecektir ve kullanıcılarınız o simgenin üzerine tıklayarak sitenize abone olabilirler.

<link rel="alternate" type="application/rss+xml" title="Site or RSS title" href="link-to-feed" />

10. Analiz

Sitenizin ziyaretçi istatistiklerini takip edebileceğiniz bir tür site analiz aracı kullanmak, sitenizin ne kadar başarılı olduğunu ve hedeflerinizin ne kadarının gerçekleştiğini anlamanız açısından önemlidir. Günlük tekil ziyaretçişleri, aylık sayfa gösterim sayılarını ve tarayıcı istatistiklerini takip edin. Tüm bu veriler sitenizin yayında olduğu ilk günden itibaren takip edilmelidir. Google Analytics pek çok web sitesi sahibi arasında popülerdir. Kullanabileceğiniz diğerleri ise Clicky, Kissmetrics (halen kapalı beta formunda), Mint ve StatCounter gösterilebilir.

11. Sitemap

Sitenizi barındırdığınız sunucunun ana dizini üzerine (sitenizin ana sayfasının bulunduğu dizin) sitemap.xml dosyası eklemeniz durumunda arama motorları sitenizi daha kolay bir şekilde arşivleyebilecektir. Bu dosyanın içeriği, sitenizdeki tüm sayfaların adreslerinden oluşmaktadır. XML-Sitemaps web sitesi, sizin için kolayca sitemap.xml dosyasını oluşturacaktır. Bu dosyayı oluşturduktan sonra ilgili dosyayı sitenizin ana dizinine yüklemelisiniz, bu sayede dosyanın adresi http://www.sitenizinadresi.com/sitemap.xml olmalıdır.

Eğer WordPress kullanıyorsanız, Google XML Sitemap Eklentisi sayesinde siz ne zaman blogunuza yeni bir yazı yazarsanız, ilgili eklenti sitemap dosyanızı otomatik olarak güncelleyecektir. Ayrıca sitenizi ve sitemap adresinizi Google Webmaster Araçlarına eklemeyi unutmayın. Bu araç Google'ye bir sitemap sahibi olduğunuzu söyler ve ardından ilgili araç aracılığı ile sitenizin en son ne zaman Google tarafından arşivlendiği ve sitenizdeki hangi sayfaların Google tarafından erişilemediği gibi bilgilere ulaşabilirsiniz.

12. Koruyucu Tasarım

Genellikle pek üzerinde durulmayan koruyucu tasarım elementi 404 sayfasıdır. Eğer bir kullanıcı siteniz üzerinde bulunmayan bir sayfayı ziyaret ederse, 404 sayfası görüntülenir. Bu, pek çok farklı sebep yüzünden olabilir. Bu sebepler arasında bir başka web sitesinin sitenizde yer almayan bir sayfaya bağlantı vermesi sonucu olabilir. Kullanıcılarınızı ana sayfaya yönlendiren bir 404 sayfası oluşturarak kullanıcılarınızı sitenizde tutabilirsiniz. Ayrıca ziyaretçilerinizi alakalı sayfalara da yönlendirmeyi tercih edebilirsiniz.

Bir diğer koruyucu tasarım tekniği ise formunuzun doğrulanıp doğrulanmadığını kontrol etmektir. Form alanlarınıza alışılmışın dışında veriler girerek (örneğin çok fazla sayıda karakter, numara alanlarına harf girmek vs) formuzun çalışıp çalışmadığını ve bir hata vermesi durumunda ise kullanıcılarınızın bu sorunu giderebilmeleri için neler yapması gerektiği konusunda bilgilendiren bir mesajın belirip belirmediğini kontrol edin.

13. İyileştirin

Web sitenizin en yüksek performansta çalışmasını istersiniz. Bunu siteniz yayımlandıktan sonra düzenli olarak kontrol ederek gerçekleştirebilirsiniz ancak siteniz yayımlanmadan önce de kontrol etmeniz gereken bazı şeyler vardır. HTTP isteklerini azaltmak, CSS sprites (hareketleri) kullanmak, görsellerinizi web için optimize etmek, JavaScript ve CSS dosyalarınızı sıkıştırmak gibi önceden alabileceğiniz tedbirler, sitenizin daha hızlı açılması ile sonuçlanacak ve ayrıca sunucunuza daha az yük getirecektir.

Ayrıca, kullandığınız yayımlama motoru ile değişmekle birlikte, daha ciddi tedbirler almayı da deneyebilirsiniz. Örneğin, eğer WordPress kullanıyorsanız, caching adı verilen ve dinamik sayfaları önceden işleyerek onları HTML biçimine dönüştüren ve bu sayede sunucunun işlemcisini çok daha az yoran eklentileri kullanmayı deneyebilirsiniz. WP-Cache eklentisi bu alanda işinizi görecektir.

14. Yedekleyin

Eğer web siteniz bir veritabanı üzerinden çalışıyorsa, o zaman bir yedekleme stratejisine ihtiyacınız olacaktır. Yoksa verilerinizi kaybettiğiniz gün geldiğinde, neden verilerimi yedeklemedim diye kendi kendinizi yer bitirirsiniz. Olmaz demeyin, oluyor. Eğer WordPress kullanıyorsanız, WordPress Veritabanı Yedekleme Eklentisini kullanın. Eklenti sayesinde sitenizin düzenli olarak yedeğinin alınmasını sağlayabilir, ve bu yedeklerin elektronik posta adresine gönderilecek şekilde ayarlayabilirsiniz.

15. Yazdırma Stil Şablonu

Eğer bir kullanıcı web siteniz üzerindeki bir sayfayı yazdırmak istiyorsa, o kullanıcının sitenizdeki gezinti elementleri ya da harici tasarım elementlerinin kağıt üzerinde görünmesini istememe, sadece içeriğin görünmesini isteme ihtimali oldukça yüksektir. İşte bu yüzden yazıcılar için bir stil şablonu oluşturmak önemlidir. Ayrıca yüzen elementler gibi bazı CSS elementleri, yazıcı çıktısı üzerinde güzel görünmezler.

Bilgisayarların yazıcı çıktısı alınması sırasında otomatik olarak algılayacakları bir stil şablonu oluşturmak için aşağıdaki kodu sitenizin head etiketleri arasına yerleştirmeniz yeterlidir.

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

Koddan da anlayacağınız üzere yazdırma stil şablonunuzu print.css üzerinde oluşturmalısınız.

Kontrol Listesini İndirin

Kısa bir süre önce Dan Zambonini, bir web sitesi hem yayımlanmadan önce hem de yayımlandıktan sonra yapılması gereken kontrolleri içeren oldukça detaylı bir kontrol listesi hazırladı. Diğer şeylerin yanısıra Ultimate Website Launch Checklist, içerik ve stil ile alakalı kontrolleri, standartlar ve doğrulamayı, arama motoru görünürlüğünü, işlevsellik testini, güvenlik ve risk oluşumlarını, performansı ve pazarlamayı da içeriyor.

İlgili kontrol listesinin pdf sürümü de bulunuyor. Bu kontrol listesi özellikle gündelik projeleriniz üzerinde oldukça faydalı olmasının yanısıra siteniz yayımlandıktan sonra hatalarla karşılaşma olasılığınızı da en az seviyeye indirecektir.

Ayrıca David Leggett'in hazırladığı Hızlı Kullanılabilirlik Kontrol Listesi'ne de bir göz atmak isteyebilirsiniz. Bu liste, özellikle tasarımcıların projelerini tasarlarken, kullanılabilirlik ve erişilebilirlik kontrolleri için yapmaları gerekenleri içeriyor. Her ne kadar bu listedekilerin hepsi her web sitesi için geçerli olmasa da, sitenizi tasarlama aşamasında bir göz atmanızda fayda var.

Sizin Listeye Eklemek İstediğiniz Diğer Kontroller Neler?

Kendinize bir yapılacaklar listesi oluşturun ve herhangi bir web sitesini hazırlamadan önce ona bir göz atın. Yukarıdaki listede yer almayan ve sizin de listeye eklemek istediğiniz herhangi bir kontrol öğesi var mı? Yorumlarınızla paylaşın.

Bu yazı krematoryum 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

Size Sıfırdan İkon Tasarımını Öğretecek 50 Kaynak

krematoryum — Sun, 05 Apr 2009 09:33:00 GMT

Simgeler (ikonlar), herhangi bir grafiksel kullanıcı arabirimi (gui) için oldukça önemlidir. Görevleri yerine getirmek ya da belirli bir bölgeye gitmek için verimli birer görsel ipucudur. İnternet üzerinde kendi simgelerinizi tasarlamanıza yardımcı ve size ilham kaynağı olacak pek çok kaynak bulunmaktadır. Bu yazımızda ise size simge tasarlamasını öğretecek bu kaynakların en iyi 50 kaynağı bulacaksınız.

Genel Dersler

1. Bir Simgenin Tasarımı

2. Bir Simge Nasıl Yapılır?

3. Simge Tasarımında 10 Hata

4. Simge Tasarımı: Bitmap ve Vektör Karşı Karşıya

5. Simge Oluşturmak İçin Profesyonel Teknikler

6. Verimli Simge Tasarlayabilmenin 7 Kuralı

7. Verimli Simge Tasarımı İçin 10 İpucu

8. İkon Tasarım Açıklaması (Sade)

9. Mini Simgeler Nasıl Tasarlanır?

Illustrator Dersleri

10. 3B Vektör Takvim Simgesi Yapımı

11. Vektör Film Şerit Simgesi

12. Bir Gözlük Nasıl Mükemmel Bir Simgeye Dönüştürülür?

13. Detaylı Fotoğraf Makinesi ve Fotoğraf Simgesi

14. Çok Renkli Arkadaş Simgeleri Oluşturumu

15. Adobe Bridge Simgesi

16. Illustrator'da Vektör Safari Pusula Simgesi Oluşturumu

17. Yarı Saydam Anında Mesajlaşma Simgesi Oluşturumu

18. Illustrator'da Vektör RSS Simgesi Oluşturumu

19. Sulu RSS Besleme Simgesi

20. Vektörel Askeri Şapka Simgesi Oluşturumu

21. Lezzetli Çin Yemeği Simgesi

22. Saydam Pil Simgesi

23. Vektör Kilit Simge Tasarımı

Photoshop Dersleri

24. Sabit Disk Simgesi

25. Saat ve Hız Göstergesi Simgesi

26. Detaylı Pusula Simgesi

27. Güvenlik Simgesi

28. Parlak İndirme Simgesi

29. Sarrı Başlık Simgesi Oluşturumu

30. Jaguar Tarzında Klasör Simgesi

31. Vista Hata Simgesi

32. Vista Klasör Simgesi

33. iPhone İçin iTunes Simgesi

34. XP Tarzında Para Simgesi

35. Sinirli Emoticon

36. XP Tarzında iPod Simgesi

37. LG LCD Monitör Simgesi

38. Adobe Photoshop CS3 Simgeleri

39. Saat Simgesi

40. Dünya Simgesi

41. Klasör Simgesi

42. Parlak RSS Simgesi

43. Yahoo! Smiley Simgesi

44. Skype Buddy Simgesi

45. Alaycı Smiley Oluşturumu

46. iTune Simgesi

47. Hızlı Klasör Simgesi Yapımı

48. Arama Simgesi

49. Saat Simgesi Oluşturmak

50. Bilgisayar Simgesi Oluşturma Dersi

Simgeler Hakkında Yazdığım Diğer Yazılar

Size Sıfırdan XX Öğretecek Kaynaklar Yazı Dizisi

Bu yazı krematoryum 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

Doğrulanmış (X)HTML - Önemli mi?

krematoryum — Tue, 10 Feb 2009 19:11:00 GMT

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.

4. Google doğrulanmış kodu tercih eder
Shaun Anderson ilginç bir doğrulama testi gerçekleştirmiş; Google doğrulanmış kodu sever mi?

Deneyde aynı içeriğe sahip 4 farklı sayfa doğrulanmış ve doğrulanmamış HTML ve CSS kodları ile kodlanmış. Sonuç ise Google doğrulanmış HTML'ye ve CSS'ye sahip kodu seçmiş ve ilgili sayfayı diğerlerinin üzerinde arşivlemiş.

5. Erişilebilirlik
Doğrulanmış bir koda sahip web sitesinin tüm tarayıcılar tarafından erişilebillir olma ihtimali yüksektir. Buna farklı platformlar ve ekran okuyucuları da dahildir.

6. Bireysel tatmin
Kodunuza doğrulama kontrolü uyguladığınızda ve ekranın üst kısmında yeşil renkli çubuğu gördüğünüzde kendinizi iyi hissedersiniz :)

En sık görülen doğrulama hataları ve düzeltme yöntemleri

a. & işareti (Ampersan)
En sık görülen sorunlardan birisi budur. Ampersanlar '&' şeklinde yazılmalıdır, '&' şeklinde değil. Bu işlem URL yazarken de geçerlidir.
<a href="http://images.google.com/imghp?hl=en&tab=wi">

b. İki yana bloklar (Quotation)
Element özellikleri daima tırnak işaretleri arasında belirtilmelidir.
<body bgcolor="#ffffff">

c. Kapanış etiketleri
Tüm elementler mutlaka kapanmalıdır ve eğer XHTML DTD kullanmışsanız bu durum görsel etiketleri için bile geçerlidir.
<img src='http://www.bildirgec.org/image.jpg' alt="Image" />

d. Belge türleri (Doctype)
Sayfanız mutlaka doğru Belge Türü Tanımlamasına (DTD) sahip olmalıdır ve bu sayfanın en üst kısmına yerleştirilmelidir. Unutmayın ki belge türleri büyük/küçük harfe duyarlıdır.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

e. Elementleri yanlış şekilde iç içe yerleştirmek
Elementler aynı sırada açılıp tersi sırada kapanmalıdır.
Paragraf

Dünya'nın En Önemli Sitelerinin Kodu Doğru mu?
Peki tüm bu bilgilerden sonra popüler web sitelerinin kodları doğru mu? Aşağıda dünyanı en çok ziyaret edilen sitelerinin kodlarının doğru olup olmadığını inceledim ve onları iyiden kötüye doğru sıraladım.

Peki Tasarım Komünitesinde İşler Nasıl
Tasarım ve teknoloji komünitesinin büyük isimlerine bir bakalım.

Sonuç
Web sitelerinizin kodunuzun doğru olmasının önemli olduğunu ve bunu alışkanlık haline getirmeniz gerektiğini düşünüyorum. Buna rağmen yukarıdaki sitelere baktığımda (ki bu sitelerin tamamı mükemmel içeriklere ve tasarımlara sahiplerdir) kodu doğru olmayan bir sitesi sahibi olmanın da dünyanı sonu olmadığı aşikar.

Eğer siz de benim gibi düşünüyorsanız, kodunuz doğru olduğunda geceleri daha rahat uyuyacaksınızdır

Sizin sitenizin kodu doğrulanabiliyor mu?
Bu yazı için web sitelerinin kodlarının doğru olup olmadığını takip etmek zor bir işti, bu yüzden başka sitelerin de kodlarının doğru olup olmadığını görmek güzel olacaktır. W3C Doğrulama Kontrolünü siteniz üzerinde uygulayın ve ardından sonuçları yorumlarınızla paylaşın. Türkiye'nin bazı önemli sitelerin kodlarının doğru olup olmadığını da merak etmiyor değilim.

Kaynak: Lee Munroe

Kullanılabilirlik ve Web Standartları Üzerine Yazdığım Diğer Yazılar

Bu yazı krematoryum 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

Javascript Oyun ve Demolar

krematoryum — Thu, 18 Dec 2008 20:11:00 GMT

birçok interaktif web uygulamasının bel kemiğini oluşturan javascript ile yapılan demo ve oyunları görünce hayretler içinde kalmamak elde değil..

işte pouet.net javascript bölümünde sıralı listesine ulaşabileceğiniz demo ve introlardan en beğenilenler/beğendiklerim...:

3D Tomb II

3D Tomb II 4KB boyutunda FPS tarzı bir oyun..

Mooncheese

Mooncheese ile javascript neymiş, nelere kadirmiş anlıyorsunuz.. harika bir demo... (oynatırken ie kullanmak lazım)

redbug

redbug 64 kb büyüklüğü (müzik dahil) js ile yapılacaklara güzel bir örnek.. özellikle müzik ve objelerin senkronizasyonu hayranlık uyandırıcı..

antisocial

antisocial javascript ile üçüncü boyut ve kamera kullanımının uç noktalara vardığı harika bir demo.. diğerlerinden konu olarak da ayrılan antisocial kalabalıklar içinde yalnızlıkları, sosyalleşmek adına antisosyalleşen internet insanını tasvir ediyor.. download edilen zip dosyasının içerisinde bir de tool var ve bu tool ile demo bir zaman ekseninde sıralanmış.. istediğiniz frame gidip o framede mouse ile kamera açılarını istediğiniz gibi değiştirebiliyorsunuz.. gerçekten etkileyici bir demo...

breakout 4k

breakout 4k sadece 4 kb boyutu ile oynanılabilen bir breakout / arkanoid klonu..

robotroom

robotroom da bizden bir oyun.. türk demoscene grubu bronx'un yine Türkiye'de düzenlenen bir demoscene parti organizasyonu olan 7d04'de yayınladığı hoş bir oyun..

Tunnex

Tunnex sadece "w" karakteri kullanarak yapılan bir ascii tünel demosu ve hepi topu 256 byte

Mars

Mars yüzeyini temsil eden harika bir yeryüzü dalga animasyonu (evet bu da 256 byte)

Neja

Neja tam demo kategorisinde yer alan ve güzel imaj efektlerine sahip. fakat müziği mp3 formatında ve müziği çalabilmesi için dahili bir flahsmp3 çalar kullanmışlar..

Bu yazı krematoryum 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

Facebook Connect Merhaba

krematoryum — Thu, 18 Dec 2008 07:50:00 GMT

Artık internet bir bütün olarak sistemleşmeye başladı.Facebook,Google gibi sosyam üyelik paylaşma sistemini hayata geçirdi.“8 dakikada blogunuza nasıl Facebook Connect eklersiniz?” yazısından bu konuda Facebook'un kendi anlatımını bulabilirsiniz.Ayrıca Disqus, Movable Type ve Wordpress için kullanabileceğiniz eklentiler mevcut.Diğer sistemler için de çalışmalar olduğuna eminiz.

bu sistemsel eklentileri ben yazmak isterim diyen özel kişilere Nasıl Facebook Connect uygulaması yazılır başlıklı bir yazıyı da yazmayı unutmamış Facebook.

Bu konuda yorumlarınızı ve görüşlerinizi bekliyorum.Yoruma açık ve gelecek ön görme konusunda büyük ve karmaşık ipuçları barındıran bu konuyu acaba Google nasıl değerlendirecek.

Bu yazı krematoryum 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

300+ Css Navigation Menü

krematoryum — Mon, 22 Sep 2008 11:10:00 GMT

1stwebdesigner.com

Web tasarımcısıysanız hazır navigasyon menüleri herzaman işinize yarayacak demektir. Hele bir de işinizi çabuk bitirmeniz gerekiyorsa hazır menüler tam size göre. 1stwebdesigner bizler için 300 üzerinde navigasyon menüsünü bir araya toplamış. Bildirimizde Apple Dock menülerden akordiyon şeklinde slide menülere kadar genel kullanımda çok yaygın menüler var. menülerin tamamını görmek için buraya. Aralarından en kullanışlı olanları sizler için seçtim. Bunlar içinde yazının devamına bakabilirsiniz.

Apple Dock Style Menu

Apple Dock
37 Farklı Css Menu
8 Farklı Jquery Menu
Css Menu Creator

Görünümünü kendiniz değiştirebileceğiniz tek tuşla menünüzü download edebileceğiniz bi sayfa
Yatay Akordeon Layout/Menu
Jquery Dikey Akordeon Layout/Menu
Ayrıca Css ile ilgili hertürlü layout, menu, kutu vs elemanlar bulabileeğiniz bir site. CSSplay

Bu yazı krematoryum 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

Css Aşağı Açılır (Drop-Down) Menüler

krematoryum — Wed, 26 Nov 2008 07:12:00 GMT

free css drop-down menu

Tomas Bagdanavicius tarafından geliştirilmiş ve ücretsiz olarak sunulan, aralarında NVIDIA.com, Adobe.com, MTV.com sitelerinin menü örneklerinin de yer aldığı, Aşağı Açılır (Drop-Down) css menüler, hız, kullanım ve düzenleme esneklikleri ile site menüleriniz için güzel alternatifler olacaklar.

NVIDIA.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

NVIDIA.com horizontal improved css drop-down menu

Adobe.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

Adobe.com horizontal improved css drop-down menu

MTV.com sitesinin menü örneğini görmek için buraya tıklayabilirsiniz.

MTV.com horizontal css drop-down menu

Şu an, 14 örnek ile gelen menü paketini indirmek ve daha fazla bilgi almak için buraya tıklayabilirsiniz.

(Not: Tamamen css ile geliştirilmiş, birçok tarayıcı ile sorunsuz çalışan menüler, IE6 için JavaScript kütüphaneleri Jquery ve Scriptaculous ile desteklenmektedir.)

Bu yazı krematoryum 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 Chrome ve about:internets 'in sırrı

krematoryum — Wed, 19 Nov 2008 06:12:00 GMT

Google chrome henüz istenen düzeyde kullanım oranına yetişemese de en azından tarayıcı dünyasına yeni bir soluk getirdi. Hızlı Javascript motoru ve diğer yenilikleri ile takdire değer işler yaptı.

Ama mesele sadece bunlardan ibaret değil: "Google Chrome amerikan siyasetçileriyle dalga geçiyor"

Nasıl mı?

Google Chrome kullananlar eğer denedilerse adres çubuğuna about:internets yazdıklarında ne çıktığını hatırlayacaklardır. denemeyenler için bilgilendirmek gerekirse, adres satırına about:internets yazarsanız windows'un 3D Pipes isimli, boruların ekrana döşendiği meşhur ekran koruyucusu çıkıyor.

Peki, ama neden?

"Hem bu 'internets' de neyin nesi? Internet'in tekili / çoğulu mu olurmuş?" diye sorabilirsiniz.

Aslında burada bir internet mimi söz konusu. O da şu: George W. Bush, 2004 yılında, başkanlık için televizyonda demokrat partili rakibi ile tartışırken internet'i çoğul bir şeymiş gibi kullanıp "I hear there's rumors on the, uh, Internets" dedikten sonra bu artık bir mim haline geldi. Çeşitli internet sitelerinde bu sözle alay etmek ve kendilerini internet hakkında espirili bir şekilde bilgisiz gibi göstermek için insanlar "internets" sözcüğünü kullanarak "bu internetlerden de hiç anlamıyorum" gibi cümleler kurmaya başladılar. Halen de, digg gibi sitelerdeki yorumlarda "internets" sözcüğünü bol bol görebilirsiniz.

Şimdi sıra puzzle'ın ikinci kısmında. "Neden 3 boyutlu borular?"

Alaska senatörü Ted Stevens "İnternet bir dizi borudur. Bu boruar doldurulabilir." gibi muhteşem bir cümle kurmuştu. Bu da hemen bir mime dönüştü ve "İnternet bir dizi borudur" cümlesi her yerde alay konusu olmaya başladı.

Google da bu iki mimi alarak aynı mecrada kullanmış. yani chrome'un adres çubuğuna about:internets yazınca karşınıza bu yüzden bir dizi boru çıkıyor.

Bu yazı krematoryum 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