O autorze (9)

Przedmowa (11)

Rozdział 1. Wprowadzenie do Bootstrapa (13)

• Opis i charakterystyka (13)
• Geneza (13)
• Jasna i ciemna strona Bootstrapa (14)
  • Zalety (14)
  • Wady (16)
• Przykłady stron opartych na Bootstrapie (17)
• Magia projektowania responsywnego (18)
  • Media Queries (19)
  • Podejście Mobile-First (21)
• Przygotowanie środowiska pracy (22)
  • Edytor tekstu (23)
  • Przeglądarka (23)
  • Dodatki do przeglądarki Chrome (23)
  • Katalog roboczy (23)

Rozdział 2. Projekt startowy (25)

• Pobieranie podstawowych plików źródłowych (25)
  • Pliki źródłowe (26)
• Szablon startowy (26)
• Omówienie siatki w Bootstrapie (28)
  • Pełny, dwunastokolumnowy układ (29)
  • Prostota responsywności (33)
• Podstawy typografii w Bootstrapie (38)
  • Body (39)
  • Nagłówki (39)
  • Wyrównywanie tekstu (39)
  • Cytowanie (39)
• Podsumowanie rozdziału (40)

Rozdział 3. Panel administracyjny (41)

• Podział strony na sekcje (42)
• Projektowanie siatki panelu administracyjnego (43)
  • Wersja na małe monitory (45)
  • Wersja na ekrany tabletów (46)
  • Wersja na ekrany smartfonów (47)
• Nawigacja pionowa, pomocnicza (48)
  • Podstawowy przykład (48)
  • Odznaki (49)
  • Wyłączanie elementów (49)
  • Kolorowanie kontekstowe (50)
  • Niestandardowa zawartość (50)
  • Nawigacja pomocnicza w wersji mobilnej (51)
• Nawigacja okruszkowa (54)
  • Okruszki na stronie głównej (54)
  • Okruszki na stronach potomnych (54)
• Harmonijka (55)
  • Podstawowy schemat (55)
  • Ożywianie harmonijki (56)
• Alerty informacyjne (58)
  • Odnośniki w komunikacie (59)
  • Zamykanie komunikatu (59)
  • Metody (funkcje) (60)
  • Zdarzenia (60)
• Przyciski (60)
  • Podstawowe zasady (61)
  • Przyciski w projekcie (61)
• Wyskakujące okienka akcji (62)
• Ostatnie szlify (64)
  • Stopka (64)
  • Ostatnio dodane posty (65)
• Podsumowanie (66)

Rozdział 4. Poziome menu główne (67)

• Podstawowy szkielet nawigacji (67)
• Przyciski nawigacyjne (68)
  • Rozwijane listy odnośników (69)
• Pole wyszukiwarki (70)
• Ikony powiadomień (70)
  • Glyphicons, czyli wbudowane ikony (71)
  • Liczba powiadomień (71)
  • Chmurka najświeższych powiadomień (72)
• Zapewnienie responsywności (74)
  • Przycisk menu podręcznego (74)
• Podsumowanie (75)

Rozdział 5. Strona promocyjna produktu (77)

• Struktura witryny (77)
  • Nawigacja (78)
  • Zmiana fontu (79)
  • Zdjęcie poglądowe (80)
  • Cechy produktu (82)
  • Animowany slider (83)
  • Call to action (85)
  • Stopka (86)
  • Dopracowanie szczegółów (86)
• Podsumowanie (87)

Rozdział 6. Strona galerii mediów (89)

• Wstępny szkielet (90)
• Grafika (91)
  • Wideo (92)
• Podsumowanie (93)

Rozdział 7. Strona z tabelą (95)

• Przygotowania (95)
• Różne warianty tabel (97)
  • Tabela-zebra (97)
  • Tabela z pełnym obramowaniem (97)
  • Tabela z aktywnymi wierszami (98)
  • Tabela po liftingu (98)
• Kolorowanie kontekstowe (99)
• Przyciski akcji (99)
• Paginacja (100)
• Responsywność tabel (101)
• Podsumowanie (101)

Rozdział 8. Strona bloga (103)

• Zbiorczy widok wszystkich wpisów (103)
  • Przygotowanie (103)
  • Pierwszy wpis (104)
  • Przyciski akcji (105)
  • Miniaturka zdjęcia (106)
  • Powielanie i wyróżnianie głównego wpisu (106)
  • Paginacja (107)
  • Dodatkowa kolumna po prawej stronie (108)
  • Podsumowanie (111)
• Strona pojedynczego wpisu na blogu (111)
  • Przygotowania (111)
  • Nawigacja (112)
  • Informacja o autorze (112)
  • Podobne wpisy (115)
  • Sekcja komentarzy (116)
• Podsumowanie (119)

Rozdział 9. Strony z formularzami (121)

• Panel logowania (121)
  • Przygotowania (121)
  • Login i hasło (122)
  • Przycisk wysyłania (123)
  • Logo (123)
  • Kosmetyka (123)
• Poziomy panel logowania (124)
• Formularz kontaktowy (125)
  • Kolorowanie kontekstowe (127)
• Formularz ustawień aplikacji (127)
  • Przygotowanie (127)
  • Ustawienia użytkownika (128)
  • Ustawienia systemowe (131)
  • Kosmetyczne poprawki (132)
• Podsumowanie (132)

Dodatek A. Bootstrap szyty na miarę (135)

• Zmiana domyślnych ustawień Bootstrapa za pomocą generatora on-line (135)
• LESS w Bootstrapie (137)
  • Ważniejsze pliki LESS (138)
• Dobre rady (138)

Dodatek B. Zadania dla czytelnika (139)

• Projekt startowy (139)
• Panel administracyjny (140)
• Poziome menu główne (140)
• Strona promocyjna produktu (140)
• Strona galerii mediów (140)
• Strona z tabelą (140)
• Strona bloga (140)
• Strony z formularzami (140)

Skorowidz (142)

• Title: Bootstrap. Praktyczne projekty
• Author: Michał Kortas
• ISBN: 978-83-283-2668-2, 9788328326682
• Date of issue: 2016-03-06
• Format: Ebook
• Item ID: bootpp
• Publisher: Helion