1567 video
89 saat video anlatım
56 eğitim seti
12700+ üye
ve
738 gündür yayında
.

CSS3 Başlangıç Rehberi

toplam süre: 03:10:34 seviye: Orta toplam video sayısı: 47

Eğitim Seti Özeti
CSS3 Başlangıç rehberi eğitim seti ile birlikte CSS3 ile gelen ve gelecek olan tüm özellikleri inceleme ve uygulama fırsatı bulabileceksiniz.

Erhan Meydan

 

Bu eğitim setine özel olarak hazırlanmış örnek çalışma dosyalarını bilgisarınıza indirmek için özel üye olarak giriş yapmalısınız.

1. CSS3 Giriş

• CSS3 Giriş 00:00:59

2. CSS3 Seçiciler (Selectors)

• Kardeş seçiciler (Sibling selectors) 00:03:05
• Çocuk seçiciler (Child selectors) 00:04:08
• Uzantı seçiciler (Suffix selectors) 00:05:10
• Seçici çıkartma (Negation pseudo-class selectors) 00:02:43
• Hedef seçiciler (Target pseudo-class selectors) 00:04:16
• İlk ek seçiciler 00:03:10
• Konum seçiciler (Structural selectors) 00:04:56
• Liste elemanı seçiciler - 1 00:02:48
• Liste elemanı seçiciler - 2 00:03:59
• Tablo seçiciler 00:05:05
• Özel eleman seçiciler 00:03:19

3. CSS3 Renkler (Colors)

• Renk formatları 00:05:55
• Renk Uygulamaları 00:05:29
• Renklerin Internet Explorer ile uyumu 00:03:18
• Düz gradient (Linear gradient) 00:07:04
• Radial Gradient (Dairesel gradient) 00:04:55
• Gradient üretim araçları 00:03:26

4. CSS3 Web Fontları (Web Fonts)

• Web fontları kullanımı 00:06:36
• Kişisel fontların webte kullanımı 00:06:54
• Yazılarda gölge kullanımı (Text shadows) 00:01:43
• Yazılarda üst üste gölge kullanımı 00:02:51
• Farklı gölge uygulamaları 00:02:49
• Internet Explorer'da gölge uygulamaları 00:03:08
• Kolon uygulaması 00:11:39

5. CSS3 Sayfa Düzeni (Page Layout)

• Div yerleştirme modeli 00:03:47
• Esnek div özelliği (Flex box) 00:06:24
• Div ters yerleştirme (Reverse box) 00:01:21
• Divleri numaranladırım yerleştirme 00:03:21
• Div'ler de dikey ortalama (Vertical align) 00:02:59
• Div'lerde yatay ortalama (Horizontal align) 00:02:49

6. CSS3 Div Modelleme (Box Model)

• Köşe yuvarlama (Border radius) 00:02:44
• Farklı köşelere yuvarlama verme 00:05:28
• Çerçeve fotoğraf verme (Border image) 00:07:51
• Div gölge uygulama (Box Shadow) 00:05:09
• Background image boyutlandırma 00:03:41
• Background image akıllı ölçeklendirme (Cover, Content) 00:02:18
• Div genişlik (Border box, Content box) 00:03:27
• Çoklu background kullanımı 00:03:05
• Background konumlama 00:01:05
• Background kırpma 00:01:42

7. CSS3 Animasyon Özellikleri (Transition, Transform)

• Basit animasyonlar 00:06:33
• Hareket merkez noktası değiştirme 00:04:09
• Geçiş efektleri (Transition Effects) 00:05:02
• İvme etkileri (Ease in, Ease out, Ease in out) 00:05:16

8. CSS3 Farklı Platformlar

• Farklı platform ve ölçülerde CSS3 00:02:03

9. Sonuç

• Hoşçakalın 00:00:55