E-book details

Less. Podstawy programowania

Less. Podstawy programowania

Bass Jobsen

Ebook
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.

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)

  • Title: Less. Podstawy programowania
  • Author: Bass Jobsen
  • Original title: Less Web Development Essentials, Second Edition
  • Translation: Piotr Rajca
  • ISBN: 978-83-283-1757-4, 9788328317574
  • Date of issue: 2016-01-29
  • Format: Ebook
  • Item ID: lesspp
  • Publisher: Helion