E-book details

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

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

Eric Meyer

Ebook

Wykorzystaj potencjał technologii CSS 3 i HTML 5 pod okiem najsłynniejszego eksperta w tej dziedzinie!

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

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)

  • Title: Podręcznik CSS. Eric Meyer o tworzeniu nowoczesnych układów stron WWW. Smashing Magazine
  • Author: Eric Meyer
  • Original title: Smashing CSS: Professional Techniques for Modern Layout
  • Translation: Łukasz Piwko
  • ISBN: 978-83-246-6658-4, 9788324666584
  • Date of issue: 2012-06-20
  • Format: Ebook
  • Item ID: tfacss
  • Publisher: Helion