
Responsywne strony w HTML5 i CSS3 3rd Edition
Od roku 2012, „Projektowanie responsywnych stron internetowych w HTML5 i CSS” Bena Fraina jest jedną z najlepiej sprzedających się książek z tej dziedziny. Teraz możesz przeczytać wydanie III, uzupełnione o wiedzę, która będzie Ci potrzebna zarówno w roku 2020, jak i w przyszłości!
Co nowego w wydaniu III?300+ stron informacji
Zapytania medialne, SVG, animacje, przekształcenia CSS, dostępność, Flexbox, CSS Grid, CSS Scroll Snap i wiele, wiele więcej.
Przykładowy kod
Możesz sięgnąć po kod z każdego rozdziału, a także kod źródłowy tej witryny, w którym wykorzystano wiele zaprezentowanych w książce technik.
Najnowsze wydanie
Wydanie III książki, która od roku 2012 niezmiennie cieszy się olbrzymią popularnością.
Czy to książka dla Ciebie?
Ta książka nie jest przeznaczona dla zupełnych żółtodziobów; musisz orientować się w temacie HTML i CSS.
Będziemy rozwijać tę przykładową stronę od etapu prostego, ale poprawnie sformatowanego kodu HTML, do postaci w pełni responsywnej, stopniowo ulepszanej witryny opartej na najnowszych technikach CSS.
Czego się nauczysz?
Każdy rozdział nauczy Cię podstaw poszczególnych zagadnień, a następnie wykorzystamy tę wiedzę do napisania strony, którą właśnie przeglądasz.
Dowiesz się wszystkiego, czego potrzebujesz do pisania w pełni responsywnych, nowoczesnych stron internetowych przy użyciu najnowszych funkcji HTML i CSS. Jakieś jeszcze wątpliwości?
Poniżej przeczytasz streszczenia rozdziałów.Recenzje
Przystępnie napisana książka, która przedstawia wiele użytecznych, praktycznych wskazówek, bazując na trafnych przykładach.
– Fredric Retzko
...znajdziesz tu od groma wartościowych informacji o projektowaniu responsywnych stron internetowych, ale mi samemu spodobało się to, że można się też dużo dowiedzieć o samym HTML5 i CSS3.
– Mirko Zoric
Świetny materiał. Zdecydowanie polecam go każdemu zainteresowanemu tematyką HTML5/CSS3.
– Perovic
Nowości w wydaniu III
Jeśli do tej pory zetknąłeś się tylko z wydaniem I, z nowego wydania książki dowiesz się znacznie więcej.Jeśli jednak czytałeś wydanie II, być może zastanawiasz się, czy nowe wydanie jest godne uwagi. Oto przegląd nowych zagadnień omówionych w wydaniu III:
- Obszerny rozdział o CSS Grid
- CSS Scroll Snap
- CSS mix-blend modes
- Dostępność
- Fonty zmienne
- Techniki ładowania fontów w CSS
- CSS clip-path
- ::focus-within w formularzach
- Własności użytkownika CSS
- Zmienne środowiskowe CSS

Lista mailingowa
Spis rozdziałów
-
Podstawowe wiadomości
W tym rozdziale utworzysz responsywną stronę internetową. Dowiesz się przy okazji, skąd wzięło się RWD, zapoznasz się z problemami, jakie rozwiązuje, a także zgłębisz podstawowe zasady tworzenia projektów responsywnych w HTML i CSS.
-
Znaczniki HTML
Dobry kod HTML jest podstawą każdej udanej strony lub aplikacji. Co ważniejsze, HTML umożliwia technologiom asystującym interpretowanie informacji. W tym rozdziale omówimy wszystko od rozpoczynającego dokument znacznika
<!DOCTYPE html>
po znacznik zamykający. -
Zapytania medialne
Zapytania medialne dają możliwość obsługi ekranów o różnej szerokości, wysokości, preferencjach kolorystycznych, rozdzielczości (DPI) i innych właściwościach. Przyjrzymy się też zapytaniom medialnym CSS4, dotyczącym położenia kursora i rozmiaru wskaźnika, które odnoszą się do obsługi przy użyciu myszy i ekranów dotykowych.
-
Układy płynne, flexbox i obrazy responsywne
Flexbox jest najszerzej obsługiwanym systemem CSS do tworzenia układów stron. Po omówieniu składni i przypadków zastosowania właściwych dla flexboksa przejdziemy od razu do rzeczy. Wykorzystamy flexboksa do rozmieszczenia różnych sekcji strony, którą właśnie czytasz.
-
Układy oparte na CSS Grid
CSS Grid jest najnowszym systemem tworzenia układów stron. Nowością w tym wydaniu jest cały rozdział poświęcony zrozumieniu możliwości i korzyści płynących z CSS Grid. Nowonabytą wiedzę wykorzystamy do ulepszenia bieżącej implementacji tej strony.
-
Selektory CSS, typografia, tryby kolorów i nowe funkcje
Ten obszerny i zróżnicowany rozdział poświęcony jest zagadnieniom takim jak działanie selektorów CSS, obsługa typografii przy użyciu @font-face i fontów zmiennych, posługiwanie się trybami kolorów HEX, RGBA i HSLA, a także dodatkowym kwestiom związanym z obcinaniem tekstu, układami wielokolumnowymi, funkcją calc i zmiennymi środowiskowymi.
-
Spektakularny wygląd i CSS
Kolejny rozdział pełen ciekawostek o CSS. Chcesz się dowiedzieć czegoś o cieniach tekstu i pól? Co z wieloma tłami oraz gradientami liniowymi i promienistymi? Powtarzającymi się gradientami? Filtrami CSS w rodzaju rozmycia lub sepii? Maskami i przycinaniem? Własnością mix-blend-mode? O tym wszystkim - i nie tylko - przeczytasz właśnie tutaj. Ponadto na koniec przyjrzymy się własności CSS scroll-snap, umożliwiającej przewijanie elementów do wskazanego punktu - bez kodu JavaScript!
-
Grafika SVG niezależna od rozdzielczości ekranu
Grafika SVG jest nieodłącznym elementem zestawu narzędzi programisty. Znajdziesz tutaj omówienie większości praktycznych przypadków użycia grafiki SVG, wstawiania jej bezpośredno do kodu, umieszczania jej w elementach object, a także używania jej w charakterze tła i standardowego obrazu. Przeczytasz też o tworzeniu arkuszy sprite'ów SVG oraz animowaniu i optymalizacji grafik SVG z myślą o ich użytkowaniu w internecie.
-
Przejścia, transformacje i animacje
Rozważnie stosowane przejścia, transformacje i animacje potrafią naprawdę ożywić projekt strony. W tym rozdziale zapoznasz się z wszystkimi trzema efektami. Znajdziesz w nim wiele przykładów i będziesz mógł się pobawić kodem, aby lepiej się zaznajomić z tymi technikami.
-
Formularze
W tym rozdziale dowiesz się wszystkiego, czego potrzeba o formularzach, w tym m.in. o strukturze kodu uwzględniającej dostępność, różnych elementach formularzy, walidacji formularzy oraz najnowszym CSS, który zapewnia lepszą kontrolę nad wyglądem formularza niż kiedykolwiek dotąd.
-
Dodatkowe techniki i dobre rady na pożegnanie
W ostatnim rozdziale znajdziesz podsumowanie omówionych w książce zagadnień oraz omówienie najlepszego podejścia do tworzenia projektu responsywnej strony internetowej. Przeczytasz także o dobrych praktykach tworzenia kodu HTML i CSS responsywnych stron.