CSS 3 - Profesionalne tehnike za dizajn savremenih web stranica - II izdanje

Ova knjiga pruža čitaocima mnogo više od osnovnih informacija, jer sadrži opis ne samo naprednijih tehnika u procesu raspoređivanja elemenata i primene efekata, već sadrži i uvodne napomene o karakteristikama HTML5 i CSS3 koda. Malo je osoba u svetu računarstva koji do detalja poznaju CSS kao Erik Mejer, a u ovoj knjizi Erik prikazuje tehnike koje su veoma temeljne, korisne i univerzalno primenljive u relanim aplikaicjama. Od izbora pravog alata, do CSS efekata i CSS3 tehnika sa jQuery, ova knjiga je pravi praktični vodič za kreiranje modernih Web stranica.

Nakon što pročitate ovu knjigu naučićete kako da:

• Postavljate elemente van ekrana, odnosno skrivate ih
• Kreirate body/HTML pozadinu u XHTML kodu
• Primenjujete više od 15 tehnika za definisanje rasporeda elemenata, kao što su clearfix efekat, prikazivanje teksta u dve ili tri kolone, faux kolone, One True Layout, Holy Grail, specifični raspored, fluid rešetke, lepljivi futeri i još mnogo toga
• Primenjujete različite CSS efekte, uključujući CSS iskačuće prozore, transparentnost, zaobljene ivice, CSS sprajtove, Sliding Doors, Liquid Bleach, iskrzane ivice i slično
• Primenjujete CSS stilove za tabele, korišćenjem threar, tfoot i tbody; zaglavlja vrsta; stilove orijentisane ka kolonama (klase); stilove za prikazivanje posataka u tabeli pomoću jQuery; stilove za grafičko prikazivanje podataka iz tabela; stilove za prikazivanje podataka na mapama; i još mnogo toga
• Koristite CSS3 elemente, koji definišu zaobljene ivice, višestruke pozadine, RGBA, jQuery za izvršavanje CSS3 selekcija, i još mnogo toga.

O autoru:

Erik Mejer (Eric Meyer) je svetski priznati ekspert za HTML, CSS i Web standarde, a radi na Webu još od 1993. godine. Ova knjiga namenjena je programerima koji već imaju određeno iskustvo u korišćenju CSS i JavaScript koda, a spremni su da unaprede svoje znanje.

Smashing Magazine (smashingmagazine.com) je jedna od svetski najpopularnijih stranica posvećenih Web dizajnu. U skladu sa njenom misijom, u Smashing Magazine ediciji objavljuju se knjige koje sadrže veoma korisne i inovativne informacije za Web dizajnere i programere.

Sadržaj

Deo I: Osnove 3

Poglavlje 1: Alati 5

• Firebug 6
• Web Developer paleta sa alatkama 13
• Internet Explorer Developer paleta sa alatkama (ili alati) 17
• Dragonfly (za Web pregledač Opera) 22
• Web Inspector (Safari) 26
• XRAY 29
• SelectORacle 30
• Diagnostic Style Sheet 31
• Reboot stilovi 33
• IE9.js 36

Poglavlje 2: Selektori 39

• Pseudo šta? 40
• Odredišta sa stilom 41
• Specifičnost 43
• Značaj 44
• Šta se događa ukoliko izostavite Shorthand Value ključne reči 45
• Selektivno predefinisanje ključnih reči 47
• Univerzalna selekcija 49
• ID u odnosu na Class 50
• ID i Class 52
• Multiklase 53
• Simple Attribute selektovanje 54
• Selektovanje atributa klasa 56
• ID i Attribute Selector 57
• Selektovanje podstringa atributa 58
• Dodatne informacije o selektovanju podstringa atributa 60
• Selektovanje izvedenih atributa 62
• Simulacija delimičnog selektovanja izvedenih atributa 63
• Selektovanje srodnih elemenata 65
• Generisanje sadržaja 67

Deo II: Suština 71

Poglavlje 3: Saveti 73

• Validacija! 74
• Uređivaje Font vrednosti 75
• Pomeranje u visini linije 75
• Bezdimenzione vrednosti veličine linije 76
• Izbegavanje Border vrednosti bez stila 78
• Definisanje boje ivica 78
• Sprečavanje prikazivanja elementa 80
• Promena vidljivosti elementa 82
• Pomeranje elemnata izvan ekrana 83
• Zamena slike 84
• Stilovi štampanja 87
• Definisanje stilova štampanja 87
• Linkovi na nivou blokova 89
• Definisanje margine ili pomeranje sadržaja? 90
• Pomerene liste 92
• Liste navođenja 93
• Pozadinsko navođenje 95
• Generisanje navođenja 98
• Postoji više kontejnera nego što vi mislite 100
• Pozadina dokumenata 103
• CSS kod specifičan za server 104

Poglavlje 4: Raspored elemenata 107

• Obrisi umesto ivica 108
• Centriranje blokova 110
• Realni brojevi: prekoračenje 113
• Realni brojevi: pomeranje 115
• Ispravljanje grešaka 117
• Okvirno ispravljanje grešaka 118
• Dve jednostavne kolone 120
• Tri jednostavne kolone 121
• Faux kolone 124
• Liquid Bleach efekat 127
• One True raspored elemenata 131
• Holy Grail edekat 135
• Fluid Grids efekat 140
• Em-Based raspored elemenata144
• Negativne margine u tekstu 147
• Pozicioniranje u okviru konteksta 150
• Izbacivanje iz odgovarajućeg bloka 152
• Fiksni hederi i futeri 155

Poglavlje 5: Efekti 159

• Kompleksna spirala 160
• CSS iskačući prozori 165
• CSS meniji 167
• Uklanjanje delova boksa 169
• Starije verzije CSS zaobljenih uglova 172
• CSS 3 zaobljeni uglovi 177
• CSS sprajtovi 179
• Kartice 182
• Skraćene kartice185
• CSS paralaksa 187
• Postavljanje teksta pored ivica nepravilnog oblika 190
• Preciznije postavljanje teksta pored ivica nepravilnog oblika 194
• Psotavljanje slike u okvir 198
• Ograničene slike 200

Deo III: Napredne tehnike 203

Poglavlje 6: Tabele 205

• Zaglavlje, telo, futer 206
• Zaglavlja vrsta 208
• Definisanje stilova na nivou kolona 210
• Mapiranje tabela 215
• Grafika tabela 222

Poglavlje 7: (Bliska) budućnost 231

• HTML 5 stilovi 232
• Definisanje klasa u HTML 5 234
• Definisanje upita na multimedijalnim datotekama 235
• Definisanje privremenih stilova nasleđivanje 240
• Definisanje privremenih stilova za kolone 243
• RGB Alpha Color 246
• HSL i HSL Alpha Color 248
• Stilovi za senke 250
• Višestruke pozadine 251
• 2D transformacije 256

Indeks 269