Çok faydalı makaleleriyle bizi bizden alan popüler web tasarımı, programlaması blogu Woork’ün CSS, HTML, AJAX, Web programlama,  Scriptaculous ve Mootools’u konu aldığı, çok güzel biçimde hazırlanmış elektronik kitabı “The Woork Handbook” ilk ayında 72 bin kişi tarafından indirildi. Başlangıç ve orta seviyeye hitap eden bu faydalı eseri tarayıcı üzerinden okumak için buraya, indirmek içinse buraya tıklayabilirsiniz.

İnternette Css ile ilgili birkaç Türkçe kaynak var. Çok da bilgili insanların kaleme aldığı bu kaynaklar malesef doğru bir öğrenim yöntemi sunmuyorlar. Okuduklarımın çoğu ya sadece işin mantığına yönelmiş, onu kavratmaya çalışırken hiçbir kod sunmamış giriş makaleleri ya da sadece Css ile yazabileceğimiz yüzlerce kod örneği sunmuş, yanına açıklamalarda bulunulmuş kaynaklar. Ve ilgimi en çok çeken ise bu kaynakların sanki Css’i Html’den bağımsız bir şeymiş gibi göstermesi oldu. Yani Html’in adı bile geçmeyen 30 sayfalık Css kaynağı haliyle öğrenim aşamasında yeni başlayanların kafasını karıştıyor.

Burada ufak bir anımı anlatıp kodlamaya yeni başlayan birinin ne gibi komik ve basit sorunlarla karşılaşıp cayabileceğini gözler önüne sermek istiyorum. C++’a merak sarmışım lise yıllarında. O zamanlar iyice az olan Türkçe C++ kaynaklarını internetten araştırmışım, gayet de pahalı olan şimdi adını unuttuğum ama X Üniversitesi Öğretim Üyesi Doç. Dr. Bilmemne’nin yazdığı kitabı almaya karar vermişim. Bir heves gittim kitabı aldım. Eve dönene kadar yolda zaten daha önceden az biraz bildiğim ilk seviye kodlarını ezberledim ve bu kodları yazmak için sabırsızlanıyordum. Yazmak için sabırsızlanıyorum da nereye yazmak için? Eve girdiğimde farkettim bu sorunun cevabını bilmediğimi ve kitapta da bunun cevabının olmadığını. Kitap bir paragraflık giriş yazısından sonra kodlamaya başlıyor ama kodları nereye yazmamız gerektiğini söylemiyordu. Çünkü konunun uzmanı yazar, hiçbir kimsenin bunu bilmeyeceğini düşünememişti. Ben “derleyici”nin varlığından anca 4-5 gün sonra haberdar olabilmiş, kırılmış şevkimle kodlamaya başlamıştım.

Bu hikayede anlatmak istediğim, kitabın veya kaynağın üstünde “Yeni Başlayanlar İçin” yazmasının yeterli olmadığıdır. Gerçekten bir “yeni başlayan” gibi düşünebilen yazarın eseri hem daha çok satacaktır hem de okuyucularına daha çok faydası olacaktır.

Aslında başlıktan baya saptık fakat önemli ve değinmek istediğim bir konuydu, bu başlığa kısmetmiş. Bu uzun girişi bana yazdıran makale Hakkı Ceylan’ın “Css’e Balıklama Giriş” başlıklı yazısı. Ben daha iyi bir Css’e giriş yazısı görmedim. Css ile ilgilenen, ilgilenmek isteyenlerin bakmasında fayda görüyorum.

İnternet sayfalarında hergün farklı tipte yüzlerce fontla karşılaşırız. Yazı şeklinde gördüğümüz fontlar genelde pek değişmese de bunlara sitenin css’sinden veya kaynak kodlarından ulaşabiliriz. Peki bir resmin içinde kullanılan fontu merak ettiğimizde ne yapmalıyız? İşte MyFonts böyle durumlar için “WhatTheFont” diye bir servis hazırlamış ki çok da iyi olmuş. Servise giriş yaptığınızda boşluğa internetteki veya bilgisayarınızdaki fontun görselini yüklüyorsunuz sonra da sistem size hangi font olabileceğini söylüyor. Bence muhteşem bir sistem.

Not: Sistem asla %100 doğru tahminlerde bulunacağını iddia etmiyor. Yaptığım denemelerde gördüm ki doğru fontu bulmasa bile işinize yarayabilecek, çok benzer fontları listeliyor.

Css artık internetin olmazsa olmazlarından. Kullanımı çok basit olan css ile profesyonel işler çıkarmanın tek yolu yaratıcı olmak. İşte CssBand bu noktada devreye giriyor ve yeni fikirler görmeniz için Css ile tasarlanmış yüzlerce “iyi” tasarımlı sayfayı ana sayfasında tanıtıyor. Girilmesi görülmesi gereken bir sayfa.

Özellikle blogunuzun temasını kendiniz tasarladıysanız veya varolan hazır tema üzerinde değişiklikler yaptıysanız işleminiz sonrası blogunuzun nasıl göründüğünü birden çok tarayıcıda test etmelisiniz. Özellikle blogunuzun IE ve Firefox’da aynı ve düzgün görünmesi çok önemli. Bu iki tarayıcının da birçok fanatiği var ve bu fanatikler kendi tarayıcılarına karşı yapılan bir saygısızlığı cezasız bırakmıyor, derhal siteyi terk ediyorlar.

Kendimden örnek vermem gerekirse Firefox uyumsuzluğu nedeniyle çok lazım da olsa girmediğim, terk ettiğim siteler var. Bilgisayarımda IE de var elbet fakat bu profesyonellikten uzak davranışı kendi yöntemlerimle cezalandırıyorum, o siteyle bağımı kesiyorum. Emin olun bu konuda yalnız değilim benim gibi binlerce Firefox ve IE kullanıcısı var. Tabi tarayıcılar sadece bu ikisiyle sınırlı kalmıyor. Daha az da kullanılsa sokağa atamayacağımız Opera, Safari kullanıcılarımız da mevcut. İşte bu yüzden blogumuzu elimizden geldiği kadar farklı tarayıcılarda, işletim sistemlerinde deneyip sorunları saptamalıyız.

Tüm tarayıcıları denemek gibi bir iddianız olmasın sakın. Öyle bir şeye ömrünüzün yeteceğini sanmıyorum. Ama bu site biz blog sahipleri için bir kolaylık sağlamış. Bu sistemi kullanarak blogumuzu 4 farklı işletim sisteminde ve 15′e yakın tarayıcıda test edebiliriz. Site basitçe şöyle çalışıyor. Adrese girdiğinizde en üst kısımdaki boşluğa blogunuzun adresini yazıp aşağıdan test etmek istediğiniz tarayıcıları seçip “Submit” e tıklıyorsunuz. Sistem de size seçtiğiniz tarayıcılara göre blogunuzun ekran görüntüsünü veriyor. Bu ekran görüntülerini baz alarak sitenizdeki tasarım hatalarını düzeltebilirsiniz.

Not: Sayfanın altında bulunan seçimleri kullanarak daha spesifik sonuçlara ulaşabilirsiniz.

Hazır wordpress temalarından sıkılanlar için veya kendisi bir tema tasarlamak isteyip de herhangi bir kodlama bilgisine sahip olmayan blog sahipleri için artık bir çözüm var. “Wordpress Theme Generator” sayesinde hiçbir html, css bilgisine sahip olmadan tamamen kendi isteğiniz doğrultusunda bir wordpress teması tasarlayabilirsiniz. Bunun için sadece sol kısımdaki değerlerle oynayıp “preview” a tıklamanız yeterli. Tasarladığınız temayı istediğiniz an “save”e basıp bilgisayarına indirip tamamen ücretsiz olarak kullanabilirsiniz. Yeni temanız şimdiden hayırlı olsun…