CSS’yi Verimli Kullanmanızı Öğretecek 35 Web Sitesi

CSS (Cascading Style Sheets) bir web sitesinin “sunumu” için kullanılabilecek modern bir standarddır. HTML, XHTML gibi yapısal bir kodlama dili ile birleştirildiğinde, CSS işin sunum kısmının altından tümüyle kalkarak “HTML içerik içindir, CSS sunum içindir” konseptini oluşturmuş olur. Eğer CSS biliyorsanız, boşlukları renklendirme, sınırlar (border), konumlandırma, marjlar, boşluklar, renkler, fontlar, arkaplan görselleri, hover (fare imlecini bir elementin üzerine getirme) efektleri ve diğer sunumsal efektleri yapabilirsiniz. CSS’yi anlaması gerçekten kolaydır ve bana göre her grafik tasarımcısı en azından HTML ve CSS‘nin temellerini bilmelidir, zira CSS işin tasarımı ile doğrudan alakalıdır, kodu ile değil.

1st Web Designer sitesinin yayımladığı bu makalede, CSS‘yi gerçekten verimli kullanmanızı sağlayacak ihtiyacınız olan en iyi kaynakları bulacaksınız. Özellikle CSS Tricks web sitesine ve Delicious CSS etiket kullanımına bir göz atmanızı öneririm – orada ihtiyacınız olan tüm CSS kaynaklarını bulabilirsiniz.

1. W3Schools CSS Dersleri Bölümü

2. HTMLDog – CSS Dersleri Bölümü

3. CSS-Tricks Dersleri, Makaleleri ve Screencastları

Chris Coyier tarafından yönetilen bu site üzerinde kullanışlı CSS dersleri ve screencastları bulacaksınız.

4. Google Videolar – CSS

5. A List Apart – CSS Dersleri Bölümü

6. RichInStyle – CSS Dersleri Bölümü

7. HTMLGoodies CSS Dersleri Bölümü

8. CSS-Discuss Wiki Dersler Bölümü

9. Position Is Everything

10. On Adımda CSS Konumlandırmasını Öğrenin

11. 456BereaStreet: CSS, HTML ve JavaScript Lab

12. CSSBasics Dersleri

CSS tasarımının temellerini adım adım anlatan bir site.

13. CSS-Play – List of Demonstrations

14. Tizag CSS Dersleri Bölümü

15. CSS Yardım Yığını

CSS ile ilgili ipuçları, hileler, örnek siteler ve kaynakların bulunduğu bir bilgi yığını – sitedeki her şey iyi bir şekilde organize edilmiş.

16. Holy CSS Zeldman! – CSS, Erişilebilirlik ve Standartlara Yönelik Linkler

Kodlamaya, CSS standardlarına, kitaplara ve benzeri bilgilere yönelik dev bir bilgi kaynağı.

17. Eric Meyer: CSS Bölümü

18. Andy Budd – Linkler

CSS ile alakalı bağlantıların ve web sitelerinin yer aldığı büyük bir kaynak.

19. CSS Zen Garden

CSS tabanlı tasarımla görsel olarak yapılabilecekleri gösteren güzel bir web sitesi. Listeden dilediğiniz bir stili seçin ve bu sayfaya yükleyin. Sitede bulunan tasarımların HTML ve CSS dosyalarını bilgisayarınıza indirerek bu özgün CSS efektlerinin nasıl oluşturulduğunu görebilirsiniz.

20. Delicious CSS Etiketi

Delicious web sitesi ile insanların site üzerindeki hesaplarına “CSS” etiketini eklediği web sitelerinin bir listesini bulabilirsiniz. Dev bir kullanıcı kitlesine sahip olan Delicious bu sayede en güncel bilgilere ulaşabilmenizi sağlıyor. CSS etiketinin yanısıra CSS dersleri (CSS Tutorial), CSS referans (CSS Reference), CSS Blog vb. etiketleri de deneyerek ihtiyacınız olan bilgileri bulabilirsiniz.

21. MaxDesign CSS Dersleri ve Kaynak Sitesi

Web tasarımcıları ve web geliştiricilerine yönelik CSS kaynakları ve çeşitli kaynakların, örneklerin ve derslerin bulunduğu bir site.

22. CSSEasy Ders ve Kaynak Sitesi

Ücretsiz sabit (fixed) ve yüzen (fluid) CSS anahatları ile CSS’yi öğrenmenin modern yolu. Önceden hazırlanmış CSS anahatları (layout) üzerinden CSS öğrenebilmenizi hedefliyor.

İstediğiniz anahattı seçin ve ardından ilgili anahattın kaynak kodunu inceleyin ve bilgisayarınızda kod üzerinde oynayarak farklı değişikliklerin sonuç üzerinde nelere yol açtığını öğrenin. Sitenin Webmaster Araçları bölümünde indirme bağlantıları da bulunuyor.

23. EchoEcho CSS Dersleri Bölümü

24. CSS-Discuss Information

Bu site özellikle CSS’nin gerçek dünyadaki kullanımları üzerine yazarların birbirleri ile fikir alışverişinde bulunabilmelerini hedefliyor.

25. Sıfırdan Web Tasarımı

Londra merkezli bir web tasarım ajansı olan Scratchmedia’nın web tasarımına yönelik derslerin ve makalelerin yer aldığı büyük bir kolleksiyonu bulunuyor. Sitede ayrıca CSS bölümü de mevcut.

26. CSS-Tutorial

Sitede bulunan CSS/Web tasarımına yönelik dersler ilgili teknolojileri öğrenmeyi kolay ve eğlenceli bir hale getirmeyi hedefliyor. Kısa bir süre içerisinde sitedeki dersleri takip ederek kendi kodunuzu yazmaya başlayacaksınız.

27. CSS Dog Kaynaklar ve Referanslar

CSS özelliklerini, kaynaklarını ve CSS3 seçicileri hakkındaki bilgilerin tümünü bulabileceğiniz bir site.

28. Web Geliştiricisinin El Kitabı

Web geliştirimine yönelik makalelerin ve web sitelerinin bulunduğu dev bir kaynak.

29. CSSDocs CSS Özellikleri

CSS kılavuzu için kısayol – öğrenmek istediğiniz CSS özelliğini girin ve site o özellik ile ilgili tam bir açıklama sunsun. Özellikle aradığınız şeyin ne olduğunu bildiğiniz durumlarda oldukça işinize yarıyor.

30. Stylegala CSS Referans Bölümü

31. CSS3 Referans Rehberi, Dersleri ve Blog

32. CSS Kopya Kağıdı

Tek sayfadan oluşan son derecede kullanışlı bir CSS kopya kağıdı – daha sonraki kullanmanız için yazıcı çıktısını almanızı kesinlikle öneririm.

33. CSS Özellik Dizini

Tüm CSS özelliklerinin alfabetik olarak listelendiği bir site.

34. Sitepoint CSS Referansı

35. WestCiv CSS Dersleri Bölümü

Eğer sizin de takip ettiğiniz CSS kaynakları var ise yorumlarınızda belirtin. Belirttiğiniz siteler eğer listede yer alabilecek kalitede ise makaleyi düzenleyip siteleri ekleyeceğim.

Kaynak: 1stWebDesigner

Etiketler: CSS, Kodlama