E-book details

Bootstrap. Tworzenie własnych stylów graficznych

Bootstrap. Tworzenie własnych stylów graficznych

Radosław Gryczan

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)

  • Title: Bootstrap. Tworzenie własnych stylów graficznych
  • Author: Radosław Gryczan
  • ISBN: 978-83-283-3698-8, 9788328336988
  • Date of issue: 2017-04-09
  • Format: Ebook
  • Item ID: bootgr
  • Publisher: Helion