Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW. Smashing Magazine - ebook

• 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)

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)

Skorowidz (269)