Sass_Nowoczesne_arkusze_stylow_sasspp.pdf

(2861 KB) Pobierz
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.
Redaktor prowadzący: Małgorzata Kulik
Projekt okładki: Bartosz Chucherko
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/sasspp
Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję.
ISBN: 978-83-283-2619-4
Copyright © Helion 2017
Printed in Poland.
•
Kup książkę
•
Poleć książkę
•
Oceń książkę
•
Księgarnia internetowa
•
Lubię to! » Nasza społeczność
Spis treści
Wstęp ................................................................................................................... 9
Część I. Podstawy .................................................................... 13
Wprowadzenie .................................................................................................................................15
Czym jest Sass? .........................................................................................................................15
Dlaczego Sass? ..........................................................................................................................15
Inne preprocesory ....................................................................................................................16
Sass i CSS ...................................................................................................................................17
Sass i SCSS — różne formaty ..................................................................................................17
Sass w 10 minut — przegląd możliwości ......................................................................................18
Zmienne ....................................................................................................................................18
Zagnieżdżanie ...........................................................................................................................19
Pliki cząstkowe i importowanie .............................................................................................20
Domieszki (Mixins) .................................................................................................................20
Dziedziczenie (dyrektywa @extend) .....................................................................................21
Biblioteki i narzędzia rozszerzające Sass ......................................................................................24
Konwersja Sass do CSS — narzędzia ............................................................................................25
Instalacja Ruby Sass przy użyciu wiersza poleceń ...............................................................27
Instalacja kompilatora w środowisku node ..........................................................................29
Edytory tekstu i Sass ........................................................................................................................31
Uwagi ogólne ....................................................................................................................................32
Pierwszy kod .....................................................................................................................................33
Zmienne ............................................................................................................................................36
Nazwy zmiennych ....................................................................................................................38
Zasięg zmiennych .....................................................................................................................40
Określanie wartości domyślnej i zmiennej globalnej ..........................................................42
Zagnieżdżanie ..................................................................................................................................44
Selektor rodzica ........................................................................................................................48
Zagnieżdżanie właściwości CSS .............................................................................................51
Zagnieżdżanie media queries .................................................................................................52
Kup książkę
Poleć książkę
4
Sass. Nowoczesne arkusze stylów
Komentowanie kodu ...................................................................................................................... 54
Ustawianie formatu wyjściowego CSS .................................................................................. 54
Rodzaje komentarzy ................................................................................................................ 56
Garść praktycznych porad ...................................................................................................... 57
Dyrektywa @import — importowanie plików ............................................................................ 59
Importowanie plików cząstkowych ....................................................................................... 60
Importowanie zagnieżdżone .................................................................................................. 60
Podstawowa struktura projektu ............................................................................................. 61
Pliki cząstkowe, zmienne i flaga !default .............................................................................. 63
Proste operacje arytmetyczne ........................................................................................................ 65
Praca z kolorami .............................................................................................................................. 68
Modele HSL, RGB, RGBA ...................................................................................................... 69
Funkcje działające w oparciu o HSL ..................................................................................... 70
Funkcje działające w oparciu o RGB(A) ............................................................................... 72
Inne funkcje do pracy z kolorami .......................................................................................... 72
Użycie funkcji do pracy z kolorami w kodzie ...................................................................... 74
Znajdowanie błędów w kodzie ...................................................................................................... 75
Dyrektywa @mixin — domieszki ................................................................................................. 76
Przekazywanie argumentów do domieszki .......................................................................... 81
Wartości domyślne .................................................................................................................. 82
Argumenty nazwane ............................................................................................................... 83
Nieokreślona liczba argumentów .......................................................................................... 83
Przekazywanie zawartości do domieszek (dyrektywa @content) ..................................... 84
Przykłady użycia domieszek ................................................................................................... 86
Kiedy używać domieszek ........................................................................................................ 88
Dyrektywa @extend — dziedziczenie i rozszerzenia ................................................................. 90
Kiedy używać dziedziczenia ................................................................................................. 100
Placeholders — selektory zastępcze ............................................................................................ 101
Domieszki, rozszerzenia, selektory zastępcze — kiedy stosować? ......................................... 104
Podsumowanie — co powinieneś wiedzieć ............................................................................... 108
Część II. Techniki zaawansowane ........................................... 111
Wprowadzenie ............................................................................................................................... 113
Logika programistyczna w Sass ................................................................................................... 114
Typy danych .................................................................................................................................. 115
Wartości numeryczne ........................................................................................................... 115
Łańcuchy tekstowe ................................................................................................................ 116
Kolory ...................................................................................................................................... 117
Wartości logiczne (typ boolowski) ...................................................................................... 117
Kup książkę
Poleć książkę
Spis treści
5
Wartość nieokreślona null ....................................................................................................118
Listy ..........................................................................................................................................119
Mapy ........................................................................................................................................120
Interpolacja .....................................................................................................................................122
Powłoka interaktywna Sass ..........................................................................................................124
Instrukcja warunkowa if ...............................................................................................................126
Pętle .................................................................................................................................................129
Pętla @for ................................................................................................................................129
Pętla @while ............................................................................................................................131
Pętla @each .............................................................................................................................132
Jak wybrać odpowiedni typ pętli? ........................................................................................135
Funkcje wbudowane Sass .............................................................................................................136
Funkcje do przetwarzania łańcuchów tekstowych ............................................................137
Funkcje do pracy z liczbami .................................................................................................137
Funkcje do przetwarzania list ...............................................................................................139
Funkcje do przetwarzania map ............................................................................................140
Funkcje introspekcyjne .........................................................................................................145
Funkcje do operacji na selektorach ........................................................................................148
Funkcje niesklasyfikowane ...................................................................................................148
Tworzenie własnych funkcji ........................................................................................................150
Własna funkcja czy domieszka? ...........................................................................................151
Podsumowanie — co powinieneś wiedzieć ...............................................................................152
Część III. Dobre praktyki i optymalizacja projektów Sass ..........155
Wprowadzenie ...............................................................................................................................157
Optymalizacja technik Sass ..........................................................................................................159
Stosowanie zmiennych ..........................................................................................................159
Zagnieżdżanie selektorów .....................................................................................................161
Domieszki, rozszerzenia i selektory zastępcze ...................................................................162
Funkcje i pętle .........................................................................................................................164
Importowanie .........................................................................................................................165
Instrukcja warunkowa ...........................................................................................................166
Debugowanie kodu przy użyciu map źródłowych (source maps) ..................................166
Architektura projektów ................................................................................................................169
Pliki cząstkowe i importowanie ...........................................................................................170
Struktura i podział .................................................................................................................170
Dzielenie interfejsu na komponenty ...................................................................................172
Przegląd architektur CSS i systemów organizacji kodu ....................................................173
Kup książkę
Poleć książkę

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin