E-book details

Responsywne strony WWW. Technologia na start!

Responsywne strony WWW. Technologia na start!

Andrew Fisher, Craig Sharkie

Ebook

Strony WWW dla każdego urządzenia!

Responsywne strony WWW potrafią dopasowywać się do rozmiaru ekranu użytkownika. Niezależnie od tego, czy korzysta on ze stacjonarnego komputera z dużym monitorem, laptopa czy smartfona, zawsze może bez utraty kluczowej zawartości przeglądać ulubione witryny. Responsywność była do niedawna tylko dodatkiem do tworzonych stron — miała po prostu miło zaskoczyć klientów. Obecnie to standard usług WWW.

Z tej unikalnej książki dowiesz się, jak sprawnie tworzyć responsywne serwisy. Nauczysz się stosować płynne siatki oraz korzystać z tych gotowych: 960 Grid System, 320 and Up oraz Bootstrap. Zrozumiesz, w jaki sposób działają responsywne strony, które nie tylko dostosowują swój układ do rozmiaru ekranu, lecz także adaptują dostarczane materiały multimedialne, głównie zdjęcia. W kolejnych rozdziałach znajdziesz obszerne omówienie tych zagadnień. W końcu dowiesz się, jak stworzyć własny elastyczny szablon oraz jakie są dostępne gotowe rozwiązania. Ta książka jest obowiązkową lekturą każdego dewelopera stron WWW, który chce być na czasie oraz korzystać z dobrodziejstw responsywnych stron!

Dzięki tej książce:

  • poznasz potencjał responsywnych stron WWW
  • stworzysz własną płynną siatkę
  • zaserwujesz użytkownikowi pliki multimedialne dostosowane do jego urządzenia
  • poznasz szablony — Bootstrap, Foundation, Skeleton i inne
  • zbudujesz responsywną stronę

Obowiązkowa lektura każdego dewelopera stron WWW!

Wstęp (9)

  • Kto powinien sięgnąć po tę książkę (9)
  • Zastosowane konwencje (9)
    • Przykładowe kody (9)
    • Wskazówki, uwagi i ostrzeżenia (10)
  • Materiały uzupełniające (11)
  • Podziękowania (12)

Rozdział 1. Zapewnianie responsywności (13)

  • Napisz raz i uruchom (14)
  • Filary projektowania responsywnych stron WWW (16)
  • Dostosuj lub zacznij od nowa (21)
  • Sami stanowimy przykład (21)
    • Określanie struktury zawartości/bloków (24)
    • Upraszczanie stylów CSS (25)
    • Zmiany w semantyce kodu (26)
  • Przedstawienie projektowania z myślą o urządzeniach mobilnych (28)
  • W potrzebie dobry będzie dowolny obszar prezentacyjny (30)
  • Reagowanie na metodologię RWD (32)

Rozdział 2. Płynne siatki (33)

  • Rola płynnych siatek (34)
  • Tworzenie własnego rozwiązania (38)
    • Płynna typografia (39)
    • Ujawnianie domyślnych wielkości czcionek (41)
    • Wykorzystanie jednostek względnych w układach stron (43)
    • Samodzielne tworzenie płynnej siatki (46)
    • Dodawanie złotej proporcji (47)
    • Gotowe systemy siatek (50)
  • Zastosowanie systemu Bootstrap (58)
  • Rozwiązania responsywne (65)

Rozdział 3. Obrazy adaptacyjne (67)

  • Adaptacyjne arkusze stylów CSS (68)
  • Obrazy adaptacyjne obsługiwane skryptowo (70)
  • Adaptacyjne rozwiązanie w języku HTML5 (72)
    • W3C wybiera atrybut srcset (74)
    • Brakujący element picture (78)
  • Adaptacja przykładowej strony (79)
  • Zrozumieć sytuację (83)

Rozdział 4. Zrozumieć zapytania medialne (85)

  • Poznawanie możliwości zapytań medialnych (87)
    • Obsługa cech (90)
  • Zapytania medialne w działaniu (92)
    • Dodawanie punktów granicznych (100)
  • Sprostać zadaniu (106)

Rozdział 5. Responsywna treść (107)

  • Strukturyzacja nas wyzwoli (109)
    • Struktura dokumentu (109)
    • Metadane (112)
    • Treści wspomagające (115)
  • Techniczne sposoby tworzenia responsywnych treści (116)
    • Usuwanie treści o nieodpowiednim kontekście (116)
    • Dynamiczne wczytywanie na podstawie kontekstu (117)
  • Wrażenia zależne od platform (119)
    • Decyzje dotyczące domeny (120)
    • Trasowanie przeglądarek (121)
    • Trasowanie szablonów (123)
  • Określanie, jak daleko można się posunąć (124)
  • Dostosowanie (126)

Rozdział 6. Responsywny szablon (129)

  • Tworzenie prostego szablonu strony WWW (130)
  • Gotowe szablony (130)
    • HTML5 Boilerplate (131)
    • Bootstrap (132)
    • Foundation (132)
    • Skeleton (133)
    • Semantic Grid System (133)
    • 320 and Up (134)
  • Tworzenie własnego szablonu (134)
    • Struktura katalogów oraz podstawowe pliki (134)
    • Neutralizacja i normalizacja (138)
    • Podstawowe biblioteki (139)
    • Bazowy arkusz stylów (141)
  • Przygotowywanie pod kątem wielokrotnego stosowania (142)
    • Preprocesory CSS (143)
    • Zarządzanie skryptami (146)
    • Przygotowanie do użycia i udostępnianie (147)
  • Kiedy wszystko będzie już gotowe... (147)
  • Odpowiadaj na potrzeby (148)

Skorowidz (149)

  • Title: Responsywne strony WWW. Technologia na start!
  • Author: Craig Sharkie, Andrew Fisher
  • Original title: Jump Start Responsive Web Design
  • Translation: Piotr Rajca
  • ISBN: 978-83-246-9241-5, 9788324692415
  • Date of issue: 2014-10-27
  • Format: Ebook
  • Item ID: reswww
  • Publisher: Helion