Responsywne strony WWW Technologia na start!

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!

Spis treści:

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