Bootstrap_Tworzenie_interfejsow_stron_WWW_Technologia_na_start_bootst.pdf

(3448 KB) Pobierz
Tytuł oryginału: Jump Start Bootstrap
Tłumaczenie: Piotr Cieślak
ISBN: 978-83-283-0511-3
© 2015 Helion S.A.
Authorized Polish translation of the English edition Jump Start Bootstrap,
ISBN 9780992279431 © 2014 SitePoint Pty. Ltd.
This translation is published and sold by permission of O’Reilly Media, Inc.,
which owns or controls all rights to publish and sell the same.
All rights reserved. No part of this book may be reproduced or transmitted in any form or by any
means, electronic or mechanical, including photocopying, recording or by any information storage
retrieval system, without permission from the Publisher.
Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej
publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną,
fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym
powoduje naruszenie praw autorskich niniejszej publikacji.
Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi
ich właścicieli.
Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje
były kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie,
ani za związane z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz
Wydawnictwo HELION nie ponoszą również żadnej odpowiedzialności za ewentualne szkody
wynikłe z wykorzystania informacji zawartych w książce.
Wydawnictwo HELION
ul. Kościuszki 1c, 44-100 GLIWICE
tel. 32 231 22 19, 32 230 98 63
e-mail:
helion@helion.pl
WWW:
http://helion.pl
(księgarnia internetowa, katalog książek)
Drogi Czytelniku!
Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres
http://helion.pl/user/opinie/bootst
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
Pliki z przykładami omawianymi w książce można znaleźć pod adresem:
ftp://ftp.helion.pl/przyklady/bootst.zip
Printed in Poland.
Kup książkę
Poleć książkę
Oceń książkę
Księgarnia internetowa
Lubię to! » Nasza społeczność
Spis tre ci
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
Kup książkę
Poleć książkę
6
Bootstrap. Tworzenie interfejsów stron WWW. Technologia na start!
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
Kup książkę
Poleć książkę
SPIS TRE CI
7
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
Kup książkę
Poleć książkę
Zgłoś jeśli naruszono regulamin