A'dan Z'ye CSS HTML5, CSS2, CSS3 Kılavuzu – CSS3 Animasyonları ve Geçiş Efektleri – Animasyon, Transform, Transition, Keyframes Rıza Çelik  - Kitap

A'dan Z'ye CSS

HTML5, CSS2, CSS3 Kılavuzu – CSS3 Animasyonları ve Geçiş Efektleri – Animasyon, Transform, Transition, Keyframes

4. Baskı, 
Nisan 2013
Kitabın Detayları
Dili:
Türkçe
Ebat:
16x24
Sayfa:
496
Barkod:
9789750223501
Kapak Türü:
Karton Kapaklı
Baskısı tükenmiştir.
Kitabın Açıklaması
A'dan Z'ye CSS kitabının 4. baskısı HTML5 ve CSS3 ile gelen çok önemli yenilikleri kapsamlı olarak anlatmaktadır. Kitap, CSS'ye yeni başlayan ve kendisini bu konuda yetiştirmek ve ilerletmek isteyen Ön Yüz Geliştiriciler (Front End Developer) için iyi bir başvuru kaynağı niteliğindedir. Kitapta konular, yerine göre çizim, grafik, şema gibi görsel unsurlarla tanımlanmış ve her konunun içinde anlatılan özellik ve metotlara ait uygulama örnekleri verilmiştir.
Piyasada CSS3 ile Animasyon uygulamaları yapabilecek geliştiriciler çok az ve bu konuda çok büyük bir boşluk bulunmakta. Kitap geleceğin Animasyon teknikleri ile uygulama geliştirmenizi sağlamaya dönük hazırlanmıştır
HTML5 ile gelen Web Storage (Web Depolama), Session Storage (Oturum Depolama), Local Storage (Yerel Depolama), Web SQL Database, WebSocket API, Server Sent Events, postMessage, Web Workers (Web İşçileri), Message Channel ve Geolocation gibi yenilikler detaylı olarak anlatılmış ve konunun daha iyi anlaşılması için örnek uygulamalara yer verilmiştir.
Kitabın Konu Başlıkları
.
W3C Standartları (HTML5, CSS3)
.
Cascading Style Sheets (CSS)
.
HTML 5 ile Gelen Yeni Standartlar
.
HTML5 ile Ara Yüz Tasarımı ve Sunumu
.
CSS2, CSS3 Seçicileri ve Sınıfları
.
CSS3 ile Yeni Nesil İçerik Sunum Teknikleri
.
CSS3 Animasyonları ve Geçiş Efektleri
Yorumlar
Kitabın İçindekileri
Önsöz 
Bölüm 1: HTML5 
Giriş 
HTML5 ve XHTML Arasındaki Fark 
Belge Tanımlaması ve Belge Tipi Bildirimi 
XHTML Üç Tip Belge Bildirimi Sunar 
SGML ve HTML 
DOCTYPE Bildirim Zorunluluğu 
HTML Elementleri ve Söz Dizim Kuralları 
Standart Bir Elementin Yazım Kuralı 
Hiyerarşik Yapı 
Web Sunucu Kurulumu 
Gizli Dosya Uzantılarını Gösterme 
HTTP (Hypertext Transfer Protocol) 
Web Sayfası Adresi (URL) 
Varsayılan Dosya (Sayfa) 
Aptana Studio 3 
Boşluk ve ENTER İşlevi 
Elementi 
Elementi 
Sık Kullanılan Metin Biçimlendirme Etiketleri 
Etiketi 
Ekran Boyutları Hedefleme 
Mobil Meta Etiketler 
Viewport Ayarları 
Ana Ekran İkonları 
Liste Oluşturma 
Grafik Ekleme 
Dosya Yolu 
Göreceli Dosya Yolu Bilgisi 
Mutlak Dosya Yolu 
Link Ekleme 
1. Site İçi Linkler 
Site İçi Direk Linkler 
Site Dışı Direk Linkler 
Tablo Ekleme 
Elementi 
Tablo Yapısı 
ve Elementleri 
Tablo Başlığı 
 
Örnek Uygulama 
Form Ekleme 
Elementi 
Form Özelliklerinin Açıklanması 
 
 
 
 
 
 
 
 
Autofocus 
Pattern 
Multiple 
Placeholder 
Readonly 
Step 
Required 
Basit Girdilerle İlgili Form Unsurları 
 
size ve maxlength 
 
 
 
Accesskey Özelliği 
 
Elementi 
Selected Özelliği 
Size Özelliği 
Multiple Özelliği 
Elementi 
Elementi 
Elementi 
PHP ile Form Girdilerinin Elde Edilmesi 
Iframe (Gömülebilir İçerik) 
Name 
Iframe Kullanarak Formlarla Çalışma 
HTML 5 İçerik Yönetim Elementleri 
Şablon 
Elementi 
Elementi 
Elementi 
Elementi 
Elementi 
Elementi 
Elementi 
ve Etiketleri 
Etiketi 
Etiketi 
ve  
Etiketi 
Etiketi 
Etiketi 
Yeni Multimedya Elementleri 
HTML5 Elementi 
HTML5 Elementi 
Elementi ile Video Ekleme 
Web Storage(Web Depolama) 
Session Storage(Oturum Depolama) 
Local Storage(Yerel Depolama) 
setItem ve getItem 
Length 
removeItem 
Clear() 
Web SQL Database 
Web SQL Veritabanı 
readTransaction 
Transaction 
executeSql(); 
Geolocation 
Drag and Drop(Sürükle ve Bırak) 
Sürükle ve Bırak Olayları 
Dosyaları Sürükleyip Bırakma ve Yükleme 
WebSocket API 
WebSocket 
Method 
Özellikler 
Olaylar 
Server Sent Events 
Kimlik Ayarlama 
JSON İçeriği 
Güvenlik 
postMessage 
Web Workers (Web İşçileri) 
Message Channel 
Bölüm 2: CASCADING STYLE SHEETS (CSS) 
Cascading Style Sheets (CSS) 
Temel CSS Söz Dizimi 
CSS Kuralı 
Sayfa Düzeyinde Stil Tanımı 
Element Düzeyinde Stil Tanımı 
CSS İçin Ön Bilgi 
1. Blok Düzey Elementler 
Margin (Dış Boşluk) 
2. Satır Düzeyi Elementleri 
Kutu Modelini Anlamak 
Elementlerin Pozisyonu 
Kutu Modelini Kaydırmak(Float) 
Pozisyonlara Göre Elementlerin Konumu 
Elementlerin Görünen Rollerini Değiştirme 
Elementlerin Biçimsel Rollerini Değiştirme 
CSS Ölçülendirme ve Görünüş Özellikleri 
Sayılar 
Ölçülendirme 
Mutlak, Kesin (Absolute) Ölçülendirme 
Göreceli (Relative) Ölçülendirme 
Ölçülendirme Kuralları 
Metin (Yazı) Kuralları 
Arkaplan Özellikleri 
Görünüş Kuralları 
CSS İçin Renk Tanımlaması 
HSL 
Alfa Kanalı 
IE Web Tarayıcısını İstediğimiz Versiyonda Çalıştırma 
Internet Explorer İçin Şartlı Yorumlar 
Alt Düzey Gizli Yorumlar 
Fare İşaretleri İçin CSS Stili Tanımlama 
CSS Kurallarında Ön Takılar 
Bölüm 3: CSS SÖZ DİZİMİ 
CSS Söz Dizimi 
Seçici 
Bildirim Bloğu 
Bildirimler 
Özellik ve Değer 
Temel Özelliklere Ait Gruplar 
Gelişmiş Özelliklere Ait Gruplar 
Element Seçici 
ID Seçicisi 
Sınıf Seçici (Class) 
Bir Sınıfı Birden Fazla Element ile Kullanmak 
Bir Elemente Birden Fazla Sınıfı Kullanmak 
Genel (Evrensel) Seçici 
CSS2 Özellik ve Soy Seçicileri 
Özellik Seçiciler 
Soya Bağlı Seçiciler 
Çocuk ve Torun Seçici 
Çocuk Seçici 
Bitişik Soydaş Element Seçicileri 
Doğrudan Kardeş Seçicisi 
Dolaylı Kardeş Seçici 
Gruplandırma 
Gruplandırma ile İlgili Örnek Tasarım Uygulaması 
Bölüm 4: CSS2 ve CSS3 SEÇİCİLERİ 
CSS2 Pseudo-Sınıfları 
Sahte-Sınıflar (Pseudo-Class) 
Etkileşim Sınıfları 
Link 
Visited 
Active 
Focus 
Active 
Lang() 
CSS3 Pseudo-Sınıfları 
Nth-Child 
Nth-Last-Child 
Nth-of-Type 
Nth-Last-of-Type 
Örnek Uygulama 
First-Child 
Last-Child 
First-of-Type 
Last-of-Type 
Only-of-Type 
Target 
Checked , Enabled ve Disabled 
Dinamik Seçici Oluşturma 
Pseudo-Elementler 
:First-Line 
:First-Letter 
Kullanıcı Ara yüzü Element Parçacıkları 
Unicode Kodlaması ve Semboller 
!important 
CSS Kurallarında Basamak Yapısı 
!important ile Önceliği Değiştirmek 
Bölüm 5: CSS KUTU MODELİ 
Margin 
Birden Fazla Parametre Kullanımı 
Margin ile Ortalama 
Kenar Özelliklerine Göre Margin Değeri Oluşturma 
Padding 
Overflow (Taşma) 
Kutu Modelini Kaydırma 
Float 
Clear 
Float Kullanmadan Kutu Modelini Gösterme 
Display 
Kutu Modelinde Elementlerin Tablo Görünümü Alması 
Elementleri Liste Olarak Gösterme 
Temel Gösterme Gizleme Şekli 
Visibility 
Box-Sizing 
Columns (Sütunlara Ayırma) 
Column-Span 
Flex - Box Esnek Kutu Modeli 
Calc Fonksiyonu 
Bölüm 6: KONUMLANDIRMA 
Elementleri Konumlandırma 
Position 
Dört Tür Konumlandırma (Position) Yapılır 
Durağan Konumlandırma (Static) 
Göreceli Konumlandırma (Relative) 
Mutlak Konumlandırma (Absolute) 
Absolute ve z-index 
Konumlandırma Etiksi 
Pozisyonlar ve Kullanım Alanları 
Absolute ile Sayfa Tasarımı 
Sabit Konumlandırma(Fixed) 
Grafik Görünümlü Yatay ve Dikey Çubuk Tasarımı 
Bölüm 7: ARKA PLAN ÖZELLİKLERİ 
Arka Plan (Background) 
Oylama Yıldızı Tasarlama 
Menü Tasarımı 
Background-Clip Özelliği 
Birden Fazla Arka Plan İmajı Ekleme 
Alıntı Alanı Tasarlama 
Clip Özelliği 
Background-Size 
Css ile Gradient (Eğimli Renk Geçişi) 
Linear-Gradient 
Radial-Gradient 
Seçenekler 
Repeating-Linear-Gradient 
Repeating-Radial-Gradient 
Bölüm 8: BORDER ÖZELLİKLERİ 
Border Özelliği 
Border Özellikleri 
Border-Style 
Border 
Dotted 
Dashed 
Ridge 
Groove 
Üçken Tasarlama 
Border-Radius 
Box-Shadow (Kenarlara Gölge Verme) 
Inset 
Bölüm 9: METİN (TEXT) 
Metin (Text) 
Metin Rengi 
Hex Renk Değeri 
Renk Adı 
Rgb Renk Değeri 
Renklerde Opaklık, Şeffaflık (Transparent) 
Line-Height 
Letter-Spacing 
Text-Align 
Vertical-Align 
Text-Decoration 
Text-Indent 
Text-Shadow 
Text-Transform 
White-Space 
Word-Spacing 
Word-Wrap, Text-Overflow, Max-Width 
Font-Family 
Font-Weight 
Line-Height 
@font-face 
Web Tipografi 
TTF Fontlarının EOT Fontlara Dönüştürülmesi 
Google Font Servisi 
Simgelerle Çalışma 
Bölüm 10: CSS LİSTE ÖZELLİKLERİ 
CSS Liste Özellikleri 
List-Style-Type Özelliği ve Aldığı Değerler 
CSS Liste Özellikleri 
List-Style-Image 
Liste Öğelerine Hover Efekti Uygulama 
List-Style-Position 
Listelere Margin Özelliği Uygulama 
List-Style 
None Değeri 
Liste Elementini Menü Olarak Kullanmak 
Liste Öğelerine Float Özelliği ile Left Değerini Tanımlama 
Açılır Menü 
Liste ile Kod Düzeni Oluşturma 
Menü Tasarımı 1 
Menü Tasarımı 2 
Menü Tasarımı 3 
Bölüm 11: CSS TABLO ÖZELLİKLERİ 
CSS Tablo Özellikleri 
Border-Collapse 
Border-Spacing 
Caption-Side 
Empty-Cells 
Table-Layout 
Bölüm 12: SAYDAMLIK 
Opacity Saydamlık 
Javascript ile Opacity (Saydamlık) 
Hover Pseudo Sınıfı ile Saydamlık Etkisi 
Metin ve Resimlerin Birlikte Kullanılması 
Şefaflık İçinde Şeffaflık 
Yazı ve Arka Plan Şeffaflığı 
Opacity Özelliği ile Açıklama 
Linklere Şeffaflık Özelliği Verme 
Link Olarak Verilmiş Resmilere Şeffaflık Özelliği Atama 
Örnek Uygulama 
Bölüm 13: GÖRÜNÜŞ TASARLAMA 
Görünüş Tasarlama 
Bölüm 14: CSS DİREKTİFLERİ 
CSS Direktiflerinin HTML Sayfası İçinde Kullanılması 
CSS İçin Yorum Satırı 
Sayfa Düzeyinde Stil Tanımları 
Media Özelliği 
Stil Sayfalarının Belgelerle Birleştirilmesi 
@media ile Stil Dosyası Tanımlanması 
Print 
Screen 
@media Hedef Kuralı 
@import ile Stil Kuralı İthal Etmek 
Stil Dosyalarının Belgeye Bağlanması (Linking) 
Elementi ile Dışarıdan HTML Sayfasına Bağlama 
Stil Dosyalarının Belgeye İthal Edilmesi (Importing) 
Tam Site Adresi Belirtilerek Yazılması 
Mutlak Dizin Yolu Belirtilerek Yazılması 
Birden Fazla CSS Dosyasının Tek Dosya ile İthal Edilmesi 
Bölüm 15: CSS3 İLE TRANSFORM (DÖNÜŞTÜRME) 
Transform 
Dönüşüm Fonksiyonları 
Matris 
Rotate 
Scale 
ScaleX 
ScaleY 
Yansıma Örneği 
Skew 
SkewX 
SkewY 
Translate 
TranslateX 
TranslateY 
Transform Uygulaması 
Örnek Uygulama 
jQuery Transform Plugin 
Bölüm16: CSS3 İLE GEÇİŞ EFEKTLERİ VE ANİMASYON 
Geçiş Efektleri 
Geçiş Eyleminin Gerçekleşmesi 
Geçiş Fonksiyonları 
Transition-Property 
Transition-Duration 
Transition-Timing-Function 
Transition-Delay 
Cubic-Bezier Eğrisi ve Anlamı 
Transition Fonksiyonu 
3D 
Perspektif 
Perspektif Derinliği 
Translate 
Transform-Style 
Transform-Origin 
Translate3d 
Rotate3d 
Animasyon 
Animation-Iteration-Count 
Animation-Play-State 
Animation-Direction 
Animasyon Dolgu Modu ve Kontrol 
Karışık Zincirleme Animasyon 
Animation Fonksiyonu 
Dairesel 3D Galeri 
3D Kare Galeri 
Kanatlı 3D Galeri 
Zıplama 
Konumlandırma 
İç İçe 3D Dönüş 
Polarait Resim Galerisi 
Tıklama ile Hareketli Resim Galerisi 
Açılır Kapanır Defter 
Hareketli Tek Kare Resim Gösterimi 
Hareketli Bildirim 
Döndürerek Site İçeriğini Gösterme 
Akordiyon İçerik 
Akordiyon Resim Efekti 
Dört Kanatlı Pervane 
CSS3 Animasyonları İçin Görsel Araçlar 
Kavramlar Dizini