bildirgec.org

Her ne kadar W3C‘nin CSS3 tanımlamaları üzerinde çalışmalarını tamamlamamış olsa da, Mozilla Firefox, Opera ve WebKit tabanlı tarayıcılar (Safari, Chrome) halihazırda CSS3’ü tamamen ya da kısmen destekliyor durumda.

Bir web geliştiricisi olarak modern ve gelecekteki web standartları hakkında bilgi sahibi olabilmek önemlidir. Diğer geliştiricilerden bir adım önde olmak için yazının devamında bulacağınız CSS3 hakkında 20 mükemmel kaynak size CSS 3 öğrenmenizde yardımcı olacaktır.

1. CSS3 İlerleme Raporu

CSS Çalışma Ekibi tarafından geliştirilen CSS3 İlerleme Raporu web sitesi tüm CSS3 modüllerinin geçerli durumlarını belirtiyor. Özellikle CSS3’ün gelişimine katkıda bulunan ya da bulunmak isteyen geliştiriciler için bu kaynak, üzerinde çalışılan alanları görüp nereden katkıda bulunabileceğinize karar vermede yardımcı olacaktır.

Günümüzde CSS kullanmayan site sayısı gittikçe azalırken buna ters orantılı olarak gelişen CSS araçlarının sayısı da gün geçtikçe artıyor. Her yeni bir araç, CSS geliştiricilerinin projeler üzerinde harcadıkları zamanı azaltmaya ve daha verimli kodlama yapmalarını hedefliyor.

İşte tam da bu noktada Back to Essentials web sitesi, İnternet üzerindeki CSS araçlarına yönelik bir liste hazırlamış. Ben de ilgilenen bildirgec okurları için bu yazıyı yayımlama gereği hissettim. Umarım işinize yarar.

Yazıtipleri

Typetester

Ekranda farklı yazıtiplerini karşılaştırabilmenize yarayan bir uygulama.

Em Calculator

Em Calculator, küçük bir JavaScript aracı olup genişletilebilir ve erişilebilir CSS tasarımları oluşturmanıza yardımcı oluyor. Pixel değerindeki verileri bağıl em birimlerine dönüştürüyor.

css-Özellikler indexi

Web Tasarımda tablosuz kodlamaya geçildiğinden beri yani şu bizim css teknolojimizin yaygınlaşmasından bu yana bildirgeçte o kadar büyük yol katettik kl bildirilerimizin çoğu neredeyse css siz olmaz oldu … sağolsun yazar arkadaşlar bizlere css hakkında haberdar olmamamız gereken konuları teker teker belirttiler fakat hala yeni şeyler bulabilmeleri çok güzel 🙂
bende bugün sizlere css’te takıldığınız noktaları anında sorgulayabileceğiniz ve css kitaplarına göz atmanıza gerek kalmadan aradığınız css kodunun ne işe yaradığını ve kullanım şeklini kolayca bakabileceğiniz bir sözlük paylaşmak istiyorum , daha doğrusu bir tür online css indexi bu sayfaya buradan ulaşabilirsiniz… All CSS properties index Brian Wilson tarafından bizlere sunulmuş…

css-seciciler

Sitede ayrıca CSS seçicilerin özellikleri, css hatalarıve css’in geçmişindeki Explorer uyumlarına da yer verilmiş , tasarımı biraz sade olsa da css için bizlere güzel bir derleme diyebilirim elimizin altında bulunması gereken linklerden biri 😉

css-Frame

web sayfalarında animasyon denince akla ilk flash movie clip’ler yada hazır swf dosyaları gif ve benzeri dosyalarla hazırlanmış tasarımlar gelir… oysa yeni nesil kodlamalarla tasarıma kodla şekil vermek de mümkün olsa gerek mesela flash frame kullanmadan css kodları ile bir sahne oluşturup bu sahnelerin herbirinde farklı şeyler gösterebildiğinizi bir düşünün…

Firefox 3′ kullanılmaya başladığından bu yana css ile uyumluluğu ve eklentileriyle bir çoğumuzun beğenisini kazandı…

css ve firefox 3

fakat Firefox 3′ le gelen yeni özelliklere pek değinen olmadı yoksa herkes sadece kullanmaktan mı yana 🙂 gezdiğim bir makalede Firefox 3′ geliştiricilerinin bir makalesine rastladım makale tam olarak 2008-06-13 tarihinde David Baron tarafından yazılmış… kısa kesip sizleri makaleyle baş başa bırakıyorum, css ile hizalamalardın , özellikle resim ve img dosyalarının altlıklarının firefox 3 ‘le yeni gelen bazı özelliklerinden örnekler verilmiş…
burada da Firefox 3 ile gelen yeni css özelliklerinin listesiverilmiş…yazının kaynağına buradan ulaşabilirsiniz

şu sitede css ile uzun uzun yazdığımız özellikleri nasıl daha kısa yazabileceğimiz hakkında güzel bir makale var.

Örneğin

background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0

kodlarını

background:#f00 url(background.gif) no-repeat fixed 0 0;

şeklinde kısaca yazabilirmişiz.

Sitede pekçok örnek bulunmakta.

Gün geçmiyor ki CSS ile ilgili derleme/toplama kaynaklardan oluşan sayfalar yayınlanmasın.

Bunlardan biri, ancak bu defa sanırım uzun bir çaba gerektirmiş kaynakları bir araya toplamak, çünkü sayı artık 101lere kadar ulaştı.

Css tasarım kaynaklarından, css uygulamalarına bir çok makaleye ulaşmanız mümkün.

Brian Wilson CSS’nin bütün niteliklerini burada açıklamış. Her birine de üşenmeden örnek yazmış…