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'ü
ilgili yazılar
- Web Tasarımcıları İçin Kullanışlı 12 CSS Framework'ü, Şablonu ve Kod Sitesi (5)
- CSS'de Yardıma İhtiyacınız Olduğunda Kullanabileceğiniz 10 Kaynak (7)
- Çevrimiçi CSS Araçları Listesi (5)
- 960 css çatısına yakından bakış (4)
- öğrenilmesi gereken 15 css hilesi (14)
Bu yazı pinkfloyd tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.
Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage
