Responsywne strony WWW. Technologia na start!

Book description

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!

Table of contents

  1. Responsywne strony WWW. Technologia na start!
  2. Dedykacja
  3. O Craigu Sharkiem
    1. O Andrew Fisherze
    2. O wydawnictwie SitePoint
    3. O serii Jump Start
  4. Wstęp
    1. Kto powinien sięgnąć po tę książkę
    2. Zastosowane konwencje
      1. Przykładowe kody
      2. Wskazówki, uwagi i ostrzeżenia
    3. Materiały uzupełniające
    4. Podziękowania
      1. Craig Sharkie
      2. Andrew Fisher
  5. 1. Zapewnianie responsywności
    1. Napisz raz i uruchom
    2. Filary projektowania responsywnych stron WWW
    3. Dostosuj lub zacznij od nowa
    4. Sami stanowimy przykład
      1. Określanie struktury zawartości/bloków
      2. Upraszczanie stylów CSS
      3. Zmiany w semantyce kodu
    5. Przedstawienie projektowania z myślą o urządzeniach mobilnych
    6. W potrzebie dobry będzie dowolny obszar prezentacyjny
    7. Reagowanie na metodologię RWD
  6. 2. Płynne siatki
    1. Rola płynnych siatek
    2. Tworzenie własnego rozwiązania
      1. Płynna typografia
      2. Ujawnianie domyślnych wielkości czcionek
      3. Wykorzystanie jednostek względnych w układach stron
      4. Samodzielne tworzenie płynnej siatki
      5. Dodawanie złotej proporcji
      6. Gotowe systemy siatek
        1. 960 Grid System
          1. Najważniejsze cechy
          2. Bootstrap
          3. Najważniejsze cechy
        2. Gridset
          1. Najważniejsze cechy
        3. 320 and Up
          1. Najważniejsze cechy
    3. Zastosowanie systemu Bootstrap
    4. Rozwiązania responsywne
  7. 3. Obrazy adaptacyjne
    1. Adaptacyjne arkusze stylów CSS
    2. Obrazy adaptacyjne obsługiwane skryptowo
    3. Adaptacyjne rozwiązanie w języku HTML5
      1. W3C wybiera atrybut srcset
      2. Brakujący element picture
    4. Adaptacja przykładowej strony
    5. Zrozumieć sytuację
  8. 4. Zrozumieć zapytania medialne
    1. Poznawanie możliwości zapytań medialnych
      1. Obsługa cech
    2. Zapytania medialne w działaniu
      1. Dodawanie punktów granicznych
        1. Dobór punktów granicznych
    3. Sprostać zadaniu
  9. 5. Responsywna treść
    1. Strukturyzacja nas wyzwoli
      1. Struktura dokumentu
        1. Bloki logiczne
        2. Hierarchia
      2. Metadane
      3. Treści wspomagające
    2. Techniczne sposoby tworzenia responsywnych treści
      1. Usuwanie treści o nieodpowiednim kontekście
      2. Dynamiczne wczytywanie na podstawie kontekstu
        1. Leniwe wczytywanie
        2. Selektywne wczytywanie treści
    3. Wrażenia zależne od platform
      1. Decyzje dotyczące domeny
      2. Trasowanie przeglądarek
      3. Trasowanie szablonów
    4. Określanie, jak daleko można się posunąć
    5. Dostosowanie
  10. 6. Responsywny szablon
    1. Tworzenie prostego szablonu strony WWW
    2. Gotowe szablony
      1. HTML5 Boilerplate
      2. Bootstrap
      3. Foundation
      4. Skeleton
      5. Semantic Grid System
      6. 320 and Up
    3. Tworzenie własnego szablonu
      1. Struktura katalogów oraz podstawowe pliki
        1. Pliki i struktura katalogów na witrynie Web Directions South
      2. Neutralizacja i normalizacja
        1. Neutralizacja na witrynie Web Directions South
      3. Podstawowe biblioteki
        1. Strukturalny kod HTML
      4. Bazowy arkusz stylów
        1. JavaScript
    4. Przygotowywanie pod kątem wielokrotnego stosowania
      1. Preprocesory CSS
      2. Przetwarzanie wstępne CSS na witrynie WDS
      3. Zarządzanie skryptami
      4. Przygotowanie do użycia i udostępnianie
    5. Kiedy wszystko będzie już gotowe...
    6. Odpowiadaj na potrzeby
  11. Indeks
  12. Copyright

Product information

  • Title: Responsywne strony WWW. Technologia na start!
  • Author(s): Craig Sharkie, Andrew Fisher
  • Release date: September 2014
  • Publisher(s): Helion
  • ISBN: 9781492016557