E-book details

Bootstrap. Tworzenie interfejsów stron WWW. Technologia na start!

Bootstrap. Tworzenie interfejsów stron WWW. Technologia na start!

Syed Fazle Rahman

Ebook

Opanuj Bootstrapa w weekend. Responsive Web Design dla każdego! 

Bootstrap to obecnie jeden z najpopularniejszych szkieletów do tworzenia atrakcyjnych interfejsów stron WWW. Projekt zapoczątkowany przez programistów Twittera zyskał licznych zwolenników ze względu na bogactwo komponentów, świetną dokumentację i zgodność z różnymi przeglądarkami internetowymi. Nie bez znaczenia jest również fakt, że Bootstrap wspiera budowę responsywnych stron WWW.

Ta książka to rewelacyjny przewodnik, który wprowadzi Cię w świat Bootstrapa. Na samym początku poznasz system siatkowy (ang. grid), który jest fundamentem tworzenia responsywnych układów. Na kolejnych stronach znajdziesz omówienie poszczególnych komponentów tego szkieletu. Po opanowaniu podstaw przejdziesz do sposobów rozszerzania Bootstrapa, modyfikowania go oraz optymalizowania. Książka ta jest doskonałą lekturą dla wszystkich osób chcących błyskawicznie poznać i wykorzystać ten szkielet!

  • Przeczytaj o instalacji Bootstrapa i konfigurowaniu projektów.
  • Dowiedz się, w jaki sposób Bootstrap może przyspieszyć proces projektowania.
  • Opanuj tajniki systemu siatkowego: twórz responsywne, zoptymalizowane pod kątem urządzeń mobilnych szablony stron, które będą działały na każdym urządzeniu.
  • Wykorzystaj zalety komponentów Bootstrapa do błyskawicznego i wygodnego rozbudowania strony o funkcje takie jak panele, paski nawigacji czy formularze.
  • Użyj rozszerzeń do tworzenia interaktywnych elementów strony, bez konieczności pisania choćby jednej linii kodu JavaScript!
  • Zmodyfikuj Bootstrapa, by móc tworzyć wyjątkowe, oryginalne strony.

Wszystko co musisz wiedzieć o Bootstrapie, zebrane w jednym miejscu!

Przedmowa (9)

  • Kto powinien przeczytać tę książkę? (9)
  • Przyjęte założenia (9)
    • Fragmenty kodu (10)
    • Wskazówki i uwagi (10)
  • Materiały dodatkowe (10)

Rozdział 1. Bliskie spotkanie z Bootstrapem (11)

  • Czym jest Bootstrap? (11)
    • Po co powstał? (11)
    • W czym ułatwi mi pracę? (12)
  • Historia platform CSS (12)
    • Zalety prototypowania CSS (13)
    • Początki platformy Bootstrap (13)
    • Konkurencja Bootstrapa (15)
    • Kto używa Bootstrapa? (15)
  • Ogólne założenia projektowania responsywnego (16)
    • Zmiana układu strony w oparciu o rozmiar ekranu (16)
  • Przygotowanie do pracy z Bootstrapem (18)

Rozdział 2. System siatkowy Bootstrapa (25)

  • Czym jest system siatkowy? (25)
  • Tworzenie prostej siatki (26)
  • Analiza przypadku: tworzenie dynamicznego układu strony (31)
    • Projektowanie dla zwykłych komputerów (33)
    • Projektowanie dla tabletów (36)
    • Projektowanie dla smartfonów (38)
  • Zagnieżdżanie kolumn (40)
  • Przesuwanie kolumn (43)
  • Ręczna zmiana układu siatki (45)
  • Podsumowanie (45)

Rozdział 3. Omówienie komponentów Bootstrapa (47)

  • Komponenty strony (47)
    • Nagłówki stron (47)
    • Panele (50)
    • Obiekt mediów (51)
    • Miniatury (52)
    • Listy (55)
  • Komponenty nawigacyjne (59)
    • Menu nawigacyjne (59)
    • Pasek nawigacji (61)
    • Nawigacja okruszkowa (65)
  • Eksponowanie treści (66)
    • Etykiety (66)
    • Przyciski (67)
    • Glifikony (68)
    • Ramki (69)
    • Odznaki (70)
  • Frajda z formularzami (71)
    • Prosty formularz (71)
    • Poziomy układ opisów formularzy (73)
    • Formularz w jednej linii (74)
    • Klasy pomocnicze w formularzach (75)
    • Sterowanie wielkością (76)
  • Podsumowanie (77)

Rozdział 4. Rozszerzenia Bootstrapa: ciekawe i użyteczne (79)

  • Zwiększanie funkcjonalności (80)
    • Rozwijane menu (80)
    • Rozwijane listy z użyciem JavaScriptu (82)
    • Komunikaty (86)
    • Komunikaty z użyciem JavaScriptu (88)
    • Przyciski (88)
    • Przyciski z użyciem JavaScriptu (90)
  • Zarządzanie wyświetlaniem treści (91)
    • ScrollSpy (91)
    • ScrollSpy z użyciem JavaScriptu (94)
    • Zakładki (95)
    • Zakładki z użyciem JavaScriptu (97)
    • Harmonijka (97)
    • Harmonijka z użyciem JavaScriptu (100)
    • Okienka podpowiedzi (102)
    • Okienka podpowiedzi z użyciem JavaScriptu (103)
    • Dymki (105)
    • Dymki z użyciem JavaScriptu (106)
  • Ozdobniki (107)
    • Karuzela (107)
    • Karuzela z użyciem JavaScriptu (110)
    • Okienka modalne (111)
    • Okienka modalne z użyciem JavaScriptu (113)
  • Podsumowanie (115)

Rozdział 5. Na głęboką wodę: modyfikowanie Bootstrapa (117)

  • Dostosowywanie arkuszy stylów Bootstrapa (117)
    • Dostosowywanie Bootstrapa przy użyciu CSS (118)
    • Dostosowywanie Bootstrapa przy użyciu Less (121)
    • Zmienne Bootstrapa i domieszki (121)
    • Pliki resetujące (121)
    • Pliki główne (121)
    • Pliki komponentów (122)
    • Pliki rozszerzeń (123)
    • Pliki pomocnicze (123)
    • Zastępowanie stylów przy użyciu Less (123)
    • Kompilowanie plików Less (127)
  • Konfigurowanie Bootstrapa przed pobraniem (127)
  • Zapytania o media a Bootstrap (128)
  • Podsumowanie (129)

Rozdział 6. Optymalizowanie Bootstrapa (131)

  • Techniki optymalizacji (131)
    • Optymalizowanie CSS (131)
    • Optymalizowanie JavaScriptu (133)
    • Optymalizacja grafiki (135)
  • Unikanie typowych błędów (136)
  • Kolejny krok (137)

Skorowidz (139)

  • Title: Bootstrap. Tworzenie interfejsów stron WWW. Technologia na start!
  • Author: Syed Fazle Rahman
  • Original title: Jump Start Bootstrap
  • Translation: Piotr Cieślak
  • ISBN: 978-83-283-0512-0, 9788328305120
  • Date of issue: 2015-02-02
  • Format: Ebook
  • Item ID: bootst
  • Publisher: Helion