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.

Jeśli korzystasz z CSS — przekonaj się, jak świetnym narzędziem jest Less!

---

Autorem książki jest doświadczony projektant Bass Jobsen, który tworzy strony WWW od 1995 roku i używał przy tym chyba wszystkich możliwych języków programowania. Zawsze wypracowuje jak najbardziej funkcjonalny interfejs użytkownika. Właściwie codziennie korzysta z Less, w tym także przy tworzeniu motywów WordPressa, a przede wszystkim w pracy nad wspaniałym projektem StreetArt.nl. Jest znany z gotowości do dzielenia się swoją wiedzą z mniej doświadczonymi kolegami.

 

Osoby które kupowały "Less. Podstawy programowania", wybierały także:

• AMP: Building Accelerated Mobile Pages 135,91 zł, (29,90 zł -78%)
• The HTML and CSS Workshop 106,79 zł, (29,90 zł -72%)
• LESS. Kurs video. Poziom pierwszy. Jak usprawnić pracę z CSS 89,00 zł, (35,60 zł -60%)
• JavaScript Masterclass 88,41 zł, (38,90 zł -56%)
• Building Dynamic Web Experiences with PHP 88,41 zł, (38,90 zł -56%)

• 
• 
• 
• 
• 

Spis treści

Less. Podstawy programowania -- spis treści

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)
  • Nieużywany kod (136)
• 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)