Twórz skalowalne strony WWW (RWD) dla wszystkich urządzeń!

Responsywne strony WWW umiejętnie dostosowują się do rozmiaru każdego ekranu, na jakim zechcesz je wyświetlić. Ta ich właściwość pomaga również generować zyski! Po pierwsze, wystarczy utrzymywać tylko jedną wersję responsywnej strony. Po drugie, Twoi potencjalni klienci i użytkownicy mogą zapoznać się z Twoją ofertą lub skorzystać z niej praktycznie w dowolnym miejscu świata. I to niezależnie od tego, czy korzystają ze smartfona, z tabletu czy z komputera stacjonarnego!

Jeżeli chcesz nauczyć się tworzyć takie strony, ta książka będzie dla Ciebie najlepszym źródłem! Już za chwilę dowiesz się, w jaki sposób zbudować skalowalne strony WWW z wykorzystaniem najnowszych możliwości kaskadowych arkuszy stylów CSS3 oraz języka HTML5. Przekonasz się, jak łatwo możesz modyfikować style pod konkretne media oraz jak najlepiej zorganizować proces projektowania responsywnej strony WWW. Zaznajomisz się też z najlepszymi technikami poprawy wydajności Twoich stron WWW. To jest obowiązkowa lektura dla wszystkich programistów i projektantów stron WWW!

• Przygotuj strategiÄ™ treÅ›ci strony zanim zajmiesz siÄ™ jej wizualnym wyglÄ…dem
• Dowiedz siÄ™, dlaczego domyÅ›lnym wzorcem powinna być strona przystosowana do maÅ‚ych ekranów
• Poznaj elementy jÄ™zyka HTML i wÅ‚aÅ›ciwoÅ›ci stylów CSS niezbÄ™dne do tworzenia skalowalnych stron
• Zastosuj zapytania o media, aby wyÅ›wietlać różne style CSS na ekranach różnej wielkoÅ›ci
• Modyfikuj obrazy, czcionki i sekcje nawigacji
• Stosuj techniki optymalizacyjne, aby tworzyć mniejsze i szybsze strony

Odkryj możliwości responsywnych stron WWW!

Osoby które kupowały "Responsywne strony WWW dla każdego", wybierały także:

• AMP: Building Accelerated Mobile Pages 135,91 zÅ‚, (29,90 zÅ‚ -78%)
• The HTML and CSS Workshop 106,79 zÅ‚, (29,90 zÅ‚ -72%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracÄ™ z CSS 89,00 zÅ‚, (35,60 zÅ‚ -60%)
• JavaScript Masterclass 88,41 zÅ‚, (38,90 zÅ‚ -56%)
• Building Dynamic Web Experiences with PHP 88,41 zÅ‚, (38,90 zÅ‚ -56%)

Spis treści

Responsywne strony WWW dla każdego -- spis treści

Wstęp (7)

I PODSTAWY TWORZENIA RESPONSYWNYCH STRON WWW (11)

1. Czym jest responsywna strona WWW? (13)

• Podstawy (13)
• Historia stron WWW w skrócie (15)
• Dlaczego wÅ‚aÅ›nie responsywne strony? (23)
• Podsumowanie (25)

2. Responsywna treść (27)

• Strategia treÅ›ci (27)
• Dobór treÅ›ci (29)
• Przygotowanie treÅ›ci (31)
• Jednolita treść (34)
• ZarzÄ…dzanie treÅ›ciÄ… (34)
• Elastyczna treść (35)
• Podsumowanie (37)

II TWORZENIE RESPONSYWNYCH STRON WWW (39)

3. Kod HTML responsywnych stron (41)

• Kodowanie w jÄ™zyku HTML (42)
• Podstawowa struktura strony (44)
• Obszar widoku (viewport) (46)
• Elementy strukturalne (51)
• Tworzenie strony (55)
• Prosty i logiczny kod HTML (58)
• Podsumowanie (59)

4. Style CSS w responsywnych stronach (61)

• Jak dziaÅ‚ajÄ… style CSS (62)
• Wersje jÄ™zyka CSS (63)
• Gdzie sÄ… zdefiniowane style CSS (67)
• Kaskada stylów (68)
• Stosowanie kaskady stylów (71)
• Komentarze (76)
• Model pudeÅ‚kowy (77)
• WÅ‚aÅ›ciwość display (83)
• Pozycjonowanie elementów (84)
• WÅ‚aÅ›ciwoÅ›ci float i clear (88)
• Style podstawowe (90)
• Podsumowanie (93)

5. Zapytania o media (95)

• Czym jest zapytanie o medium? (95)
• Struktura zapytania o medium (97)
• Zapytania o media w odnoÅ›nikach do arkuszy stylów (99)
• Inne metody stosowania zapytaÅ„ o media (100)
• Co sprawdzajÄ… zapytania (100)
• ObsÅ‚uga zapytaÅ„ przez przeglÄ…darki (103)
• Zakresy szerokoÅ›ci projektu (107)
• Responsywne projektowanie stron (108)
• Zastosowanie zapytaÅ„ o media (112)
• UkÅ‚ad dwukolumnowy (113)
• OkreÅ›lenie maksymalnej szerokoÅ›ci obszaru widoku (118)
• Jak dobierać punkty podziaÅ‚u (120)
• Podsumowanie (120)

6. Obrazy (123)

• Sposoby wyÅ›wietlania obrazów (124)
• Tekst alternatywny (127)
• Formaty obrazów (130)
• Optymalizacja obrazów (133)
• Obrazy z treÅ›ciÄ… (136)
• Obrazy w tle (147)
• Skalowalne obrazy (149)
• Podsumowanie (158)

III RESPONSYWNOŚĆ W PRAKTYCE (159)

7. Proces tworzenia responsywnej strony (161)

• Strategia i planowanie (161)
• Najpierw treść, potem ukÅ‚ad (164)
• Analiza ukÅ‚adu strony (167)
• Prototypy stron (170)
• Wizualny projekt strony (176)
• NarzÄ™dzia do projektowania stron (180)
• Propagowanie responsywnych projektów (184)
• Praca z klientami (187)
• Podsumowanie (190)

8. Urządzenia przenośne i nie tylko (191)

• Wrażenia użytkownika (191)
• Strony niezależne od urzÄ…dzenia (196)
• Przede wszystkim urzÄ…dzenia mobilne (196)
• Rób, co możesz (197)
• Rodzaje urzÄ…dzeÅ„ (199)
• Dotyk (202)
• Wielkość ekranu (208)
• DostÄ™pność strony (projektowanie uniwersalne) (210)
• Wybór obsÅ‚ugiwanych urzÄ…dzeÅ„ (216)
• Po co testować stronÄ™ na prawdziwych urzÄ…dzeniach (217)
• Testy (218)
• Podsumowanie (221)

IV PROJEKTOWANIE RESPONSYWNYCH STRON WWW (223)

9. Typografia (225)

• Zacznij od kodu HTML (225)
• Kroje pisma (226)
• Fonty (227)
• Wielkość tekstu (231)
• DÅ‚ugość wiersza (241)
• BiaÅ‚e znaki (246)
• Marginesy i odstÄ™py (246)
• Krój pisma a wielkość ekranu (248)
• Podsumowanie (249)

10. Nawigacja i nagÅ‚ówek strony (251)

• Responsywna sekcja nawigacji (251)
• Informacje o marce (257)
• OdnoÅ›niki nawigacyjne (259)
• Szablony nawigacji (265)
• NagÅ‚ówek strony (285)
• Podsumowanie (293)

11. Wydajność stron WWW (295)

• Dlaczego wydajność jest ważna (295)
• Wydajność jako proces (296)
• Jak sÄ… Å‚adowane i wyÅ›wietlane strony (298)
• Pomiar wydajnoÅ›ci strony (303)
• Oczyszczanie kodu (305)
• Minimalizacja liczby zapytaÅ„ HTTP (307)
• Serwer WWW (309)
• Skrypty JavaScript (312)
• Arkusze CSS (317)
• Hosting stron (319)
• Warunkowe Å‚adowanie treÅ›ci (320)
• Przeorganizowanie i przerysowanie strony (321)
• RESS (322)
• Podsumowanie (324)

Skorowidz (327)