İ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.

BlogBlogu.com’un tasarımını yenilediğim şu günlerde uzun bir arka plan arayışına girmiştim. Aslında herkesin hiçbir program(photoshop, vs.) bilgisine sahip olmadan yapabileceği bu görsel tam olarak ne istediğinizi bilmediğinizde eziyet olabiliyor ve tabii ki yardımımıza bazı sistemler koşuyor. Arka plan resimlerine ulaşabileceğiniz binlerce internet sitesi var. Bunlardan ilginizi çekecek iki tanesini tanıtalım.

Pattern Cooler
Pattern Cooler’a girdiğinizde seçenek azlığından şaşırmanız olası. Halbuki az gibi görünen arka planlardan her birine tıkladığınızda o görselin farklı renklerde onlarca varyasyonuyla karşılaşıyorsunuz dolayısıyla sitenin arka plan arşivi yüzlerle ifade edilebilecek çeşitlilikte.

Devamını Okuyun

İ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.

Buradan kolayca yukarıdakine benzer web 2.0′a özgü logo tasarımı yapıp ücretsiz olarak kullanabilirsiniz.

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.

Blogumuzda bir menü olmasını istiyoruz fakat bu menünün göz önünde olmasını tercih etmiyoruz diyelim. İşte böyle zamanlarda en basit ve kullanışlı çözüm olarak “açılır menüler” geliyor aklımıza. Buraya tıklayarak demosunu görebileceğiniz güzel bir tasarıma sahip açılır menüyü indirip kullanmak için bu sayfadan faydalanabilirsiniz.

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…

Rss artık bloglarımızın olmazsa olmazlarından.(Rss Nedir?) Bununla birlikte o meşhur Rss ikonu sürekli değişime uğramakta. Smashing Magazine rica etmiş, Fast Icon da aşağıdaki RSS ikonlarını tasarlayıp ücretsiz kullanıma sunmuş. Aşağadaki görsele tıklayıp çeşitli boyutlarda tasarlanmış bu orijinal ikonları ücretsiz olarak kullanabilirsiniz.

Gezi tutkunları ve bloglarına gezi yazıları ekleyen blogculara ücretsiz tema hizmeti veren WordPressTravelThemes adlı site, ziyaretçilerine farklı özelliklerde tamamen ücretsiz onlarca wordpress teması sunuyor. Sitede sunulan temaların çoğu tema hem görsel hem de işlevsel olarak yetersiz olsa da az biraz düzeltmeyle güzel bir tema elde etmek mümkün. Gezi tutkunu wordpress kullanıcılarına duyrulur.

Not: Böyle bir sitenin varlığından beni haberdar eden bildirgec.org‘a teşekkürlerimi sunarım.