Jak to się robi z pomocą mistrza

• Poznaj przyszłość standardów sieciowych
• Stosuj skuteczne zasady pracy z nowoczesnymi przeglądarkami
• Naucz się eliminować problemy i ciąć koszty

Przewodnik po standardach autorstwa Jeffreya Zeldmana ponownie kontratakuje! Trzecie wydanie udowadnia, że to wciąż najważniejsza książka dla wszystkich projektantów, którzy chcą tworzyć nowoczesne i funkcjonalne witryny - błyskawicznie się wczytujące, trafiające do masowego odbiorcy i tanie w utrzymaniu. Do nowej, zaktualizowanej wersji dodano niezwykle przydatne informacje o usprawnieniach, a także wyzwaniach, jakie stoją przed projektantami pracującymi w nieustannie zmieniającym się środowisku standardów sieciowych.

W tym wydaniu książki znajdziesz informacje na temat tego, jak za pomocą standardów rozwiązywać problemy powstające w wyniku stosowania starych sposobów projektowania witryn WWW. Dowiesz się także, jak stare i nowe standardy przekształcają internet w dynamiczną platformę do tworzenia solidnych, dostępnych aplikacji oraz pięknych i łatwych do odnalezienia treści. Przeczytasz też o tym, jak zapowiada się przyszłość standardów sieciowych.

• Prezentacja języków XHTML, HTML 5, CSS.
• Zasady tworzenia strukturalnego, semantycznego kodu.
• Realizacja solidnych układów, tworzonych w oparciu o CSS.
• Tworzenie nieinwazyjnego kodu JavaScript.
• Dodatkowe informacje dotyczące typografii i dostępności.
• Prezentacje kilku projektów, w których pokazujemy sztuczki i rozwiązania w zakresie stosowania standardów.

W tym przemyśle Jeffrey Zeldman zajmuje miejsce gdzieś pomiędzy "Bogiem" a "guru" - i potrafi wykorzystać swą mądrość oraz dowcip, by opowiadać o tym, CZYM są standardy sieciowe, JAK należy je stosować oraz DLACZEGO powinniśmy zwrócić na nie uwagę.
Kelly Goto, autorka książki Web ReDesign 2.0: Workflow that Works

Czasami, bardzo rzadko, udaje się znaleźć autora, o którym myślimy sobie: "Ten gość jest inteligentny! I sprawia, że ja też czuję się mądrzejszy, bo w końcu zrozumiałem to zagadnienie".T
Steve Krug,
autor książek Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron internetowych oraz Przetestuj ją sam! Steve Krug o funkcjonalności stron internetowych

Wstęp do trzeciego wydania (17)
Część I
Zanim zaczniesz (25)

• Przerwanie cyklu starzenia się (26)
  
• Żadnego dogmatu (27)
  
  • Kontinuum, a nie zbiór sztywnych reguł (27)
• Kilka ważnych definicji (28)
  
• Jeden rozmiar nie będzie dobry dla wszystkich (30)
  
• Witamy wśród zwycięzców (31)

1. 99,9% witryn wciąż jest przestarzałych (35)

• Nowoczesne przeglądarki i standardy sieciowe (36)
  
• Nowy kod do nowej pracy (37)
  
• Problem "wersji" (38)
  
• Myślenie wsteczne (40)
  
  • Zły kod: pierwsza siatka za darmo (41)
• W dłuższej perspektywie czasu rozgałęzianie kodu może być niebezpieczne dla witryny (43)
  
• Ukryte koszty rozbudowanego kodu stron (46)
  
• Zgodność wstecz jest kłamstwem (47)
  
  • Blokowanie użytkowników nie wpływa dobrze na interesy (49)
• Lek (52)

2. Projektowanie i budowanie z użyciem standardów (55)

• Pokonywanie trudności (57)
  
• Koszt projektowania przed wprowadzeniem standardów (58)
  
• Nowoczesna strona starymi metodami (59)
  
• Trzy elementy standardów sieciowych (66)
  
  • Struktura (66)
  • Prezentacja (69)
  • Zachowanie (69)
• Standardy w praktyce (69)
  
• Projekt standardów sieciowych: przenośność w zastosowaniu (72)
  
  • Jeden dokument dla wszystkich (73)
• A List Apart: jedna strona, wiele widoków (75)
  
  • Projektowanie nie tylko z przeznaczeniem na ekran (77)
  • Oszczędność czasu i kosztów, wzrost zysków (78)
• Co dalej? (79)

3. Delikatna perswazja (83)
4. Przyszłość standardów sieciowych (91)

• Wyszukiwanie, syndykacja, blogi, podcasty i długi ogon (oraz inne powody zwycięstwa standardów sieciowych) (92)
  
  • Uniwersalny język (XML) (93)
  • Jeden rodzic, wiele dzieci (94)
  • Złota żyła innowacji (98)
  • Przyszłość standardów (108)
• Grupa robocza WHAT (110)
  
  • Internet Explorer 7 i standardy sieciowe (113)
  • Narzędzia do edycji i publikacji (114)

Część II
5. Nowoczesny układ znaczników (119)

• Ukryty schemat kiepskiego kodu (125)
  
  • Przeformułowanie czego? (129)
  • Podsumowanie (130)
  • XHTML 2 - nie dla każdego (131)
• 5 najważniejszych powodów, dla których warto wybrać HTML (133)
  
• 5 najważniejszych powodów, dla których warto wybrać XHTML 1 (134)
  
• Podstawowy powód, dla którego nie warto wybierać XHTML-a (134)

6. XHTML i kod semantyczny (135)

• Konwersja do XHTML-a: proste zasady, łatwe wytyczne (136)
  
  • Dokument rozpoczynaj od deklaracji DOCTYPE i przestrzeni nazw (137)
  • Który DOCTYPE to Twój typ? (138)
  • Wersja Strict czy Transitional: wielka bitwa naszych czasów (139)
  • Po DOCTYPE deklaracja przestrzeni nazw (140)
  • Zadeklaruj typ kodowania znaków (142)
  • Wszystkie znaczniki pisz małymi literami (144)
  • Wartości wszystkich atrybutów umieszczaj w cudzysłowach (146)
  • Przypisuj wartości wszystkim atrybutom (148)
  • Zamykaj wszystkie znaczniki (148)
  • Nie umieszczaj podwójnych myślników w komentarzach (150)
  • Koduj wszystkie znaki < i & (150)
  • Podsumowanie zasad XHTML-a (150)
  • Kodowanie znaków: nudne, bardzo nudne i potwornie nudne (151)
• Leczenie strukturalne - dla nas bomba (153)
  
  • Sensowne kodowanie dokumentu (153)
  • Elementy wizualne i struktura (159)

7. HTML 5: nowa nadzieja (161)

• HTML 5 i aplikacje sieciowe: gra idzie o dużą stawkę (162)
  
• HTML 5 a XHTML (164)
  
  • Niech diabli porwą obie nomenklatury (164)
• Parada elementów HTML 5 (166)
  
  • Semantyka struktury strony (167)
  • HTML 5 to na razie tylko specyfikacja (172)
  • Dowiedz się więcej (175)

8. Struktura i semantyka: gwarancja zwartych i trwałych stron (177)

• div, id i inni pomocnicy (178)
  
  • Czym jest element div? (179)
  • id kontra class (180)
• Twórz treść ułatwiającą wyszukiwanie i stosowanie (183)
  
  • Semantyczny kod i wielokrotne użycie (184)
  • Powszechne błędy w nowoczesnym kodzie (187)
  • Znaczniki div są w porządku (190)
  • Pokochać atrybut id (191)
  • Wyeliminować (lub zminimalizować) style i skrypty w kodzie (X)HTML (191)
  • Przerwa i powtórka (192)

9. Podstawy CSS (193)

• Wstęp do CSS (193)
  
• Korzyści z CSS (194)
  
• Anatomia stylów (195)
  
  • Selektory, deklaracje, właściwości i wartości (195)
  • Wartości ogólne i alternatywne (198)
  • Dziedziczenie i jego przeciwnicy (200)
  • Selektory potomne (201)
  • Selektory klas (203)
  • Style zewnętrzne, osadzone i bezpośrednie (206)
• Metoda "najlepszego możliwego scenariusza" (210)

10. Układy CSS: kod, ramki, elementy pływające - o rany! (213)

• Dao przepływu strony (214)
  
• Poznaj model ramkowy (215)
  
  • Jak działa model ramkowy? (216)
• Układ stosowany (219)
  
  • Skromne początki (220)
  • Magiczny dotyk klasy (224)
• Modyfikacja układu (228)
  
  • Analiza zawartości - po raz wtóry (229)
  • Tworzenie stylów (233)
  • Modyfikacje elementów pływających (236)
  • Nie zwracamy uwagi na szczegóły (239)
• Podsumowanie (242)

11. Praca z przeglądarką. Część I: przełączanie z typu dokumentu na tryb standardowy (243)

• Saga o przełączaniu przez deklarację typu dokumentu (244)
  
  • Przełącznik do włączania i wyłączania standardów (244)
• Podstawy przełączania przy użyciu deklaracji typu dokumentu (246)
  
  • Jak dokładne jest przełączanie? (247)
  • Standardy sieciowe i przeglądarka IE8 (247)
  • Standardy sieciowe i silnik Gecko (249)
  • Kompletne i niekompletne deklaracje typu dokumentu (250)
  • Pełna lista kompletnych deklaracji typu dokumentu XHTML (253)
  • Zachowaj prostotę (254)

12. Praca z przeglądarką. Część II: błędy, sposoby i blask CSS 3 (257)

• Błędy CSS w powtórce na zwolnionych obrotach (258)
  
  • Błąd podwojonego marginesu w elementach pływających (263)
  • Na ratunek obrazkom PNG (265)
  • Co dalej? (266)
  • Wiedza to jedynie połowa sukcesu (268)
• CSS 3: nowy obiekt zainteresowania (277)
  
  • Ty i kanał alfa (277)
  • Rezygnujemy z prostokątów (280)
  • Programiści, miejcie się na baczności! (281)
  • Przemyślmy, czym jest "wsparcie"? (285)
• Flash i QuickTime: obiekty pożądania? (288)
  
  • Obiekty osadzane: opowieść o próżności i zemście (288)
  • Podwójna zemsta W3C (289)
  • Dwie pieczenie na jednym ogniu: osadzanie obiektów multimedialnych przy przestrzeganiu standardów (290)
  • Łyżka dziegciu w beczce miodu: object nie działa (291)
  • Szczypta JavaScriptu (291)
• Świat, w którym omijanie błędów jest codziennością (292)

13. Praca z przeglądarką. Część III: typografia (295)

• Kilka słów o typografii (296)
  
• ABC czcionek na stronach WWW (299)
  
  • Horrory starej szkoły (302)
  • Nareszcie standardowy rozmiar (305)
  • Karabiny i piksele (307)
  • Upojenie węszycieli (308)
• Przygody z wielkością czcionek (310)
  
  • Powiększenie: demokracja bezpieczna dla pikseli (313)
  • Jednostki em: radość i płacz (316)
  • Metoda symbolicznych wartości rozmiarów czcionek (317)
• Ja chcę czcionki Franklin Gothic! (319)
  
  • Reguła @font-face: prawdziwe czcionki na stronach WWW (319)
  • sIFR - dostępne podmienienie czcionek (322)
  • Cufón - "czcionki dla ludzi" (323)
  • Typekit i bracia (324)

14. Dostępność: to, co w standardach najważniejsze (329)

• Pięć porad dotyczących tworzenia dostępnych witryn (330)
  
  • 1. Zabierz się do pracy (330)
  • 2. Skorzystaj z logicznej struktury stron (331)
  • 3. Zapewnij możliwość dostępu przy użyciu klawiatury (331)
  • 4. Udostępniaj rozwiązania alternatywne (332)
  • 5. Wybierz standard i korzystaj z niego konsekwentnie (332)
• Dostępność według podręczników (333)
  
• Powszechna dezorientacja (336)
  
  • "Ślepy miliarder" (336)
  • Dostępność nie ogranicza się jedynie do niedowidzących (337)
  • Wyjaśniamy znaczenie paragrafu 508 (339)
• Obalamy mity dostępności (340)
  
• Ułatwienia dostępu element po elemencie (345)
  
  • Obrazki (345)
  • Sprawdzone narzędzia (354)
  • Zachowaj kolejność: nasz dobry znajomy atrybut tabindex (355)
  • Planowanie dostępu: jak na tym skorzystasz (356)

15. Wykorzystanie skryptów opartych na modelu DOM (359)

• DOM według podręczników (360)
  
• Co to jest DOM? (360)
  
  • Standardowy sposób na to, by strony WWW zachowywały się jak aplikacje (362)
  • Zatem gdzie to działa? (364)
• Proszę, DOM, nie zrób im krzywdy (365)
  
  • Jak to działa? (365)
  • Sprawdzanie obsługi (371)
  • Warianty kodu (372)
  • Przełączniki stylów: ułatwiają dostęp, oferują wybór (373)
• Naucz się kochać swoją bibliotekę (JavaScript) (375)
  
• Jak korzystać z DOM? (378)

16. Przeprojektowywanie witryny (379)

• Wychodzimy z przeszłości (382)
  
• Projektowanie wychodzące od treści (383)
  
  • Trochę oddechu (387)
  • Czcionki, wprowadzenia i wpuszczone inicjały (388)
  • Ciągle ta sama śpiewka (394)
  • Mania stopek (394)
  • Głowa do góry (400)
  • Szczegóły, szczegóły (402)

17. NYMag.com: proste standardy, seksowny interfejs (405)

• Zestawienie zawartości (407)
  
  • Od spisu zawartości do strategii (412)
• Przyjaciele, jeszcze raz wróćmy do kodu (414)
  
• Od nawiasów kątowych do klamrowych (417)
  
  • Metody - czyste szaleństwo (422)
• Porozmawiaj z DOM (425)
  
  • Poznaj element colgroup (425)
  • Skorzystajmy z jQuery (426)
• Standardy na każdą porę roku (432)

Skorowidz (433)