CSS Dersleri
- Temel CSS Dersleri
- Arayüz Geliştiricilerin Görev Tanımı
- CSS’e başlamak
- CSS’in Yapısı
- (X)HTML Sayfa Yapısı ve CSS Kullanımı
- Özellik Seçicileri(Attribute Selectors)
- Doğru DOCTYPE Kullanımı
- Pseudo-sınıfları ve Pseudo-elementleri
- CSS Birimleri
- CSS’i Web Sayfalarına Eklemek
- CSS’de Kısaltmalar
- Hızlı CSS Referansı
- CSS – Zemin(Background) Özellikleri
- Font Özellikleri
- CSS Sınıflandırma-Liste Özellikleri
- CSS Kutu Modeli Özellikleri 1 – Kenarlık(border) Özellikleri
- CSS Kutu Modeli Özellikleri 2 – Margin Özellikleri
- CSS Kutu Modeli Özellikleri 3 – Padding Özellikleri
- CSS Kutu Modeli Özellikleri -4
- CSS Kutu Modeli Özellikleri 5 – Görünüm Efekti Özellikleri
- CSS Metin(Text) Özellikleri
- Tablo Özellikleri
- Dış hat çizgisi(outline) özellikleri
- CSS Editörleri
- CSS Kod Yazma Düzeni
- Gelişmiş CSS Dersleri
- CSS’de Kalıtsallık(Inheritance)
- CSS’de Tanımlamalar ve Etkinlikleri(Specificity)
- CSS’de Çıktı alma (Print)
- CSS ile Kutu modeli
- CSS Kodlama Teknikleri ve CSS Kodlarını Azaltma Yöntemleri
- CSS ile konumlandırma(positioning)
- Sabit Konumlandırma (Postion:fixed)
- z-index
- CSS ile sayfalarımızı ve elementlerimizi ortalamak
- CSS ile Dikey Ortalama
- Float ve Clear özellikler ile konumlandırma
- İçiçe Float Elementlerinin Kullanımı
- CSS ile Web Sayfası Oluşturma
- CSS ile Web Sayfası Oluşturma II
- CSS ile Web Sayfası Oluşturma III
- %100 Genişlik ve %100 Yükseklite Sayfa İskeleti Hazırlama
- Genişlik ve Yüksekliğin Sınırlarını Belirlemek(min-width, min-height,max-width, max-height)
- Yuvarlak Kenarlı Kutular
- CSS ile Menü Yapmak I – Dikey Menüler
- CSS ile Menü Yapmak II – Yatay Menüler
- CSS ile Menü Yapmak III – Dikey Açılır Menüler
- CSS ile Menü Yapmak IV – Yatay Açılır Menüler
- CSS ile Menü Oluşturmak V – Resimli Menüler
- CSS ile Menü Oluşturmak VI – Sekmeli(Tab) Menü Yapımı
- CSS ile Menü Oluşturmak IV – Basit Resimli Menü Yapmak
- CSS ile Tabloları şekillendirmek
- CSS ile Erişilebilir Formlar Yapmak – I
- CSS ile Erişilebilir Formlar Yapmak – II
- Metin Yerine Resim/Flash Ekleme Teknikleri (Image Replacement)
- @font-face kullanımı
- CSS ile gölge vermek
- CSS ve Tipografi
- Internet Explorer 6 için saydam PNG desteği
- Eksi Margin Kullanımı
- CSS Teknikleri
- Xhtml – CSS : Başlıklar
- Listerlerin Blok Olarak Linklenmesi
- CSS ile Araç İpucu(Tooltip) Hazırlama
- Alıntı: blockquote ve q etiketleri
- CSS ile Yüzde Çubuğu Hazırlama
- CSS ile Resim Haritaları(imagemap) yapmak
- CSS ile Basit Şekilde Fare Üzerine Gelince(Rollover) Resim Değişimi Yapmak
- CSS ile <hr /> Stil Vermek
- CSS ile sayfalama görselliğini ayarlama
- Sayfa Dibine Yapışık Alt Alanlar(Sticky Footer)
- CSS ile Ziyaret Edilen Sayfa Bağlantılarına Şekil Vermek
- PSD’den HTML’e – fanatikmarslar.com Sitesinin Kodlaması – I
- PSD’den HTML’e – fanatikmarslar.com Sitesinin Kodlaması II
- PSD’den HTML’e – fanatikmarslar.com Sitesinin Kodlaması III yeni
- CSS Problemleri ve Çözüm Önerileri
- IE’de Hata Ayıklamak için şartlı Yorumlar Kullanmak
- CSS Hata Ayıklama Yöntemleri
- Css de kodumuzu İE’den gizleme
- CSS ile Kutu modeli, sorunları ve çözümleri
- IE’da İkikat görülen Margin Problemi ve Çözümü
- IE’da min-width, min-height,max-width, max-height Kullanmak
- IE6′un Tekrarlayan Karakter Sorunu
- IE’un 3 piksel Metin Öteleme Hatası
- IE6′da CEE-EEE(peek-a-boo) Hatası
- Göreceli-Mutlak Konumlandırma Sorunu
- Internet Explorer 7 ve CSS
- Kenar Boşluğu(Margin) Çökmesi
- Float Uygulanmış Elementleri Tam Kapsayamama Sorunu
- Firefox’da satıriçi(inline) elemanların padding-right sorunu
- Internet Explorer 6 olmasa hayat daha kolay ve zevkli olurdu
- En çok kullandığım CSS Hileleri(Hack)
- Tüm tarayıcılar için CSS Düzeltmeleri(Hack)
- IE 8 için CSS Düzeltmesi(Hack)
- Tablo Satırına Verilen Ardalan Resminin Tekrarlama Sorunu
- Firefox’un Negatif Değerli z-index Desteği
- Dış Hat Çizgilerini(outline) Kaldırmak
- Safari ve Chrome’da metin girdi(textbox) alanlarını kenar çizgileri kaldıralım
- İE 6 iki CSS seçicisi Sorunu ve Çözümü
- İnternet Explorer 6 ve 7 için Tablo tr elementine kenar çizgisi atamak
- CSS Yorumlarında Türkçe Karakter Kullandığımızda İE6′da Sorun Çıkarıyor
- IE6′da Liste Ardalan Görmeme Sorunu
- CSS İpuçları
- CSS İpuçları 1 : üç kelimeli font tanımı
- CSS İpuçları 2 : CSS’de hata yakalama yöntemleri
- CSS İpuçları 3 : CSS ile birlikte yürürlükten kalkan HTML elementleri
- CSS İpuçları 4 : CSS ile birlikte yürürlükten kalkan HTML özellikleri
- CSS İpuçları 5 : CSS seçicilerini tanımlarken küçük-büyük harfe dikkat etmek
- CSS İpuçları 6 : CSS kısaltmaları hakkında
- CSS İpuçları 7 : CSS yorum kodu ekleme
- CSS İpuçları 8 : CSS id ve sınıf ismi verirken dikkat edilecek hususlar
- CSS İpuçları 9 : CSS ve (X)HTML kodlamada yorum satırı eklemenin avantajları
- CSS İpuçları 10 : CSS’e eklenen resimlerinin konumu
- CSS İpuçları 11 : CSS Kodlarını Web Tarayıcıları ile Test etmek
- CSS İpuçları – 12 : 3 köşeye border tanımı
- CSS İpuçları 13 : CSS’de Cellspacing=”0¨ nasıl yakalarız
- CSS İpuçları 14 : IE div yüksekliği sorunu
- CSS İpucu 15: align=”absmiddle” yerine vertical-align:middle kullanmak
- CSS İpucu 16: Evrensel seçicilerde yazıtipi kısaltması kullanımında sorun
- CSS İpucu 17: Float Uygulanmış Elementleri Tam Kapsayamama Sorunu İpuçları
- CSS İpucu 18: Optimizasyon İçin CSS Medya Dosyalarını Birleştirmek
- CSS İpucu 19: Tüm Tarayıcılar İçin CSS İle Saydamlık(Opacity)
- CSS İpucu 20: Firefox’da Kaydırma Çubuğu Çıkarma
- CSS İpucu 21: CSS ile Seçilen Metinlerin Rengini Değiştirmek
- CSS İpucu 22: iPhone için CSS Yazmak
- CSS 3 ve CSS’in Geleceği
- CSS Kaynakları
hocam ellerine sağlık… hakikaten güzel hazırlamışsınız. teşekkürler. Hocam yalnız “hızlı css referansı” konusundan itibaren pdf’leri bulamadım. Bu derslerin hepsini tek bir pdf halinde sunsanız çok iyi olacak diye düşünüyorum.
bu arada tema da çok güzelmiş hakkatten…
Merhaba! CSS ile ilgili aklımızdaki bir çok soru işaretini kaldırdın, bu anlaşılır kaynaklar için çok teşekkür ederim.
Ã?alıştığım projelerde araştırıp bulduğum çözümleri unutmamak için topladığım bilgileri paylaşmak için bayağı bekledim. Biraz kendi üşengeçliğimden ve birazda insanlar bunlara ihtiyaç duymayacağına olan inancımdan dolayı siteyi açmam gecikti, şimdi yaptığım işin bir nebze olsun işe yaradığını görmek beni sevindiriyor. Ancak daha yapacak çok şey var. Sizler konulara yazdığınız yorumlarla bu siteyi daha canlı tutarak bana yardım ediyorsunuz. Bu nedenle siteye yorum yazan herkese şükranlarımı sunmak isterim.
İlginiz için teşekkürler arkadaşlar.
Evet tr ‘ deki en güzel kaynak sitesi. Tebrik ediyorum, emeklerin için çok teşekkürler.
Sayende css öğreniyorum :D
Css üzerine bu kadar güzel bir içerik ve kaynak ile ilk kez karşılaşıyorum. Bir çok insanın dertlerine derman olacağına eminim :) Çalışmalarında başarılar dilerim
bende zamanında asp ile ilgi blog aradım. Asp tabanlı blog scriptleri var ancak yeterli değil.
Ben WordPress kullanıyorum. Gayet memnunum, tabi ufak tefek sorunları saymazsak.
Ben asp bilgim ile WordPress php ile yazılmış olsa da idare ediyorum. Zaten çok derin php bilgisine gerek yok.
Yapacağınız düzenlemeler genelde Türkçeleştirme ve bazı eklentiler eklemek onlarıda genel programala bilgisi ile yapabiliyorsunuz.
kolay gelsin
google css dersleri diyee aratığımda sayfanızla karşılaştım gayet güzel ve başarılı bir çalışma olmuş tebrik ediyorum..
css derslerini devamlı takip etmeyi düşünüyorum cidden bu kadar net anlatım yok sanırım…umarım sayenizde ögrenicegim :) teşşekürlerimi sunuyorum….
blog yapımından biraz bahsedebilirmisin hiç bir bilgim yok da kodlama sizemi ait bende kendim için kodalamak istiyorum nelere dikkat etmeliyim :S …asp ile yeterli bir blog oluşturulabilirmi…(blog ların çogu php benim php bilgim hiç olmadığı için:( asp yle yapılabilirmi)
biraz bilgi verirseniz sevinirim…
saygılarımla…
esra ….
Kusura kalma Halil ben pek yeni versiyonları çıkarçıkmaz kurma taraftarı değilmidir. bunendele İE 7 yi anca kurdum ve dediğin hatayı düzelttim.
Teşkkürler uyarın için
CSS calısırken bugün rastladım sayfanıza.Bir haftadır HTML calışıyorum,ancak CSS çok karmaşık gelmişti.Notlarınız cok faydalı oldu benim için:).Cok güzel hazırlamışsınız,ellerinize sağlık…Calısmalarınızın devamını bekleriz.”Bilgiler paylaştıkça değer kazanır”.Tebrikler…
şöyle bir durum var . Ben ie 7 beta kullanıyorum. Sayfanda bulunan css derslerine tıklayamıyorum. Ancak firefox’ta problemsiz gözüküyor… Firefox tan önce view source diyip sayfaya girebildim:P Haberdar etmek istedim. Kolay gelsin, ellerine sağlık…