Bootstrap. Tworzenie własnych stylów graficznych - ebook

Podczas przeglądania stron WWW bardzo szybko możemy się przekonać, że liczy się nie tylko prezentowana treść. Każdy internauta doceni stronę o eleganckim i uporządkowanym układzie, której zawartość szybko się ładuje i która wygląda tak samo dobrze w różnych przeglądarkach i na różnych urządzeniach, w tym mobilnych. Niestety, wciąż spotyka się mnóstwo stron, które nie spełniają tych standardów!

Niniejsza książka jest przeznaczona dla projektantów witryn WWW, którzy chcą pisać efektywny kod, ale i zadbać o stronę wizualną tworzonych stron. Dzięki niej poznasz Bootstrapa — popularny framework CSS — a także ogólne zasady pisania kodu z jego użyciem. Znajdziesz tu kluczowe informacje o korzystaniu ze stylów w Bootstrapie i modyfikacji stylów wbudowanych. Dowiesz się więcej o zwiększaniu wydajności tworzonych stron i poznasz inne przydatne narzędzia deweloperskie, które znakomicie wzbogacą warsztat profesjonalnego projektanta stron WWW.
W tej książce znajdziesz między innymi:

• ogólne zasady pisania kodu HTML i CSS
• pomoc w przygotowaniu środowiska do tworzenia stron
• zasady projektowania aplikacji — od rozplanowania elementów strony po optymalizację gotowego kodu
• zaawansowane metody pracy z szablonami Bootstrapa
• opis tworzenia własnych stylów CSS i ich dostosowania do szczególnych potrzeb

Bootstrap: pokaż swój najlepszy styl projektowania!

Radosław Gryczan pasjonuje się pisaniem stron WWW. Ma na swoim koncie wiele ciekawych projektów. Bardzo chętnie dzieli się swoją wiedzą i ma spory talent dydaktyczny. Aktywnie pomaga na kilku forach poświęconych informatyce. Ostatnio zaczął prowadzić cykl wykładów poświęconych podstawom pisania stron WWW. Jest miłośnikiem małych, urokliwych miejscowości — kiedy tylko ma okazję, promuje ich walory w różnych mediach społecznościowych.

Słowo wstępne (9)

Rozdział 1. Najważniejsze informacje - tytułem przypomnienia (13)

• Bootstrap: siatka, czyli grid (14)
• Narzędzia deweloperskie (15)
• Semantyka kodu (16)
• Outline kodu HTML (17)
• Block Element Modifier (18)
• Progressive Enhancement (20)
• Dostępność stron WWW (21)
• Podsumowanie rozdziału (23)

Rozdział 2. Bootstrap i jego zastosowanie w praktyce - przykłady stron WWW (25)

• Jak rozpoznać, że witrynę napisano w Bootstrapie? (26)
  • Datanyze Insider (26)
  • builtwith.com (27)
  • Badanie źródła strony (27)
• Strony napisane za pomocą Bootstrapa (28)
  • Musicam Sacram (28)
  • rozwal.to (30)
  • nba.com (31)
  • gfycat.com (32)
  • fontawesome.io (33)
• Portale z projektami utworzonymi w Bootstrapie (33)
  • Bootstrap Expo (34)
  • Built with Bootstrap (34)

Rozdział 3. Dodatkowe, bardzo przydatne zasoby związane z Bootstrapem (37)

• Edytor kodu (37)
  • Emmet (40)
  • Snippety (42)
  • Minimapa kodu (44)
  • Polskie znaki w Atomie (45)
• Dodatkowe materiały dotyczące pisania stron (47)
  • Bootswatch (47)
  • Kolorystyka (50)
  • Stałe fragmenty kodu (50)
• Dokumentacja Bootstrapa (51)
• Kody HTML oraz CSS - przydatne adresy (55)
• Zdjęcia stockowe oraz placeholdery (57)
• Podsumowanie (59)
• ZADANIA (61)

Rozdział 4. Zaczynamy własny projekt w Bootstrapie - plan witryny (63)

• Obsługa programu graficznego (67)
• Praca nad szablonem (71)
  • Nawigacja oraz strona wejściowa (71)
  • Część strony "Jacy jesteśmy?" (75)
  • Część strony "Galeria" (79)
  • Część strony "Zespół" (83)
  • Część strony "Osiągnięcia i nagrody" (87)
  • Część strony "Poznaj opinie" (92)
  • Ostatnia część strony - stopka (96)
  • Podsumowanie pracy nad szablonem (97)
• Praca ogólna nad szablonem (98)
• ZADANIA (101)

Rozdział 5. Wydajność strony a narzędzia Bootstrapa (103)

• Optymalizacja grafiki (104)
  • Optymalizacja obrazów za pomocą programu GIMP (104)
  • Optymalizacja obrazów za pomocą narzędzi online (105)
• Kompatybilność z różnymi przeglądarkami (106)
• Badanie optymalizacji strony za pomocą narzędzi deweloperskich (108)
  • Szybkość pobierania elementów (108)
  • Kody HTML oraz CSS witryny (109)
  • Konsola JS na stronie (110)
  • Treści na stronie (110)
  • Testy optymalizujące stronę (111)
• Narzędzia zewnętrzne (112)
  • YSlow (112)
  • PageSpeed Insights (113)
• Badanie strony w wersji dla urządzeń mobilnych (115)
• SEO - RWD a subdomena m. (116)
• Ładowanie się plików (117)
  • Modyfikacja gotowych stylów Bootstrapa (118)
  • Minifikacja plików CSS - generatory (122)
  • Content Delivery Network (CDN) (123)
  • Kolejność ładowania się plików (127)
• ZADANIA (128)

Rozdział 6. Pisanie strony w języku HTML (129)

• Szablony HTML (130)
• Modyfikacja pliku HTML (134)
  • Ekran powitalny (136)
  • Sekcja "Jacy jesteśmy?" (139)
  • Galeria strony (145)
  • Prezentacja zespołu (karuzela) (150)
  • Osiągnięcia i nagrody (155)
  • "Co mówią" - poznaj opinie (160)
  • Stopka strony (164)

Rozdział 7. Własne style CSS - dostosowywanie stylów do potrzeb strony (169)

• Style resetujące oraz normalizujące (170)
• Stylizowanie strony WWW (171)
  • Czcionki (173)
  • Stylizowanie klas ogólnych (173)
  • Stylizowanie poszczególnych części strony (179)
  • Dostosowanie strony do potrzeb urządzeń mobilnych (209)
• ZADANIA (216)

Rozdział 8. Podsumowanie, wnioski i garść refleksji o pisaniu responsywnych stron bez Bootstrapa (217)

Skończyliśmy... i co dalej? (221)

• Inne frameworki CSS (222)
  • Foundation (222)
  • Semantic UI (222)
  • Material Design Lite (223)

Skorowidz (225)