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 Sayısı:
496
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
Kitapla İlgili Kategoriler
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
Baskısı tükenmiştir.
Bu kitaplar da ilginizi çekebilir
CSS3
Çağlar Sarıbıyık
Hakkımızda
|
Uluslararası Yayınevi Belgesi|
2023 Kaynakça Dokümanı|
Kişisel Verilerin Korunması |
Üyelik|
Siparişlerim|
İade Politikası|
İletişim