O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsywne strony WWW. Technologia na start!

Book Description

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!

Table of Contents

  1. Dedication
  2. O Craigu Sharkiem
    1. O Andrew Fisherze
    2. O wydawnictwie SitePoint
    3. O serii Jump Start
  3. 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
  4. 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
  5. 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
  6. 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ę
  7. 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
  8. 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
  9. 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
  10. Indeks
  11. Copyright