• Przegląd najbardziej przydatnych narzędzi, selektorów oraz nowości w języku CSS 3
• Ponad piętnaście skutecznych technik rozmieszczania elementów na stronie
• Sposoby na tworzenie efektownych układów oraz formatowanie i stylizowanie tabel

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.

Spis treści:

Część I Podstawy (15)
Rozdział 1. Narzędzia (17)

• Firebug (18)
• Pasek narzędzi Web Developer (24)
• Pasek narzędzi Internet Explorer Developer Toolbar (29)
• Dodatek Dragonfly dla Opery (33)
• Dodatek WebInspector do przeglądarki Safari (35)
• XRAY (37)
• Narzędzie Selectoracle (38)
• Diagnostyczny arkusz stylów (40)
• Zerowanie stylów (42)
• Skrypt IE9.JS (45)

Rozdział 2. Selektory (47)

• Pseudocoś tam (48)
• Precyzyjne lądowanie (50)
• Precyzja selektorów (51)
• Reguła ważności (52)
• Co się dzieje, gdy zostanie pominięta jakaś wartość w zapisie skróconym? (53)
• Wybiórcze przesłanianie własności w zapisie skróconym (55)
• Selektor uniwersalny (57)
• Identyfikatory a klasy (58)
• Łączenie identyfikatorów z klasami (61)
• Przypisywanie jednego elementu do wielu klas (61)
• Selektory atrybutów (62)
• Selektor atrybutu class (64)
• Identyfikatory a selektory atrybutów (65)
• Selektor podłańcuchów wartości atrybutów (66)
• Selektor podłańcuchów wartości atrybutów - ciąg dalszy (68)
• Selektory dzieci (70)
• Częściowa imitacja selektora elementów dzieci (72)
• Selektory elementów siostrzanych (73)
• Generowanie treści (75)

Część II Niezbędnik (79)
Rozdział 3. Porady (81)

• Sprawdzaj poprawność kodu! (82)
• Kolejność własności pisma (83)
• Wysokość linii (83)
• Bezjednostkowe wartości własności line-height (84)
• Określaj styl obramowania (86)
• Ustawianie koloru obramowania (86)
• Wyłączanie wyświetlania elementów (88)
• Wyłączanie widoczności elementu (89)
• Wyrzucanie elementów poza ekran (90)
• Obrazy zamiast tekstu (92)
• Style dla druku (94)
• Pisanie arkuszy stylów dla druku (95)
• Łącza blokowe (96)
• Margines czy dopełnienie? (97)
• Wycinanie list (99)
• Definiowanie punktorów list (100)
• Punktory w tle (102)
• Generowanie markerów (105)
• Masz do dyspozycji więcej kontenerów, niż myślisz (107)
• Tła dokumentu (110)
• Arkusze serwerowe (111)

Rozdział 4. Układy (115)

• Stosowanie obrysu zamiast obramowania (116)
• Ustawianie bloków na środku (118)
• Kontenery elementów pływających - przepełnienie (121)
• Pływające kontenery elementów pływających (123)
• Clearfix (125)
• Kliring elementów przylegających (126)
• Prosty układ dwukolumnowy (128)
• Prosty układ trzykolumnowy (129)
• Fałszywe kolumny (132)
• Technika Liquid Bleach (135)
• One True Layout (138)
• Święty Graal (142)
• Płynne siatki (146)
• Układ oparty na jednostkach em (150)
• Ujemne marginesy w układzie normalnym (154)
• Pozycjonowanie w kontekście (156)
• Wyjście poza kontener (158)
• Pozycjonowanie na sztywno nagłówków i stopek (161)

Rozdział 5. Efekty (165)

• Complexspiral (166)
• Menu podręczne w CSS (170)
• Menu CSS (172)
• Nieregularne kształty (174)
• Zaokrąglanie rogów przed nastaniem CSS 3 (177)
• Zaokrąglanie rogów przy użyciu CSS 3 (181)
• Sprajty CSS (183)
• Sliding Doors (185)
• Przesuwane drzwi z przycinaniem (189)
• Paralaksa CSS (191)
• Nieregularne kształty pływające (193)
• Lepsze nieregularne kształty pływające (197)
• Pola obrazów (201)
• Ograniczanie rozmiaru obrazów (202)

Część III Najnowsze techniki (205)
Rozdział 6. Tabele (207)

• Nagłówek, treść główna i stopka tabeli (208)
• Nagłówki wierszy (211)
• Formatowanie według kolumn (213)
• Tworzenie map z danych tabelarycznych (217)
• Wykresy z tabel (224)

Rozdział 7. Pieśń przyszłości (233)

• Formatowanie elementów HTML 5 (234)
• Imitacja elementów HTML 5 za pomocą nazw klas (236)
• Zapytania o media (237)
• Formatowanie wybranych elementów-dzieci (242)
• Formatowanie wybranych kolumn (246)
• Kolory RGB z kanałem alfa (249)
• Kolory HSL i HSL z kanałem alfa (250)
• Cienie (252)
• Definiowanie wielu obrazów w tle elementów (254)
• Przekształcenia dwuwymiarowe (258)