![book](okladki/ISBN/8324/8324669019.jpg)
![book](okladki/ISBN/8324/8324669019.jpg)
Responsive web design : projektowanie elastycznych witryn w HTML5 i CSS3 : poznaj optymalne przepisy na CakePHP!
Tyt. oryg.: "Responsive Web design with HTML5 and CSS3 ".
"Projektowanie elastycznych witryn w HTML5 i CSS3 "
Jeżeli pamiętasz czasy przed rewolucją mobilną, to z łatwością przypomnisz sobie rozdzielczości królujące w tamtym okresie: 800?600 oraz 1024?768 pikseli. Nie było tabletów, smartfonów, netbooków i telewizorów podłączonych do internetu. Projektant stron WWW napotykał w swojej pracy wiele utrudnień, jednak nie musiał zmagać się z różnorodnością ekranów, jak webmasterzy naszej dekady. Obecnie
projektowanie stron dopasowanych do wymogów różnych urządzeń to niezwykle cenna umiejętność.
Dzięki tej książce zdobędziesz ją w mig! Już za chwilę skorzystasz z możliwości HTML5 i CSS3, by stworzyć stronę, która zachwyci użytkownika, i to niezależnie od platformy, na której będzie jej używał. Co najważniejsze, żeby to osiągnąć, nie będziesz musiał przygotowywać kilku wersji jednej strony! W trakcie lektury poznasz nowości z CSS3 i HTML5. Dowiesz się, jak uzyskać rewelacyjne efekty, atrakcyjne wizualnie układy oraz decydować o rozmieszczeniu elementów w zależności od docelowej rozdzielczości. Książka ta jest obowiązkową lekturą dla każdego projektanta i programisty stron internetowych. Po prostu musisz ją mieć!
Odpowiedzialność: | Ben Frain ; [tł. Maciej Reszotnik]. |
Seria: | Technologia i Rozwiązania |
Hasła: | HTML Kaskadowe arkusze stylów Strony WWW - programowanie |
Adres wydawniczy: | Gliwice : Wydawnictwo Helion, 2014. |
Opis fizyczny: | 296 s. : il. ; 23 cm. |
Uwagi: | Indeks. |
Skocz do: | Dodaj recenzje, komentarz |
- Rozdział 1. Podstawy HTML5, CSS3 i projektowanie elastycznych układów stron
- Czemu smartfony są tak ważne (a stary Internet Explorer nie)?
- Czy zdarzają się sytuacje, w których układ elastyczny nie jest dobrym rozwiązaniem?
- Układ skalowalny - definicja
- Czemu ograniczać się tylko do skalowalnych projektów?
- Przykłady skalowalnych projektów witryn
- Gdzie znajdziesz narzędzia testowe obszaru operacyjnego?
- Źródła inspiracji w sieci
- Oszczędność czasu i kodu w HTML5
- CSS3 a wrażliwy projekt witryn i dodatkowe możliwości arkuszy
- Wniosek jest prosty - CSS3 niczego nie zepsuje!
- Jak CSS3 rozwiązuje codzienne problemy projektantów witryn?
- Patrz, mamo! - bez obrazów!
- Co jeszcze CSS3 ma do zaoferowania?
- Czy standardy HTML5 i CSS3 działają poprawnie już dziś?
- RWD nie jest lekarstwem na wszystko
- Uświadomienie klientom, że witryna nie powinna prezentować się tak samo w każdej przeglądarce
- Podsumowanie
- Rozdział 2. Zapytania medialne: obsługa zróżnicowanych obszarów operacyjnych
- Zapytań medialnych możesz używać już dziś
- Skalowalne projekty a zapytania medialne
- Składnia zapytań medialnych
- Zapytania medialne i porównywanie parametrów urządzeń
- Używanie zapytań medialnych do zmodyfikowania projektu witryny
- Najlepszy sposób ładowania zapytań medialnych w metodologii RWD
- Nasz pierwszy skalowalny projekt
- Może Cię zaskoczyć, że nasz pierwszy układ będzie miał stałą szerokość
- Projekt wrażliwy - ograniczanie wielkości obrazów
- Przycinanie treści w mniejszych obszarach operacyjnych
- Wyłączanie mechanizmu automatycznego skalowania strony
- Dopasowanie projektu witryny do różnych szerokości obszaru operacyjnego
- W metodologii RWD treści zawsze stoją na pierwszym miejscu
- Zapytania medialne - tylko część rozwiązania
- Potrzebny nam układ płynny
- Podsumowanie
- Rozdział 3. Opanowanie układów płynnych
- Układy stałe nie są przystosowane do nowych wyzwań
- Czemu układy proporcjonalne są tak ważne w metodologii RWD?
- Transformacja stałego układu w projekt proporcjonalny
- Ważne równanie
- Definiowanie kontekstu w elementach proporcjonalnych
- Zawsze należy pamiętać o kontekście
- Wykorzystywanie jednostek em zamiast pikseli w kontekście typografii
- Płynne obrazy
- Skalowanie obrazów w obrębie obszaru operacyjnego
- Właściwe reguły dla właściwych obrazów
- Nakładanie hamulców na układ płynny
- Wszechstronna własność max-width
- Wczytywanie różnych obrazów dla różnych ekranów
- Konfigurowanie usługi Adaptive Images
- Płynne siatki i zapytania medialne tworzą jedność
- System siatek CSS
- Błyskawiczne konstruowanie strony w systemie siatek
- Podsumowanie
- Rozdział 4. HTML5 i projekty elastyczne
- Z jakich części standardu HTML5 możemy korzystać już dziś?
- Większość witryn może być konstruowana w oparciu o HTML5
- Wypełnienia, skrypty i Modernizr
- Oszczędności wynikające z wykorzystania HTML5
- Rozsądne podejście do pisania kodu
- Oddajmy cześć wszechmocnemu elementowi
- Element
- A co z główną zawartością strony?
- Element
- Zasady semantyki na poziomie tekstu w kodzie
- Poprawienie dostępności strony za pomocą standardu WAI-ARIA
- Punkty orientacyjne w standardzie ARIA
- Zagnieżdżanie elementów multimedialnych w HTML5
- Alternatywne źródła plików
- Awaryjna obsługa w starszych przeglądarkach
- Znaczniki audio i video działają niemal identycznie
- Skalowalne odtwarzacze filmów
- Aplikacje sieciowe w trybie offline
- Aplikacje offline od podszewki
- Wdrażanie trybu offline
- Składnia pliku manifestu
- Automatyczne wczytywanie stron w manifeście
- Komentarze wersji
- Odczytywanie strony w trybie offline
- Rozwiązywanie problemów z aplikacjami offline
- Podsumowanie
- Rozdział 5. CSS3: selektory, typografia i tryby barw
- Co CSS3 oferuje projektantom stron?
- Obsługa CSS3 w Internet Explorerze 6, 7 i 8
- Wykorzystanie CSS3 do projektowania i formatowania stron w przeglądarce
- Struktura reguł CSS
- Przedrostki autorskie i sposób ich wykorzystania
- Przydatne triki w CSS3
- Układ wielokolumnowy w CSS3 dla projektu skalowalnego
- Zawijanie tekstu
- Nowe selektory CSS3 i sposób ich wykorzystania
- Selektory atrybutów w CSS3
- Strukturalne pseudoklasy CSS3
- Poprawki wprowadzane w pseudoelementach
- Własna typografia sieciowa
- Reguła @font-face
- Odwołanie do fontów w regule @font-face
- Pomocy - moje nagłówki @font-face CSS3 yglądają okropnie!
- Uwagi na temat elementów typograficznych @font-face i elastycznego projektu strony
- Nowe formaty barw CSS3 i kanał alfa
- Tryb RGB
- Tryb HSL
- Awaryjne tryby barw dla Internet Explorera 6, 7 i 8
- Kanały alfa
- Podsumowanie
- Rozdział 6. Spektakularny wygląd i CSS3
- Cieniowanie tekstu w CSS3
- Obsługiwane tryby barw: HEX, HSL i RGB
- Jednostki: piksele, em i rem
- Blokowanie właściwości text-shadow
- Tworzenie efektu uwypuklenia za pomocą własności text-shadow
- Nakładanie wielu efektów cienia na tekst
- Cieniowanie komponentów
- Cieniowanie do wewnątrz elementu
- Nakładanie wielu cieni na element
- Gradienty tła
- Liniowe gradienty tła
- Gradienty kołowe
- Powtarzanie gradientu
- Wzorce tła gradientu
- Projektowanie elastyczne a CSS3
- Korzystanie z wielu właściwości CSS3 naraz
- Wiele obrazów tła naraz
- Wymiary tła
- Właściwość background position
- Skrócona deklaracja właściwości background
- Więcej właściwości CSS3
- Elastyczne ikony doskonałe dla projektu skalowalnego
- Podsumowanie
- Rozdział 7. Przejścia, transformacje i animacje w CSS3
- Czym są przejścia CSS3 i jak możemy z nich korzystać?
- Typy właściwości przejść
- Ciekawe typy przejść dla elastycznych stron
- Transformacje dwuwymiarowe a CSS3
- Co możemy poddać transformacji?
- Zabawa transformacjami trójwymiarowymi
- Składnia transformacji trójwymiarowych
- Transformacje trójwymiarowe wciąż raczkują
- Animacje w CSS3
- Łączenie animacji i transformacji CSS3
- Podsumowanie
- Rozdział 8. Opanowanie formularzy w HTML5 i CSS3
- Formularze a HTML5
- Komponenty w formularzach HTML5
- placeholder
- required
- autofocus
- autocomplete list (i powiązane elementy listy)
- Rodzaje kontrolek HTML5
- Kontrolki daty i godziny
- Wypełnienia dla starszych przeglądarek
- Selektory pseudoklas CSS3 dla formularzy
- Podsumowanie
- Rozdział 9. Rozwiązywanie problemów kompatybilności układów wrażliwych z przeglądarkami
- Ulepszenie postępowe a łagodna degradacja
- Praktyka
- Czy powinieneś naprawiać problemy we wszystkich wersjach Internet Explorera?
- Dane statystyczne (znowu)
- Kwestia własnego wyboru
- Modernizr - scyzoryk projektanta stron
- Rozwiązywanie problemów z formatowaniem
- Obsługa elementów HTML5 w starszych Internet Explorerach a Modernizr
- Implementacja obsługi zapytań medialnych w Internet Explorerze 6, 7 i 8
- Modernizr i wczytywanie warunkowe
- Transformacja nawigacji - menu pionowe
- Urządzenia z ekranami o wysokiej rozdzielczości (rzut okiem w przyszłość)
Zobacz spis treści
Sprawdź dostępność, zarezerwuj (zamów):
(kliknij w nazwę placówki - więcej informacji)