Description

W ostatnich latach CSS bardzo się rozwinął. Mimo że istnieje od kilku dekad, wciąż jest ważnym elementem warsztatu profesjonalnych projektantów stron internetowych. Co prawda przyswojenie podstaw CSS nie jest specjalnie trudne, ale osiągnięcie prawdziwej biegłości w korzystaniu z tego języka wymaga stałego uczenia się i ciągłych ćwiczeń. Trzeba dobrze zrozumieć wszystkie części kodu CSS, a także sposób, w jaki są do siebie dopasowane. Wysiłek włożony w doskonałe opanowanie języka szybko się zwróci: CSS pozwala zwiększyć wygodę użytkownika, przyspieszyć proces projektowania, uniknąć potencjalnych błędów, a także urozmaicić i ożywić aplikację.Ta książka jest kompleksowym przewodnikiem po języku CSS dla osób na różnych poziomach biegłości w stosowaniu kaskadowych arkuszy stylów. Zawiera kluczowe informacje o podstawach języka, dzięki czemu będzie nieocenioną pomocą dla początkujących. Szczegółowo opisano tu również nowości i ulepszenia, które pojawiły się w języku na przestrzeni ostatnich kilku lat. Zaprezentowano także kwestie istotne dla zaawansowanych projektantów, takie jak organizacja kodu w sposób umożliwiający wielokrotne wykorzystywanie czy budowanie niezmiernie przydatnej w pracy zespołowej biblioteki wzorców. Sporo miejsca poświęcono technikom uzyskiwania efektów decydujących o atrakcyjnym i niepowtarzalnym wyglądzie aplikacji.W tej książce między innymi:kaskady, dziedziczenie i moduł pudełkowyukłady, w tym flexbox i siatkamodularna organizacja kodutajniki typografii internetowejużywanie cieni, gradientów, kontrastów i odstępówtransformacje, przejścia i animacjeCSS. Każda aplikacja może wyglądać pięknie!Spis treści:Słowo wstępne 11Przedmowa 13Podziękowania 15O książce 17O autorze 21CZĘŚĆ I. PRZEGLĄD PODSTAWOWYCH POJĘĆ 23Rozdział 1. Kaskada, specyficzność i dziedziczenie 251.1. Kaskada 261.1.1. Źródło arkusza stylów 291.1.2. Specyficzność 311.1.3. Kolejność źródłowa 361.1.4. Dwie praktyczne zasady 391.2. Dziedziczenie 401.3. Wartości specjalne 421.3.1. Użycie słowa kluczowego inherit 421.3.2. Użycie słowa kluczowego initial 431.4. Właściwości skrócone 441.4.1. Uważaj na właściwości skrócone przesłaniające „po cichu” inne style 451.4.2. Kolejność wartości skróconych 46Podsumowanie 48Rozdział 2. Użycie jednostek względnych 492.1. Siła jednostek względnych 502.1.1. Walka o projekt „idealny co do piksela” 502.1.2. Koniec projektów internetowych „idealnych co do piksela” 502.2. Jednostki em i rem 522.2.1. Użycie wartości z jednostką em do definiowania rozmiaru czcionki 532.2.2. Użycie jednostki rem do określania rozmiaru czcionki 572.3. Nie myśl w kategoriach pikseli 592.3.1. Ustawianie rozsądnego domyślnego rozmiaru czcionki 602.3.2. Zapewnianie elastyczności panelu 622.3.3. Zmiana wielkości pojedynczego komponentu 632.4. Jednostki względne obszaru roboczego 652.4.1. Użycie jednostki vw do określenia rozmiaru czcionki 672.4.2. Użycie funkcji calc() do określenia rozmiaru czcionki 672.5. Liczby bezjednostkowe i właściwość line-height 682.6. Właściwości niestandardowe (inaczej – zmienne CSS) 702.6.1. Dynamiczne zmienianie właściwości niestandardowych 722.6.2. Zmiana właściwości niestandardowych za pomocą kodu JavaScript 742.6.3. Eksperymentowanie z właściwościami niestandardowymi 75Podsumowanie 76Rozdział 3. Opanowanie modelu pudełkowego 773.1. Trudności związane z szerokością elementów 783.1.1. Unikanie liczb magicznych 813.1.2. Dostosowywanie modelu pudełkowego 813.1.3. Użycie metody uniwersalnego określania wymiarów dla wartości border-box 833.1.4. Dodawanie przerwy między kolumnami 843.2. Trudności związane z wysokością elementu 863.2.1. Kontrolowanie zachowania przepełnienia 863.2.2. Stosowanie alternatywnych rozwiązań dla określania wysokości na podstawie wartości procentowej 873.2.3. Użycie właściwości min-height i max-height 923.2.4. Środkowanie zawartości w pionie 923.3. Marginesy ujemne 943.4. Załamywanie marginesów 953.4.1. Załamywanie między tekstem 953.4.2. Załamywanie wielu marginesów 963.4.3. Załamywanie poza obrębem kontenera 973.5. Określanie odstępów dla elementów w obrębie kontenera 993.5.1. Uwzględnienie zmieniającej się zawartości 1013.5.2. Tworzenie bardziej ogólnego rozwiązania: selektor „sowy po lobotomii” 102Podsumowanie 105CZĘŚĆ II. OPANOWANIE UKŁADU 107Rozdział 4. Użycie elementów pływających 1094.1. Przeznaczenie elementów pływających 1104.2. Załamywanie kontenera i technika clearfix 1154.2.1. Załamywanie kontenera 1154.2.2. Objaśnienie techniki clearfix 1184.3. Nieoczekiwane „chwytanie elementu pływającego” 1204.4. Obiekty mediów i konteksty formatowania bloku 1234.4.1. Ustanawianie kontekstu formatowania bloku 1244.4.2. Użycie kontekstu formatowania bloku na potrzeby układów obiektów mediów 1264.5. Systemy siatki 1274.5.1. System siatki 1284.5.2. Budowanie systemu siatki 1284.5.3. Dodawanie przerw 133Podsumowanie 136Rozdział 5. Flexbox 1395.1. Zasady modułu Flexbox 1405.1.1. Budowanie podstawowego menu opartego na module Flexbox 1435.1.2. Dodawanie wypełnienia i odstępów 1455.2. Wymiary elementów elastycznych 1475.2.1. Użycie właściwości flex-basis 1495.2.2. Użycie właściwości flex-grow 1505.2.3. Użycie właściwości flex-shrink 1515.2.4. Kilka praktycznych zastosowań 1525.3. Kierunek kontenera elastycznego 1535.3.1. Zmiana kierunku kontenera elastycznego 1555.3.2. Określanie stylów formularza logowania 1565.4. Wyrównanie, odstępy i inne szczegóły 1585.4.1. Właściwości kontenera elastycznego 1615.4.2. Właściwości elementów elastycznych 1635.4.3. Użycie właściwości wyrównywania 1645.5. Kilka rzeczy, których musisz być świadomy 1655.5.1. Flexbugs 1655.5.2. Układ pełnej strony 166Podsumowanie 166Rozdział 6. Układ siatki 1696.1. Układ witryny internetowej 1706.1.1. Budowanie podstawowej siatki 1716.2. Anatomia siatki 1736.2.1. Numerowanie linii siatki 1786.2.2. Korzystanie jednoczesne z modułu Flexbox 1806.3. Techniki alternatywne 1836.3.1. Nazwane linie siatki 1836.3.2. Nadawanie nazw obszarom siatki 1856.4. Siatka jawna i niejawna 1876.4.1. Zapewnianie różnorodności 1916.4.2. Dostosowywanie elementów siatki w celu wypełnienia ścieżki siatki 1946.5. Zapytania dotyczące właściwości 1966.6. Wyrównanie 200Podsumowanie 202Rozdział 7. Pozycjonowanie i konteksty stosu 2037.1. Pozycjonowanie ustalone 2047.1.1. Tworzenie modalnego okna dialogowego z pozycjonowaniem ustalonym 2047.1.2. Kontrolowanie wielkości pozycjonowanych elementów 2087.2. Pozycjonowanie bezwzględne 2087.2.1. Pozycjonowanie bezwzględne przycisku Zamknij 2097.2.2. Pozycjonowanie pseudoelementu 2107.3. Pozycjonowanie względne 2117.3.1. Tworzenie menu rozwijanego 2127.3.2. Tworzenie trójkąta w standardzie CSS 2157.4. Konteksty stosu i właściwość z-index 2177.4.1. Proces renderowania i kolejność na stosie 2187.4.2. Modyfikowanie kolejności na stosie za pomocą właściwości z-index 2207.4.3. Konteksty stosu 2207.5. Pozycjonowanie sticky 224Podsumowanie 227Rozdział 8. Projekt elastyczny 2298.1. Najpierw urządzenia przenośne 2318.1.1. Tworzenie menu dla urządzeń przenośnych 2378.1.2. Dodawanie metaznacznika obszaru roboczego 2418.2. Zapytania dotyczące mediów 2428.2.1. Typy zapytania dotyczącego mediów 2448.2.2. Dodawanie punktów zmian do strony 2458.2.3. Dodawanie kolumn elastycznych 2498.3. Układy płynne 2528.3.1. Dodawanie stylów dla punktu zmian powiązanego z dużymi ekranami 2538.3.2. Obsługa tabel 2548.4. Obrazy elastyczne 2568.4.1. Użycie wielu obrazów pod kątem różnych wielkości obszaru roboczego 2568.4.2. Zastosowanie atrybutu srcset do udostępniania właściwego obrazu 257Podsumowanie 258CZĘŚĆ III. UŻYCIE CSS NA DUŻĄ SKALĘ 259Rozdział 9. Modularny kod CSS 2619.1. Style podstawowe: przygotowanie fundamentu 2639.2. Prosty moduł 2649.2.1. Warianty modułu 2659.2.2. Moduły z wieloma elementami 2699.3. Moduły będące częścią większych struktur 2729.3.1. Rozdzielanie wielu odpowiedzialności między moduły 2739.3.2. Nadawanie nazw modułom 2779.4. Klasy narzędziowe 2789.5. Metody związane ze standardem CSS 279Podsumowanie 281Rozdział 10. Biblioteki wzorców 28310.1. Wprowadzenie do narzędzia KSS 28410.1.1. Konfigurowanie narzędzia KSS 28510.1.2. Tworzenie dokumentacji narzędzia KSS 28710.1.3. Dokumentowanie wariantów modułu 29110.1.4. Tworzenie strony przeglądu 29310.1.5. Dokumentowanie modułów wymagających kodu JavaScript 29410.1.6. Organizowanie biblioteki wzorców za pomocą sekcji 29610.2. Zmiana sposobu tworzenia kodu CSS 29810.2.1. Użycie metody przepływu zadań „najpierw CSS” 29810.2.2. Użycie biblioteki wzorców jako interfejsu API 300Podsumowanie 306CZĘŚĆ IV. ZAGADNIENIA ZAAWANSOWANE 307Rozdział 11. Tła, cienie i tryby mieszania 30911.1. Gradienty 31011.1.1. Użycie wielu „przystanków” kolorów 31311.1.2. Użycie gradientów promienistych 31511.2. Cienie 31711.2.1. Definiowanie głębi za pomocą gradientów i cieni 31811.2.2. Tworzenie elementów z wykorzystaniem projektowania płaskiego 32011.2.3. Tworzenie przycisków o nowocześniejszym wyglądzie 32111.3. Tryby mieszania 32211.3.1. Kolorowanie obrazu 32411.3.2. Typy trybu mieszania 32511.3.3. Dodawanie tekstury do obrazu 32611.3.4. Użycie właściwości mix-blend-mode 328Podsumowanie 330Rozdział 12. Kontrast, kolor i odstępy 33112.1. Kontrast ponad wszystko 33212.1.1. Definiowanie wzorców 33412.1.2. Implementowanie projektu 33512.2. Kolor 33612.2.1. Notacje kolorów 34312.2.2. Dodawanie nowych kolorów do palety 34712.2.3. Uwzględnianie kontrastu w wypadku kolorów czcionek 34912.3. Odstępy 35112.3.1. Użycie jednostki em albo jednostki px 35112.3.2. Uwzględnianie wysokości wierszy 35412.3.3. Określanie odstępów dla elementów liniowych 357Podsumowanie 359Rozdział 13. Typografia 36113.1. Czcionki dla stron internetowych 36313.2. Czcionki firmy Google 36413.3. Zasady działania zestawu reguły @font-face 36813.3.1. Formaty czcionek i warianty zapasowe 36913.3.2. Wiele wariantów tego samego kroju czcionki 37013.4. Dostosowywanie odstępów w celu zwiększenia czytelności 37113.4.1. Odstępy w obrębie treści głównej 37213.4.2. Nagłówki, niewielkie elementy i odstępy 37413.5. Budzące postrach zdarzenia FOUT i FOIT 37813.5.1. Użycie biblioteki Font Face Observer 38013.5.2. Wariant awaryjny w postaci czcionek systemowych 38113.5.3. Przygotowanie do użycia właściwości font-display 383Podsumowanie 384Rozdział 14. Przejścia 38714.1. Z jednego w drugie 38814.2. Funkcje synchronizacji czasu 39014.2.1. Krzywe Béziera 39214.2.2. Kroki 39414.3. Właściwości nieumożliwiające użycia animacji 39514.3.1. Właściwości, które nie mogą być animowane 39814.3.2. Rozjaśnianie i ściemnianie 39914.4. Użycie przejścia dla właściwości height o wartości auto 401Podsumowanie 403Rozdział 15. Transformacje 40515.1. Obracanie, przesuwanie, skalowanie i wypaczanie 40615.1.1. Zmiana źródła transformacji 40815.1.2. Stosowanie wielu transformacji 40915.2. Transformacje związane z ruchem 41015.2.1. Skalowanie ikony w górę 41515.2.2. Tworzenie „przylatujących” etykiet 41815.2.3. Rozkładanie przejść w czasie 42015.3. Wydajność animacji 42215.3.1. Analiza potoku renderowania 42215.4. Transformacje trójwymiarowe (3D) 42415.4.1. Kontrolowanie perspektywy 42515.4.2. Implementowanie zaawansowanych transformacji 3D 428Podsumowanie 430Rozdział 16. Animacje 43116.1. Klatki kluczowe 43216.2. Animowanie transformacji trójwymiarowych 43416.2.1. Budowanie układu bez animacji 43516.2.2. Dodawanie animacji do układu 44016.3. Opóźnienie animacji i tryb wypełniania 44216.4. Przekazywanie znaczenia za pośrednictwem animacji 44416.4.1. Reagowanie na interakcję użytkownika 44516.4.2. Zwracanie uwagi użytkownika 44816.5. Jeszcze jedna rada 451Podsumowanie 452Dodatek A. Zestawienie selektorów 453Dodatek B. Preprocesory 459Skorowidz 473O autorze: Keith J. Grant od 11 lat pisze i utrzymuje aplikacje internetowe oparte na HTML, CSS i JavaScripcie. Obecnie pracuje w Intercontinental Exchange Inc. (ICE), gdzie stworzył i utrzymuje kod CSS witryn internetowych wielkich korporacji, a także giełdy papierów wartościowych w Nowym Jorku. Pisze kod CSS, który umożliwia firmom prezentowanie ich witryn w unikalny i kreatywny sposób. Chętnie dzieli się swoimi doświadczeniami z podopiecznymi — w każdej firmie, w której pracował, szybko stawał się najlepszym instruktorem języka CSS.

Informatyka

pełnia 2021 rok, elektrownia połaniec zarobki, mjosa, wynajecie mieszkania, atlanterhavsveien, koszty zakupu mieszkania, pit co to jest, zamek na słowacji, urlop na żądanie na wypowiedzeniu, kalkulator wynagrodzeń 2021 2022, najbogatsze panstwa europy, amortyzacja auta 2019, najdłuższa piosenka na świecie, umowa kupna sprzedaży samochodu dwujęzyczna, wielki czwartek wielki piątek wolne od pracy, ile zarabia kosmetyczka paznokci

yyyyy