Less (Leaner CSS) jest preprocesorem CSS, dzięki któremu projektant witryny może tworzyć łatwy w utrzymaniu kod, który nadaje się do wielokrotnego użycia bez powielania tych samych jego fragmentów. Less doskonale realizuje zasadę DRY (ang. Do not Repeat Yourself — „nie powtarzaj się”). Rozszerza składnię CSS o zmienne, wstawki, funkcje i udostępnia wiele możliwości pozwalających na poprawę wydajności pracy projektanta. Ułatwia tworzenie atrakcyjnych witryn, a utrzymywanie już istniejących aplikacji jest dzięki niemu mniej czasochłonne.
Dzięki tej książce zrozumiesz filozofię działania Less, a co za tym idzie, zaczniesz pisać kod przejrzysty, czytelny, zwięzły i możliwy do wielokrotnego wykorzystania. Szybko zauważysz poprawę wydajności swojej pracy. Znajdziesz tu praktyczne porady dotyczące integracji Less z istniejącymi czy też nowymi projektami. Oszczędzisz dzięki temu sporo czasu. Zapewne docenisz to, że w książce tej przedstawiono także sposoby pisania i wykorzystania wtyczek Less, które ułatwiają sprostanie nawet bardzo specyficznym wymaganiom.
W książce omówiono między innymi:
- zaawansowane możliwości CSS,
- stosowanie zmiennych, wstawek, stosowanie reguł zagnieżdżonych i wbudowanych funkcji Less,
- korzystanie z frameworka Bootstrap 3 za pomocą preprocesora Less,
- korzystanie z Less i innych frameworków oraz systemów siatek ułatwiających tworzenie projektów stron WWW,
- integrację Less z WordPressem.
Rozdziały:
O autorze (11)
O recenzentach (13)
Przedmowa (15)
Rozdział 1. Usprawnianie tworzenia aplikacji internetowych z użyciem Lessa (21)
- Stosowanie CSS3 do określania wyglądu kodu HTML (22)
- Stosowanie selektorów CSS do określania wyglądu kodu HTML (22)
- Szczegółowość, dziedziczenie i kaskada w CSS (23)
- Tworzenie układów z użyciem elastycznych pudełek (25)
- Kompilacja kodu Lessa (27)
- Początki stosowania Lessa (28)
- Stosowanie funkcji watch do automatycznego odświeżania strony (30)
- Debugowanie kodu (31)
- Wtyczki (33)
- Pierwszy układ napisany z użyciem Lessa (35)
- Reguły dla poszczególnych przeglądarek (35)
- Zastosowanie właściwości border-radius do tworzenia zaokrąglonych wierzchołków (38)
- Eliminowanie różnic za pomocą rozwiązań typu CSS reset (41)
- Tworzenie gradientów tła (43)
- Przejścia, transformacje i animacje CSS (45)
- Właściwość box-size (49)
- Kompilacja po stronie serwera (52)
- Stosowanie map źródłowych CSS do debugowania (53)
- Wtyczki (54)
- Kompresja i minimalizacja kodu CSS (55)
- Automatyczna kompilacja kodu Lessa do CSS (56)
- Programy o graficznym interfejsie użytkownika (58)
- Metodologie OOCSS, SMACSS oraz BEM (59)
- Podsumowanie (60)
Rozdział 2. Stosowanie zmiennych i wstawek (63)
- Stosowanie komentarzy w kodzie Lessa (64)
- Zagnieżdżone komentarze (64)
- Komentarze specjalne (64)
- Stosowanie zmiennych (65)
- Organizowanie plików (66)
- Określanie nazw zmiennych (68)
- Stosowanie zmiennych (69)
- Organizowanie zmiennych (70)
- Ostatnia deklaracja wygrywa! (71)
- Deklaracje zmiennych nie są statyczne! (72)
- Leniwe wczytywanie (73)
- Interpolacja zmiennych (73)
- Zapisywanie wartości (75)
- Stosowanie wstawek (77)
- Proste wstawki (78)
- Wstawki z parametrami (79)
- Konwencje nazewnicze i sposoby wywoływania wstawek (80)
- Stosowanie wstawek z większą liczbą parametrów (81)
- Złożona wstawka generująca liniowy gradient tła (83)
- Zwracanie wartości ze wstawek (89)
- Modyfikowanie zachowania wstawek (90)
- Słowo kluczowe !important (96)
- Podsumowanie (97)
Rozdział 3. Reguły zagnieżdżone, działania oraz funkcje wbudowane (99)
- Struktura nawigacyjna (99)
- Stosowanie reguł zagnieżdżonych (100)
- Stosowanie wstawek i klas (104)
- Zmienne (106)
- Klasy i przestrzenie nazw (107)
- Odwołania do selektora nadrzędnego z użyciem symbolu & (109)
- Zagnieżdżanie wartowników i zastosowanie & (113)
- Przekazywanie zestawów reguł do wstawek (114)
- Działania na liczbach, kolorach i zmiennych (115)
- Scalanie właściwości (117)
- Funkcje wbudowane (118)
- JavaScript (118)
- Lista funkcji (119)
- Stosowanie funkcji operujących na kolorach (121)
- Funkcje darken() i lighten() (122)
- Mnożenie kolorów (124)
- Łączenie kolorów w Lessie (127)
- Określanie typu wartości wejściowej (127)
- Rozszerzanie Lessa za pomocą własnych funkcji (129)
- Wstawka box-shadow (130)
- Podsumowanie (131)
Rozdział 4. Testowanie kodu i stosowanie gotowych bibliotek wstawek (133)
- Ponowna analiza tworzenia gradientów tła z użyciem CSS (134)
- Testowanie kodu (138)
- Prezentacja TDD (138)
- Kilka słów o zestawieniach stylów (139)
- Gotowe wstawki (142)
- Tworzenie gradientów i układów za pomocą biblioteki Less Elements (143)
- Stosowanie obszernej biblioteki Less Hat (146)
- Stosowanie biblioteki wstawek 3L (147)
- Stosowanie biblioteki wstawek Clearless (149)
- Stosowanie w projekcie gotowych wstawek biblioteki Preboot (152)
- Stosowanie biblioteki more-or-less (153)
- Biblioteka Less-bidi (155)
- Stosowanie innych technik wykorzystujących Less (156)
- Tworzenie animacji za pomocą Lessa (156)
- Stosowanie czcionek ikonowych (158)
- Retina.js (162)
- Podsumowanie (163)
Rozdział 5. Integracja Lessa z własnymi projektami (165)
- Importowanie kodu CSS do Lessa (166)
- Stosowanie dyrektywy @import (166)
- Stosowanie Lessa w istniejących projektach (169)
- Organizacja plików (169)
- Konwersja kodu CSS do kodu Lessa (169)
- Zapytania medialne i responsywne projekty stron (171)
- Elastyczne jednostki miar w zapytaniach medialnych (172)
- Tworzenie elastycznych układów (172)
- Stosowanie siatek w układach i organizacji pracy (176)
- Rola właściwości float w tworzeniu siatek (177)
- Zastosowanie bardziej semantycznego rozwiązania (180)
- Tworzenie układów z użyciem klas siatki (181)
- Tworzenie zagnieżdżonych siatek (182)
- Siatki alternatywne (183)
- Tworzenie własnego projektu z użyciem responsywnej siatki (187)
- Stosowanie systemu siatki Preboot (188)
- Stosowanie wstawek siatki do tworzenia układu semantycznego (192)
- Rozszerzanie siatek (194)
- Dodawanie klas dla mniejszej siatki (195)
- Stosowanie małej siatki w semantycznym kodzie HTML (198)
- Podsumowanie (199)
Rozdział 6. Stosowanie frameworku Bootstrap 3 (201)
- Wprowadzenie do frameworku Bootstrap (202)
- Siatka Bootstrapa (202)
- Stosowanie plików Lessa frameworku Bootstrap (207)
- Wtyczka Bootstrapa dla Lessa (212)
- Podsumowanie (224)
Rozdział 7. Stosowanie Lessa z aplikacjami zewnętrznymi i innymi frameworkami (225)
- Cardinal CSS (226)
- Wtyczka Lessa dla frameworku Cardinal (226)
- Stosowanie Semantic UI z Lessem (227)
- Stosowanie Ionic z Lessem (229)
- Dodawanie Lessa do procesu budowy frameworku Ionic (230)
- Frameworki do tworzenia siatek korzystające z Lessa (231)
- Semantic Grid System (232)
- Responsywny szablon Skeleton (232)
- WordPress i Less (234)
- Stosowanie motywu Sage z Lessem (234)
- Stosowanie JBST i wbudowanego kompilatora Lessa (235)
- Motyw Semantic UI do WordPressa (236)
- Wtyczki WordPressa i Less (236)
- Stosowanie Lessa z frameworkiem Play (237)
- Stosowanie Bootstrapa z frameworkiem Play (239)
- AngularJS i Less (239)
- System ngBoilerplate (240)
- Meteor i Less (240)
- Ruby on Rails i Less (241)
- Alternatywne kompilatory kodu Lessa (242)
- Kompilator Less.php (243)
- Kompilator .less dla środowiska .NET (243)
- Podsumowanie (244)
Skorowidz (245)
Najniższa cena z 30 dni przed obniżką 36,75zł
|
