The Modern Web: Multi-Device Web Development with HTML5, CSS3, and JavaScriptToday’s web technologies are evolving at near–light speed, bringing the promise of a seamless Internet ever closer to reality. When users can browse the Web on a three-inch phone screen as easily as on a fifty-inch HDTV, what’s a developer to do? Peter Gasston’s The Modern Web will guide you through the latest and most important tools of device-agnostic web development, including HTML5, CSS3, and JavaScript. His plain-English explanations and practical examples emphasize the techniques, principles, and practices that you’ll need to easily transcend individual browser quirks and stay relevant as these technologies are updated. Learn how to: –Plan your content so that it displays fluidly across multiple devices –Design websites to interact with devices using the most up-to-date APIs, including Geolocation, Orientation, and Web Storage –Incorporate cross-platform audio and video without using troublesome plug-ins –Make images and graphics scalable on high-resolution devices with SVG –Use powerful HTML5 elements to design better forms Turn outdated websites into flexible, user-friendly ones that take full advantage of the unique capabilities of any device or browser. With the help of The Modern Web, you’ll be ready to navigate the front lines of device-independent development. |
Contents
1 | |
11 | |
Structure and Semantics | 21 |
DeviceResponsive CSS | 39 |
New Approaches to CSS Layouts | 65 |
Modern JavaScript | 89 |
Device APIs | 107 |
Images and Graphics | 125 |
Other editions - View all
Common terms and phrases
alignment Android AppCache applied audio autofocus blog browsers cache canvas Chapter Chrome columns console contains create custom element default defined desktop developer device’s display document event event listener example file fallback false FFmpeg field Figure filter find fired Firefox fires first fit flex Flexbox following code format function Further Reading Geolocation getUserMedia Grid Layout Here’s HTML5 I’ve iframe Ifyou implemented input types interactive Internet Explorer iPhone javaScript jQuery loaded manifest file markup means media queries media screen method microdata microformats mobile devices Modernizr native object Opera option PhoneGap pixels platform prefixes range RDFa script selector semantic shows smartphone Smashing Magazine spec specification style syntax tablet template updated user’s validation viewport WebKit what’s widget width