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.

CSS’de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak

Zaman zaman bir web tasarım ya da geliştirme projesi üzerinde çalışırken bir yardıma ya da rehbere ihtiyacınız olacaktır. Her ne kadar İnternet üzerindeki css kaynaklarının sayısı gün geçtikçe artsa da, bu yazıda CSS ile bir sorun yaşadığınızda size yardımcı olabilecek 10 adet gerçekten kullanışlı kaynağı listelemeye çalıştım.

Stack Overflow

Stack Overflow bir sosyal medya sitesi ve bir forumun kombinasyonundan oluşmuştur. Özellikle programlama ve geliştirmeye yönelik zengin içeriğe sahip bir sitedir (CSS, sitede tartışılan konulardan sadece biri). Stack Overflow’un amacı programcılara soru sorup onların sorularına cevap verebileceğiniz bir platform oluşturmak. Sitede herkes bir soru sorabilir (bir hesap bile açmanıza gerek yok) ve ardından sitedeki diğer kullanıcılar sorularınıza cevap verebilirler. Diğer kullanıcılar sitedeki cevaplara artı ya da eksi puan vererek en iyi cevabın seçilebilmesine yardımcı oluyorlar.

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.

moder web tasarımında zaman kaybı sebepleri

css tricks sitesini hazırlayan arkadaş site tasarımı yaparken harcadığı zamanların istatiğini tutmuş . Malum explorer’ın nekadar çileli bir browser olduğunuda gerek pastadaki dilimin büyüklüğünden gerekse american argosu kullanarak yapılan yorumdan anlamak mümkün.
Web sitelerinin farklı browserlarda sorunsuz çalışması css hilelerini bilip kullanmaktan geçiyor. Hernekadar tasarımcılar çoktan ie6 defterini kapatsada, kullanım açısından ie6 malesef hala dünyada bir numara.
Bu hilelere ulaşabileceğiniz bazı kaynaklar; 1 , 2, 3, 4

css-trick sitesinde css nedir ,neler yapılır, ipuçları, dersler, püf noktaları hakkında yazılar,makaleler bulunuyor.konuyla alakalı olan diğer web siteleri

cssjuice.com tarafından listelenmiş ve gruplara ayrılmış 20 adet çevrimiçi css aracına buradan ulaşabilirsiniz.

Listedeki kaynakların popüler olmasına ve iyi bir tasarımının olmasına da dikkat edilmiş.

varsayılan biçim

üzerinde css ile değişiklikler yapılmamış bir linke tıkladığınızda link üstteki gibi olur. eğer siz değişiklik yapıp sitenize renk katmak istiyorsanız
buradaki linkte css ile 10 tane linkleri biçimlendirme şekillerinin nasıl yapılacağı anlatılmış.
bunlardan bir kaç tanesinin resmi şöyle:

altı çizili

arkaplan rengi

üzerine gelindiğinde

tıklanmış linkler

Ajax MGraph

çoğumuz genellikle ağ temelli uygulamalar yaparken grafik kullanırız. bu grafikleri oluşturmak için burada birbirinden güzel 10 adet css ile yapılmış grafik var.

yüzdelik dilime ayrılmış grafik şekli

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.