Web, işletme ve inovasyon hakkında bir takım yazılar İletişim için Form

Defocuyu takip etmek isteyenlere, RSS - FeedBurnerSanal Alemde Ben, Friendfeed - Flickr - Twitter - Vimeo


Bilgisayarım’ın Var Olma Sebebi : Mim

Birkaç gün önce t’infection‘ı ziyaretimde bir yazı okumuştum (Mim: Tasarım Yaparken Kullandığım Programlar). Volkan Karakuş yazısında tasarım yaparken kullandığı programları anlatıyordu. Yazının sonunda da konuyu birkaç arkadaşa paslamıştı. Bu arkadaşlardan biri olan Oceangray konu hakkında bir yazı da kendi yazdıktan sonra topu birkaç arkadaşla beraber bana atmış, sağolsun.

Deli gibi “Toplam Kalite” sınavına çalıştığım bir haftalık süreçte ayağıma atılan bu topu bir türlü gole çeviremedim. Kısmet bu güneymiş.

Öncelikle konuya şöyle gireyim, bulunduğum mekanlardan dolayı tasarım için kullanma imkanı bulduğum birkaç bilgisayar var. Tabi bu birkaç bilgisayarda birbirinden farklı programlarda mevcut. Duruma göre hepsini aralıklarla kullanma imkanı buluyorum.

Öncelikle kodlama yapmak için Dreamweaver’ı tek geçerim. Bu konuya noktayı böylece koyayım. Ara dönemlerde Aptana ve Zend‘de kullandım ama Dreamweaver bu iş için bence en kullanışlısı. Dreamweaver’dan sonra favorim Aptana’dır. İlgilenenler için adamlar birde eğitim video sitesi yapmışlardı, haberiniz olsun Aptana TV. (Visual Studio 2005′de kullanmıştım, o günler iyi ki geride kaldı.)

Tarayıcı olarak Firefox iyidir. Internet Explorer, Chrome ve Safari diğer seçeneklerim.

Tabi unutmadan Flash rakipsizdir.

Illustrator konusunda çok iyi sayılmam, ama çalışmalar sürüyor. Basım için bir şey tasarlamam gerekirse kendilerine başvuruyorum.

Fireworks hayatımı en çok kolaylaştıran belki de ilk üç programdan biri, kendilerini olağan üstü denecek şekilde kullanırım. Tabi bazen kendileri bir takım konularda kifayetsiz kalabiliyorlar, o zaman üstat Photoshop kendilerine el veriyor.

Son olarak dosyalarımı sunucuya göndermek için duruma göre Filezilla veya CuteFTP kullanıyorum. Ama CuteFTP benim favorimdir.

Konuyu kimseye paslamıyorum. Mim.


Kasım 22nd, 2008 Etiketler: , , , , , , ,
| Kategori: Web Tasarım | Yorum Yap » Yazar: abdullah

Google İle Dünya Neler Arıyor!

Google geçen aylarda yayına aldığı Google Insights ile kendi üzerinden arama yapan internet kullanıcılarının istatistiklerini bizlerle paylaşıyor.

Peki bu istatistikler ne işimize yarayacak? Kısaca konuyu şöyle özetleyeyim;

Dileğimiz konuları birbirleriyle kıyaslayabiliyor, hangisinin internette daha fazla ilgi gördüğünü çıkan grafiklerden net bir şekilde görebiliyoruz.

Sektörümüzle ilgili internette insanların nelere yöneldiğini öğrenebilir, bizde stratejilerimizi o yönde belirleyebiliriz. (Tabi bu sözün gelişi, strateji öyle kolayca belirlenmez.) Örneğin, “Bilgisayar ve Elektronik” konusunda insanlar şu sıralar en fazla; vista, ubuntu, firefox, ipod gibi kelimeleri aratmışlar.

Diyelim ki, bir blog yazarıyız ve yazdığımız yazılar için anahtar kelimeler belirleyeceğiz. Bu anahtar kelimelerin neler olacağını seçmek için, Google Insights’ı kullanabiliriz.

    Şimdi kabaca Google Insights nasıl kullanılır, biraz da ondan bahsedelim;

    1- Bu alana arama yapmak istediğiniz konuyu giriyorsunuz.

    2- Bu alandan bu konunun hangi ülkeye ait istatistiklerini görüntülemek istiyorsanız, o ülkeyi seçiyorsunuz. Biz Türkiye’yi seçebiliriz.

    3- Burada seçtiğimiz tarihten itibaren yapılan aramaların istatistik bilgileri gelir. Mesela 2004 seçiliyse, 2004′ten günümüze kadar ki bilgiler gelir.

    4- Buradaysa en çok aranan kelimeler sıralanır. Arama oranı aşırı derecede artan kelimelerin yanında “Breakout” yazısı olacaktır. Diğer kelimelerse aldıkları puanlara göre aşağı doğru sıralanırlar.


    Kasım 16th, 2008 Etiketler: , , , , , ,
    | Kategori: Programlama, Web 2.0 | Yorum Yap » Yazar: abdullah

    Sitenizin Tasarımını Farklı Tarayıcılarda Test Edin!

    Yaptığımız bir sitenin yayın hayatına başladıktan sonra farklı işletim sistemi ve farklı tarayıcılarda sorunlu bir şekilde açıldığını duymak, muhakkak hepimizin canını sıkar. Böyle bir durumla karşılaşmamak içinse kullandığımız işletim sistemi ve tarayıcılarda sitemizi açar ve sorun olup olmadığını kontrol ederiz. Tabi bunu da bir yere kadar yapabiliriz. Sonuçta kullandığımız işletim sistemi ve bilgisayarımızda bulunan tarayıcı sayısı sınırlıdır.


    İşte bugün size bu büyük sorunu nasıl çözeceğinizden bahsedeceğim. Uzun zamandır kullandığım bir site olan browsershots.org, sitenizin adını yazıp “Submit” tuşuna bastığınızda, sizin için sitenizi farklı işletim sistemi ve tarayıcılarda test ediyor. Ve sonuç olarak karşınıza sitenizin testler sonucunda karşılaştığı ekran görüntülerini rapor ediyor. Bazen bu biraz vakit alsada, yapılan iş çok iyi ve son derece zahmetsiz.

    Browsershots hakkında bir video da Web Deneyimleri’nden Volkan Görgülü çekmiş. Videoya buradan ulaşabilirsiniz.


    Kasım 16th, 2008 Etiketler: , , , ,
    | Kategori: CSS & XHTML, Web Tasarım | Yorum Yap » Yazar: abdullah

    Fireworks İle Hortum Tasarımı

    Fireworks web tasarımı yapanlar için,  kısa sürede iyi işler çıkarma imkanı veren bir Adobe ürünü. Photoshop gibi üstün özellikleri olmamasına rağmen, amaca yönelik araçları ve efektleriyle bir web tasarımcısının hemen hemen tüm ihtiyaçlarını görüyor. Fireworks‘le yaptığınız çizimleri, Flash programıyla tasarlayacağınız animasyonlarda da rahatlıkla kullanabiliyorsunuz.

    Bugün benim bir Flash animasyonda ihtiyaç duymam üzerine, Fireworks kullanarak yaptığım sade bir hortum tasarımını anlatacağım size.

    İlk olarak Fireworks’te boş bir sayfa açalım. Daha sonra sayfanın ortasına bir elips çizelim. Ben çizdiğim elipse, mavi rengi kullanarak Gradient uyguladım.

    Şimdi can alıcı noktaya geldik. Çizdiğimiz elipsin üzerine bir kere tıkladıktan sonra, Fireworks’un yukarısındaki menülerden Commands‘a geliyoruz. Daha sonra Commands‘ın altındaki Creative seçeneğine giriyoruz. Buradan da Twist and Fade seçeneğine tıklıyoruz. Karşımıza bir ekran açılacak. Bu ekranda ki değerleri değiştirdiğinizde açılan penceredeki Preview kısmında yaptığınız ayarların sonucunu, kayıt yapmadan görebilirsiniz. Ben ayarları Steps: 44, Spacing: -5, Rotation: 360, Opacity: 60 olarak ayarladım ve Apply diyerek tasarımımı bitirdim. Siz ayarları istediğiniz gibi yapabilirsiniz.


    Kasım 14th, 2008 Etiketler: , , , ,
    | Kategori: Defocu | Yorum Yap » Yazar: abdullah

    En Baba Wordpress Eklentileri

    Wordpress kullanmaya başladığımdan beri, işimi en çok kolaylaştıran. Ve kurulum sırasında ilk eklemeyi düşündüğüm eklentileri sıralıyorum aşağıda. Umarım sizin de işinize yarayanlar çıkar.

    İletişim Formu (cformII)

    Bir sitenin iletişim sayfasının olmayışı hemen hemen herkesin canını sıkan bir durumdur. Wordpress site sahipleri bu sorunu bu eklenti ile aşabilirler.

    SEO (All in One Seo)

    Wordpress sitemizin bir takım seo ayarlarını yapmanın en kolay yolunu bizlere sunan eklenti.

    Sayfalama (WP-Page Numbers)

    Wordpress sitenizin altında ki “Eski” ve “Yeni” yazılar butonlarından kurtulup, yerine sayfalama yapabilme olanağını veren eklenti.

    Kod Gösterici (Syntax Hiliter)

    Ziyaretçilerine yazdıkları kodları göstermek isteyenler için, kodlarınızı çerçeve içine alarak satır satır numaralandırma da yapabileceğiniz kullanışlı bir eklenti.


    Kasım 12th, 2008 Etiketler: , , , ,
    | Kategori: İçerik Yönetim Sistemleri | Yorum Yap » Yazar: abdullah