Responzívny webový dizajn s HTML5 a CSS3 - druhé vydanie: Vytvárajte responzívne webové stránky, ktoré sú odolné voči budúcnosti a spĺňajú požiadavky moderných používateľov webu

Recenzie čitateľov

Kniha je dobre prijímaná čitateľmi s predchádzajúcimi znalosťami webového dizajnu, pretože poskytuje spoľahlivé vysvetlenia a praktické rady týkajúce sa responzívneho webového dizajnu. Hoci skúsení čitatelia ju považujú za užitočnú a pútavú, niektorí zaznamenali nedostatočnú hĺbku niektorých tém a problémy s úpravou. Recenzie charakterizuje zmes chvály za zrozumiteľnosť a humor spolu s kritikou za chyby.

⬤ Jasné vysvetlenia, ktoré pomáhajú upevniť pojmy.
⬤ Praktické rady a reálne tipy pre responzívny webový dizajn.
⬤ Pútavý a vtipný štýl písania.
⬤ Dobré na osvieženie vedomostí a osvojenie si nových techník, najmä o Flexboxe.
⬤ Poskytuje užitočné zdroje a odkazy na hlbšie informácie.
⬤ Vhodné pre stredne pokročilých webových vývojárov.

⬤ Nevhodné pre úplných začiatočníkov.
⬤ Nedostatočná hĺbka v niektorých témach, ako napríklad CSS Grid.
⬤ Prítomnosť početných preklepov a chýb v úpravách.
⬤ Niektorí čitatelia považovali humor za prehnaný.
⬤ Prílišné spoliehanie sa na externé odkazy môže byť bez prístupu na internet nepohodlné.

(na základe 43 čitateľských recenzií)

Pôvodný názov:

Responsive Web Design with HTML5 and CSS3 - Second Edition: Build responsive and future-proof websites to meet the demands of modern web users

Obsah knihy:

Naučte sa HTML5 a CSS3, ktoré potrebujete, aby ste mohli navrhovať responzívne webové stránky, ktoré sú odolné voči budúcnosti a spĺňajú požiadavky moderných používateľov webu

Kľúčové vlastnosti

⬤ Učte sa a preskúmajte, ako využiť najnovšie funkcie HTML5 v kontexte responzívneho webového dizajnu.

⬤ Učte sa ovládať nový mechanizmus rozloženia Flexbox, kódovať responzívne obrázky a pochopiť, ako implementovať SVG v responzívnom projekte.

⬤ Urobte svoje stránky interaktívnymi pomocou animácií, transformácií a prechodov CSS.

Popis knihy

Webové stránky určené len pre stolné počítače už jednoducho nestačia. Vzhľadom na to, že používanie mobilného internetu stále rastie a tablety menia návyky pri spotrebe internetu, musíte vedieť, ako vytvárať webové stránky, ktoré budú jednoducho "fungovať" bez ohľadu na zariadenia, ktoré sa používajú na prístup k nim. Toto druhé vydanie knihy Responzívny webový dizajn s HTML5 a CSS3 vysvetľuje všetky kľúčové prístupy potrebné na vytvorenie a udržiavanie moderného responzívneho dizajnu.

Meniaci sa spôsob, akým pristupujeme na web, znamená, že ešte nikdy neexistoval väčší rozsah veľkostí obrazoviek a s tým spojených skúseností používateľov, ktoré treba zohľadniť. Vzhľadom na tieto najnovšie trendy, ktoré sú hnacou silou zmien v dizajne, typické webové stránky určené len pre počítače nespĺňajú ani minimálne očakávania, pokiaľ ide o štýl a použiteľnosť, čo môže byť veľmi dôležité, ak je vaša webová stránka ústredným prvkom vašej značky alebo značky vášho klienta. Responzívny webový dizajn s HTML5 a CSS3, druhé vydanie je aktualizovaná a vylepšená príručka, ktorá reaguje na najnovšie výzvy a trendy v oblasti webového dizajnu a poskytuje vám prístup k najefektívnejším prístupom k modernému responzívnemu dizajnu.

Naučte sa, ako vytvárať webové stránky s metodikou "responzívny a mobilný predovšetkým", ktorá umožňuje bezproblémové zobrazenie webovej stránky na každom zariadení, ktoré k nej pristupuje. Kniha Responzívny webový dizajn s HTML5 a CSS3, druhé vydanie, plná príkladov a dôkladného vysvetlenia moderných techník a syntaxe, poskytuje komplexný zdroj informácií o všetkom "responzívnom".

Toto aktualizované nové vydanie zahŕňa všetky najnovšie techniky a nástroje potrebné na vytváranie skvelých responzívnych návrhov, čím zaručuje, že vaše projekty nebudú "správne" vytvorené len dnes, ale aj v budúcnosti.

Všetky príklady kódu kapitol sú umiestnené na stránke rwd.education, ktorá je venovaná tejto knihe a ktorú vytvoril autor s použitím prístupov a techník, ktoré sú v nej prezentované.

Čo sa naučíte

⬤ Pochopiť, čo je to responzívny dizajn a prečo je pre moderný vývoj webových stránok nevyhnutný.

⬤ Značkovanie HTML5 je čistejšie, rýchlejšie a sémanticky bohatšie než čokoľvek predtým - naučte sa ho používať a jeho najnovšie funkcie.

⬤ Zapojte do svojich návrhov mediálne dotazy CSS3 a používajte rôzne štýly pre rôzne médiá. Dozviete sa aj o budúcich media queries, ktoré sa vyvíjajú v CSS4.

⬤ Responzívne obrázky umožňujú prezentovať rôzne obrázky v rôznych scenároch. Budeme sa zaoberať tým, ako načítať rôzne sady obrázkov v závislosti od veľkosti alebo rozlíšenia obrazovky a ako zobrazovať rôzne obrázky v rôznych kontextoch.

⬤ Zvládnutie formulárov Pridanie validácie a užitočných prvkov rozhrania, ako sú napríklad výbery dátumu a posuvníky rozsahu, len pomocou značiek HTML5.

⬤ Zapojte SVG do svojich responzívnych návrhov, aby ste poskytli obrázky nezávislé od rozlíšenia, a naučte sa, ako ich prispôsobiť a animovať.

⬤ Učte sa používať najnovšie funkcie CSS vrátane vlastných fontov, selektorov n-tého dieťaťa (a niektorých selektorov CSS4), vlastných vlastností CSS (premenných) a calc CSS.