Bu yazı giriÅŸ ve orta seviyedeki CSS öğrencilerine hitab etmektedir. EÄŸer CSS’yi sıfırdan öğrenmek istiyorsanız, o zaman muhtemelen pek çok teknikle, hile ile ve ders ile karşılaÅŸmışsınızdır. Bu yazıda, her web tasarımcısının bilmesi gereken pek çok temel CSS yeteneklerine dair kendi yaklaşımımı yansıtmaya çalıştım. AÅŸağıdaki makaleleri gerçekten seviyorum ve bu sebeple sizlerle paylaÅŸmaya çalıştım. Umarım beÄŸenirsiniz.
1- CSS Anahatları Oluşturmak
2- Stilleme ve Listeler Kullanma
- MaxDesign’dan CSS Liste Dersleri
- CSS Design: Listeleri evcilleÅŸtirmek
- Sıralı Listenizi Stilleyin
- Üç Bölümlük CSS liste dersleri [1][2][3]
- CSS Kullanılarak Nasıl Güzel ve Kullanışlı HTML Listeleri Oluşturulur?
- Listeleri Ağaçlara Döndürmek
- Özelleştirilmiş Madde İmleri İçin CSS İpuçları
3- Kutu Modeli ve Pozisyonlamayı Anlamak
- 10 adımda CSS ile pozisyonlamayı öğrenin
- Kutu modeli ve CSS ile pozisyonlama
- CSS ile pozisyonlama değerleri ve bir bakışta rehberi
- Temel CSS kutu modeli demosu
4- Daha iyi CSS Tipografisi
- CSS kullanarak gelilmiÅŸ tipografi
- 10 adet güzel görünümlü CSS tipografi örneği ve bunu nasıl yaptıkları
- CSS yazıtipleri, CSS tipografisi
5- Formları Stillemek
- Daha güzel ve erişilebilir formlar
- CSS ile web formlarını stillemek
- CSS kullanarak şık görünümlü form tasarımı
- Form Elementleri: 40′ın üzerinde CSS ve JS stilleme ve özellik teknikleri
6- CSS Çatılarını (Frameworklerini) Kullanmak
- En çok kullanılan 12 CSS frameworkü ve onları nasıl anlayacağınız.
- Web tasarımı için hangi CSS ızgara frameworkünü kullanmalı?
- CSS Frameworkleri + CSS Sıfırlama: Sıfırdan tasarlama.
7- Optimize Etme ve En Ä°yi deneyimler
- Kod okunurluğunu arttırmak için CSS dosyalarını optimize etmek
- Kafayı yemeden iyi yapılanmış CSS dosyaları yazmak
- Temiz ve Optimize EdilmiÅŸ CSS Kodu Yazabilmenin 7 Ä°lkesi
- CSS Stil rehberleri ile kod okunurluğunu arttırmak
- CSS Özgüllüğü: Bilmeniz Gerekenler
- Daha İyi CSS Kodlayabilmek için 70 Uzman Fikri
- CSS: İyi Kodlama Alışkanlıklarını Edinmek
- CSS En Ä°yi Deneyimleri
8- CSS Hileleri ve İpuçları
- Kullanmamız Gereken 7 CSS Hilesi
- 10 En Ä°yi CSS hilesi
- 5 Bilinen CSS Baş ağrısını gidermek
- CSS Kullanarak her ÅŸeyi tamir etmek: 20′nin üzerinde bilinen sorun ve çözümleri
- En çok kullanılan CSS ipuçları
- Google Analytics tarafından kullanılan 1px kertmeli köşeler
9- CSS Düğmeleri, Kutuları ve Yuvarlatılmış Köşeler
- CSS ve yuvarlatılmış köşeler: Yuvarlak köşeli kutular oluşturun
- CSS ile 25 Yuvarlatılmış Köşe Tekniği
- Yuvarlak köşeli, otomatik genişliğe sahip ve fare imleci üzerine gelindiğinde efekt beliren listeler nasıl oluşturulur?
- Düğme elementini yeniden keşfetmek
- CSS ile seksi düğmeler nasıl yapılır?
- CSS mesaj kutusu kolleksiyonu
- PNG ve Arkaplan Rengi kullanılarak ölçeklendirilebilir CSS düğmeleri
- Seksi CSS Hover düğmesi
- Simge seti ile CSS düğmeleri.
Kaynak: acomment.
CSS İle İlgili Yazdığım Diğer Yazılar
- CSS’de Altın Oran
- Sadece CSS ile oluşturulmuş animasyonlu ilerleme çabuğu
- pixelleri emlere kolayca dönüştürün
- web tasarımcıları için 10 kullanılırlık ipucu
- web tasarımında altın oran
- BluePrint CSS Framework’ünü Kullanmak
- jQuery’siz, mootools’suz basit sekmeli içerik oluÅŸturalım
- sencss: layout dışındaki herÅŸey için css framework’ü
