
Responsywne strony w HTML5 i CSS Wydanie III
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ą. Zaktualizowano je w roku 2020, aby uwzględnić wszystkie nowe funkcje CSS i HTML.
Czy to książka dla Ciebie?
Czy jesteś programistą full stack i chcesz zaktualizować swoje umiejętności w zakresie front-endu? Może jesteś front-endowcem i potrzebujesz obszernego przeglądu wszystkiego tego, co HTML i CSS mają współcześnie do zaoferowania?
Być może liznąłeś nieco temat tworzenia stron internetowych, ale chcesz lepiej zrozumieć pojęcie responsywności i nauczyć się ją wprowadzać? Tak czy inaczej, ta książka jest dla Ciebie!
Czego się nauczysz?
Zapytania medialne CSS, umożliwiające stosowanie różnych stylów na różnych urządzeniach. Wczytywanie różnych obrazów w zależności od rozmiarów ekranu i rozdzielczości. Pisanie czystego, semantycznego i dostępnego kodu HTML. Dostarczanie obrazów działających niezależnie od rozdzielczości przy użyciu SVG.
Najnowsze funkcje CSS: własności użytkownika, fonty zmienne i CSS Grid.
Reviews
-
Zapoznaj się z nowoczesnymi, profesjonalnymi metodami tworzenia witryn internetowych w HTML i CSS
-
Najbardziej podobają mi się w tej książce objaśnienia standardów, dzięki którym nawet laik może dowiedzieć się, jak z nich korzystać.
-
...łatwo się czyta, można też z łatwością używać jako pomocy przy tworzeniu responsywnej witryny.
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 mode
- Fonty zmienne
- Techniki ładowania fontów w CSS
- CSS clip-path
- 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. W tym rozdziale zapoznasz się także z obrazami responsywnymi, które pozwalają na uwzględnienie dowolnej liczby wariantów obrazu z myślą o różnych urządzeniach.
-
Układy oparte na CSS Grid
CSS Grid jest pierwszym systemem tworzenia dwuwymiarowych układów stron internetowych. W tym wydaniu poświęcono omówieniu jego możliwości cały nowy rozdział.
Prawdopodobnie nic tak nie pomoże Ci rozwinąć swoich umiejętności korzystania z CSS, jak zapoznanie się z CSS Grid!
-
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.
-
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 HTML5 i CSS3
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. Znajdziesz tu też wiele przydatnych atrybutów, które ułatwiają wyświetlenie właściwej klawiatury na urządzeniach z iOS i Androidem!
-
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. Ponadto, zupełnie jak Q z Jamesa Bonda, dam Ci do rąk kilka dodatkowych technik, które mogą Ci się przydać w pracy.