Podrecznik CSS Eric Meyer o tworzeniu nowoczesnych ukladow stron WWW Smashing Magazine.pdf

(2236 KB) Pobierz
Idź do
• Spis treści
• Przykładowy rozdział
• Skorowidz
Katalog książek
• Katalog online
• Zamów drukowany
katalog
Twój koszyk
• Dodaj do koszyka
Cennik i informacje
• Zamów informacje
o nowościach
• Zamów cennik
Czytelnia
• Fragmenty książek
online
Ten fantastyczny CSS! Eric Meyer
o tworzeniu nowoczesnych
układów stron WWW
Autor:
Eric A. Meyer
Tłumaczenie: Łukasz Piwko
ISBN: 978-83-246-3242-8
Tytuł oryginału:
Smashing CSS: Professional
Techniques for Modern Layout
Format: 168×237, stron: 280
Wykorzystaj potencjał technologii CSS 3 i HTML 5
pod okiem najsłynniejszego eksperta w tej dziedzinie!
Czym byłby dzisiaj Internet, gdyby nie fantastyczne możliwości CSS? Przestrzenią pełną nudnych,
podobnych do siebie i zapewne średnio atrakcyjnych dla współczesnych użytkowników stron
WWW… Choć jeszcze dziesięć lat temu technologii tej wróżono odejście do lamusa, dziś swoją
popularnością dorównała językowi HTML i stała się już niemal tak samo powszechna. Kaskadowe
arkusze stylów spotkamy wszędzie, od przeglądarek internetowych, przez zaawansowane sklepy
internetowe, po aplikacje do czatowania. Na tym nie koniec! CSS nadal rozkwita – jego ogromne
możliwości oraz zakres użycia coraz bardziej się rozszerzają! A w branży twórców stron
internetowych niewiele jest osób, które potrafią tak dobrze objaśnić wszystkie aspekty
korzystania z języka CSS, jak słynny Eric Meyer – autor tej fantastycznej książki!
To właśnie z nim wyruszysz w podróż do najeżonego nowościami i zmianami świata najświeższych
specyfikacji HTML 5 i CSS 3. To dla Ciebie stworzył ten nowoczesny przewodnik z setką porad,
skutecznych metod i praktycznych sztuczek w zakresie tworzenia najwyższej jakości witryn
internetowych przy użyciu CSS. W pierwszej części znajdziesz krótki przegląd przydatnych narzędzi
i podstawowych technik, wliczając w to mało znane selektory CSS. Następnie zobaczysz, co można
zrobić przy użyciu CSS – poznasz ciekawe efekty oraz różne sposoby osiągania tego samego celu
i tworzenia wydajnych układów. Dowiesz się, jak CSS 3 współdziała z biblioteką JQuery.
W ostatniej części znajdziesz opis technik zaawansowanych. Co ważne, każdy opis jest niezależny
od pozostałych, możesz więc otworzyć książkę na dowolnej stronie i wykorzystać w swojej pracy
to, co się na niej znajduje – bez obaw, że straciłeś coś ważnego.
W tej niezwykłej książce znajdziesz między innymi:
• opis więcej niż piętnastu technik rozmieszczania elementów na stronie (clearfix, układy
dwu- i trzykolumnowe, układy z fałszywymi kolumnami, One True Layout, Holy Grail,
układy oparte na jednostce em, płynne siatki, kleiste stopki)
• sposoby ukrywania elementów i wyrzucania ich poza ekran
• metody definiowania tła elementów body i html w języku XHTML
• opis wielu efektów CSS (wyskakujące okienka CSS, tworzenie nieregularnych kształtów
na stronie, zaokrąglanie rogów, sprajty CSS, Sliding Doors, Liquid Bleach)
• techniki formatowania tabel za pomocą CSS, w tym elementów thead, tbody, tfoot
i nagłówków wierszy
• sposoby formatowania wybranych kolumn, stylizowania tabel przy użyciu JQuery,
zmieniania tabel w wykresy i mapy
• przegląd niektórych nowości w języku CSS 3 (definiowanie wielu obrazów w tle elementów,
model kolorów RGBA)
Opanuj najlepsze techniki tworzenia nowoczesnych układów stron WWW!
Kontakt
Helion SA
ul. Kościuszki 1c
44-100 Gliwice
tel. 32 230 98 63
e-mail: helion@helion.pl
© Helion 1991–2011
Spis treści
CZĘŚĆ I
Rozdział 1
PODSTAWY
Narzędzia
Firebug
Pasek narzędzi Web Developer
Pasek narzędzi Internet Explorer Developer Toolbar
Dodatek Dragon y dla Opery
Dodatek WebInspector do przeglądarki Safari
XRAY
Narzędzie Selectoracle
Diagnostyczny arkusz stylów
Zerowanie stylów
Skrypt IE9.JS
Selektory
Pseudocoś tam
Precyzyjne lądowanie
Precyzja selektorów
Reguła ważności
Co się dzieje, gdy zostanie pominięta jakaś wartość
w zapisie skróconym?
Wybiórcze przesłanianie własności w zapisie skróconym
Selektor uniwersalny
Identy katory a klasy
Łączenie identy katorów z klasami
Przypisywanie jednego elementu do wielu klas
Selektory atrybutów
Selektor atrybutu class
Identy katory a selektory atrybutów
Selektor podłańcuchów wartości atrybutów
Selektor podłańcuchów wartości atrybutów — ciąg dalszy
Selektory dzieci
Częściowa imitacja selektora elementów dzieci
Selektory elementów siostrzanych
Generowanie treści
15
17
18
24
29
33
35
37
38
40
42
45
47
48
50
51
52
53
55
57
58
61
61
62
64
65
66
68
70
72
73
75
Rozdział 2
SPIS TREŚCI
CZĘŚĆ II
Rozdział 3
NIEZBĘDNIK
Porady
Sprawdzaj poprawność kodu!
Kolejność własności pisma
Wysokość linii
Bezjednostkowe wartości własności line-height
Określaj styl obramowania
Ustawianie koloru obramowania
Wyłączanie wyświetlania elementów
Wyłączanie widoczności elementu
Wyrzucanie elementów poza ekran
Obrazy zamiast tekstu
Style dla druku
Pisanie arkuszy stylów dla druku
Łącza blokowe
Margines czy dopełnienie?
Wycinanie list
De niowanie punktorów list
Punktory w tle
Generowanie markerów
Masz do dyspozycji więcej kontenerów, niż myślisz
Tła dokumentu
Arkusze serwerowe
Układy
Stosowanie obrysu zamiast obramowania
Ustawianie bloków na środku
Kontenery elementów pływających — przepełnienie
Pływające kontenery elementów pływających
Clear x
Kliring elementów przylegających
Prosty układ dwukolumnowy
Prosty układ trzykolumnowy
Fałszywe kolumny
Technika Liquid Bleach
One True Layout
Święty Graal
Płynne siatki
Układ oparty na jednostkach em
Ujemne marginesy w układzie normalnym
Pozycjonowanie w kontekście
Wyjście poza kontener
Pozycjonowanie na sztywno nagłówków i stopek
79
81
82
83
83
84
86
86
88
89
90
92
94
95
96
97
99
100
102
105
107
110
111
115
116
118
121
123
125
126
128
129
132
135
138
142
146
150
154
156
158
161
10
Rozdział 4
SPIS TREŚCI
Rozdział 5
Efekty
Complexspiral
Menu podręczne w CSS
Menu CSS
Nieregularne kształty
Zaokrąglanie rogów przed nastaniem CSS 3
Zaokrąglanie rogów przy użyciu CSS 3
Sprajty CSS
Sliding Doors
Przesuwane drzwi z przycinaniem
Paralaksa CSS
Nieregularne kształty pływające
Lepsze nieregularne kształty pływające
Pola obrazów
Ograniczanie rozmiaru obrazów
165
166
170
172
174
177
181
183
185
189
191
193
197
201
202
CZĘŚĆ III NAJNOWSZE TECHNIKI
Rozdział 6
Tabele
Nagłówek, treść główna i stopka tabeli
Nagłówki wierszy
Formatowanie według kolumn
Tworzenie map z danych tabelarycznych
Wykresy z tabel
Pieśń przyszłości
Formatowanie elementów HTML 5
Imitacja elementów HTML 5 za pomocą nazw klas
Zapytania o media
Formatowanie wybranych elementów-dzieci
Formatowanie wybranych kolumn
Kolory RGB z kanałem alfa
Kolory HSL i HSL z kanałem alfa
Cienie
De niowanie wielu obrazów w tle elementów
Przekształcenia dwuwymiarowe
205
207
208
211
213
217
224
233
234
236
237
242
246
249
250
252
254
258
269
11
Rozdział 7
Skorowidz
Zgłoś jeśli naruszono regulamin