Dziś bardziej niż kiedykolwiek palącym problemem jest projektowanie responsywnego web designu. Coraz więcej komputerów tabletowych, smartfonów, a nawet telewizorów służy do korzystania z Internetu. Twórcy stron internetowych muszą brać pod uwagę ogromną różnorodność rozmiarów ekranów, a także uwzględniać specyfikę odpowiednich form interakcji użytkownika. Responsywny web design pozwala w najlepszy sposób wyświetlić zawartość witryn na ekranach urządzeń, na których są one oglądane. Jednocześnie strony internetowe będą dobrze wyglądać nie tylko na ekranach nowoczesnych urządzeń, ale także tych, które pojawią się w najbliższym czasie.
Zacznij tworzyć strony zgodnie z nową metodyką responsywnego web designu, dzięki czemu będą one pięknie prezentować się na ekranach o dowolnych rozmiarach. Czytaj tę książkę, po drodze tworząc i ulepszając responsywne web designy z wykorzystaniem HTML5 i CSS3. Nauczysz się stosować w praktyce nowe technologie i metodyki, które mają stać się narzędziami przyszłości dla twórców aplikacji klienckich.
Jakie tematy omawia ta książka
W rozdziale 1 „Poznaj HTML5, CSS3 i responsywny web design” wyjaśnione jest, czym jest responsywny web design, podane są przykłady takich projektów oraz podkreślone są korzyści i efekt oszczędności wynikające z używania HTML5 i CSS3.
Z rozdziału 2 „Media queries: obsługa różnych obszarów widoku” dowiesz się, czym są media queries, jak je zapisać i jak zastosować je do dowolnego projektu, aby dopasować style CSS do możliwości urządzeń.
W rozdziale 3 „Wykorzystanie „elastycznych” układów” opowiedziane jest o zaletach „elastycznych” układów i pokazane, jak z łatwością przekształcić obecny projekt o stałej szerokości w „elastyczny” układ albo użyć frameworka CSS do szybkiego tworzenia responsywnych web designów.
W rozdziale 4 „HTML5 dla responsywnych web designów” badane są zalety pisania kodu w HTML5 (bardziej zwięzły kod, elementy semantyczne, autonomiczne buforowanie oraz WAI-ARIA do wdrażania technologii wspomagających).
W rozdziale 5 „CSS3: selektory, typografia i tryby kolorów” demonstrowana jest moc selektorów CSS3, które pozwalają z łatwością przekształcać wszystko, co tylko zechcesz. Skorzystam również z reguły CSS3 @font-face, aby stworzyć piękną22
Przedmowa
web-typografię, i opowiem ci o takich nowych trybach kolorów CSS3 jak RGB(A) oraz HSL(A).
W rozdziale 6 „Wspaniała estetyka dzięki CSS3” opisane jest, jak tworzyć cienie rzucane przez tekst i elementy blokowe, a także gradienty wyłącznie przy użyciu CSS3. Porozmawiamy też o tym, jak dodawać różnorodne obrazy tła oraz tworzyć ikony przy użyciu czcionek.
W rozdziale 7 „CSS3: przejścia, transformacje i animacje” opowiem ci, jak tworzyć, przekształcać i animować elementy ekranowe, używając wyłącznie CSS3.
W rozdziale 8 „Opanowanie formularzy dzięki HTML5 i CSS3” zilustrowane jest, jak wdrożyć metodyki działające w wielu przeglądarkach, dotyczące formularzy i działające na wszystkim — od najnowszych smartfonów po stacjonarne przeglądarki.
W rozdziale 9 „Rozwiązywanie problemów cross-browser z responsywnością” wyjaśnione jest, jak zapewnić obsługę responsywności w przestarzałych wersjach Internet Explorer, jak dopasować dany zestaw linków do menu na urządzeniach mobilnych, jak zapewniać inne treści dla urządzeń o wysokiej rozdzielczości oraz jak warunkowo ładować zasoby za pomocą Modernizr.
Co trzeba wiedzieć, zanim zaczniesz czytać
Musisz dobrze znać HTML i CSS. Ponadto wskazane jest mieć ogólne pojęcie o JavaScript. Dobry gust w filmach również może okazać się niezbędny.
Docelowa grupa odbiorców książki
Tworzysz dwie strony — jedną dla ekranów urządzeń mobilnych, a drugą dla większych monitorów? A może słyszałeś o responsywnym web designie, ale nie masz pewności, jak połączyć go z HTML5 i CSS3? Jeśli tak jest, ta książka dostarczy ci wiedzy potrzebnej do podniesienia poziomu stron internetowych, zanim zrobią to wszyscy twoi konkurenci!
Wydanie jest przeznaczone dla projektantów stron internetowych i programistów web, którzy obecnie tworzą witryny o stałej szerokości, używając HTML 4.1 i CSS 2.1. Wyjaśnione jest tutaj, jak tworzyć responsywne strony z użyciem HTML5 i CSS3, dopasowujące się do dowolnego rozmiaru ekranów urządzeń.
