Bootstrap
Praktyczne projekty
Kilka oczywistości, czyli co musisz umieć, zanim zaczniesz pracować z Bootstrapem
Tworzenie struktury witryny, czyli jak zabrać się za różne panele, przyciski i
menu
Charakter strony, czyli czym różni się strona bloga lub promocyjna od tej z
formularzami
Bootstrap to jeden z najwygodniejszych, najlepiej dopracowanych frameworków do
tworzenia stron i aplikacji internetowych na świecie.
Łatwość obsługi idzie tu w parze z możliwością dołączania różnych
przydatnych elementów, choćby takich jak biblioteka jQuery, a także ze wspaniałą
responsywnością. Jeśli chcesz zacząć tworzyć własne strony z użyciem Bootstrapa,
ale nie masz zbyt wiele czasu do stracenia, pora zapoznać się z tą znakomitą
książką. Dzięki niej w mig opanujesz najważniejsze zagadnienia i zobaczysz, jak
wykorzystać framework w praktyce.
Ten prosty, przejrzysty podręcznik przeznaczony jest dla początkujących i średnio
zaawansowanych twórców interfejsów aplikacji i stron internetowych, którzy dobrze znają
języki HTML oraz CSS.
Znajdziesz tu opis wszystkich najważniejszych elementów Bootstrapa w konkretnym
kontekście, listingi z kodem oraz ćwiczenia, które pomogą Ci zapamiętać materiał i
wykorzystać go w Twoich projektach. Dowiesz się, jak zapewnić stronie odpowiednią
strukturę, zaprojektować główne panele oraz zapewnić intuicyjną nawigację.
Zrozumiesz, dlaczego strony o różnej zawartości treściowej powinny wyglądać inaczej,
i nauczysz się podkreślać ich odmienność. Na końcu podręcznika znajdziesz także
zadania, które pozwolą Ci utrwalić zdobytą wiedzę.
Wprowadzenie do Bootstrapa
Projekt startowy
Panel administracyjny
Poziome menu główne
Strona promocyjna produktu
Tabele, blog, formularze
Bootstrap szyty na miarę
O autorze (9)
Przedmowa (11)
Rozdział 1. Wprowadzenie do Bootstrapa (13)
- Opis i charakterystyka (13)
- Geneza (13)
- Jasna i ciemna strona Bootstrapa (14)
- 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)
- 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)
- 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)
144 strony, Format: 15.0x23.0cm, oprawa miękka
