Okładka książki Projektowanie responsywnych stron internetowych w HTML5 i CSS Bena Fraina

Responsywne strony w HTML5 i CSS Wydanie III

Od roku 2012, „ Projektowanie responsywnych stron internetowych w HTML5 i CSSBena 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.

Zamów w Packt Zamów w Amazon circle-up

Reviews

  • Zapoznaj się z nowoczesnymi, profesjonalnymi metodami tworzenia witryn internetowych w HTML i CSS

    Dustin Lange

  • 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ć.

    Constantin Câmpean

  • ...łatwo się czyta, można też z łatwością używać jako pomocy przy tworzeniu responsywnej witryny.

    Cameron Kirk

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:

W książce Projektowanie responsywnych stron internetowych w HTML5 i CSS W książce Projektowanie responsywnych stron internetowych w HTML5 i CSS W książce Projektowanie responsywnych stron internetowych w HTML5 i CSS

Lista mailingowa

Spis rozdziałów

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

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

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

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

  5. 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!

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

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

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

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

  10. 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!

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