Muutke küpsiste eelistusi

Modern Web [Pehme köide]

3.91/5 (207 hinnangut Goodreads-ist)
  • Formaat: Paperback / softback, 264 pages, kõrgus x laius: 234x178 mm
  • Ilmumisaeg: 15-Apr-2013
  • Kirjastus: No Starch Press,US
  • ISBN-10: 1593274874
  • ISBN-13: 9781593274870
Teised raamatud teemal:
Modern WebSuurem pilt
  • Formaat: Paperback / softback, 264 pages, kõrgus x laius: 234x178 mm
  • Ilmumisaeg: 15-Apr-2013
  • Kirjastus: No Starch Press,US
  • ISBN-10: 1593274874
  • ISBN-13: 9781593274870
Teised raamatud teemal:
Püsilink: https://www.kriso.ee/db/9781593274870.html
Märksõnad:
Provides information on Web development for multiple devices, covering such topics as structure and semantics, device APIs, multimedia, and Web apps.

A Guide to Modern Web Development

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

Acknowledgments xv
Introduction 1(1)
The Device Landscape
2(5)
Desktop/Laptop
2(1)
Mobile
3(2)
Tablet
5(1)
TV
5(1)
The Others
6(1)
The In Betweeners
6(1)
The Multi-screen World
7(1)
Context: What We Don't Know
7(2)
Some Context Stereotypes
8(1)
"Fast" Is the Only Context That Matters
8(1)
What You'll Learn
9(1)
Further Reading
10(1)
1 The Web Platform
11(10)
A Quick Note About Terminology
12(1)
Who You Are and What You Need to Know
12(1)
Getting Our Terms Straight
13(1)
The Real HTML5
13(3)
The HTML5 Template
14(1)
New Best Practices
15(1)
CSS3 and Beyond
16(2)
Vendor-Specific Prefixes
17(1)
CSS Frameworks and Preprocessors
18(1)
Browser Support
18(1)
Test and Test and Test Some More
19(1)
Summary
20(1)
Further Reading
20(1)
2 Structure and Semantics
21(18)
New Elements in HTML5
22(4)
What's the Point?
23(1)
The Downside of HTML5 Sectioning Elements
24(2)
WAI-ARIA
26(2)
The Importance of Semantic Markup
28(1)
Microformats
29(1)
RDFa
30(1)
Microdata
31(4)
The Microdata API
32(1)
Microdata, Microformats, and RDFa
32(1)
Schema.org
33(1)
Rich Snippets
34(1)
Data Attributes
35(2)
The Data Attributes API
35(1)
iQuery and Data Attributes
36(1)
Data Attributes in the Wild
37(1)
Web Components: The Future of Markup?
37(1)
Summary
37(1)
Further Reading
38(1)
3 Device-Responsive CSS
39(26)
Media Queries
40(11)
Media Features Based on Dimensions
41(3)
Combining and Negating Media Queries
44(1)
A Quick Digression: All About Pixels
45(1)
Screen Resolution Media Queries
46(2)
Device Adaptation
48(2)
Input Mechanism Media Features
50(1)
Further Media Features
51(1)
Media Queries in JavaScript
51(2)
Adaptive vs. Responsive Web Design
53(3)
The box-sizing Property
54(1)
Dynamic Calculations on Length Values
55(1)
Viewport-Relative Length Units
56(3)
Root-Relative Units
56(1)
Mobile First and Content Breakpoints
57(2)
Responsive Design and Replaced Objects
59(4)
The Image Problem
62(1)
The HTML5 Responsive Images Solution
62(1)
Summary
63(1)
Further Reading
63(2)
4 New Approaches to CSS Layouts
65(24)
Multi-columns
66(4)
Gaps and Rules
67(1)
Spans and Breaks
68(2)
Flexbox
70(8)
Declaring the Flexbox Model
70(1)
Changing the Content Order
71(2)
Alignment Inside the Container
73(2)
Adding Some Flexibility
75(1)
Wrap and Flow
76(2)
Grid Layout
78(8)
Declaring and Defining the Grid
79(2)
Repeating Grid Lines
81(1)
Placing Items on the Grid
81(2)
Alignment and Stacking
83(1)
The September 2012 Grid Layout Syntax
84(1)
On the Grid Layout Iorminology
85(1)
Grid Template
85(1)
The Further Future
86(1)
Summary
86(1)
Further Reading
87(2)
5 Modern Javascript
89(18)
New in JavaScript
90(8)
The async and defer Attributes
90(1)
The addEventListener Method
91(3)
The DOMContentLoaded Event
94(1)
Input Events
94(2)
CSS Selectors in JavaScript
96(1)
The getElementsByClassName() Method
97(1)
Interacting with Classes
97(1)
JavaScript Libraries
98(6)
iQuery
98(2)
YepNope
100(1)
Modernizr
101(1)
Mustache
102(2)
Polyfills and Shims
104(1)
Testing and Debugging
105(1)
Summary
106(1)
Further Reading
106(1)
6 Device Apis
107(18)
Geolocation
108(2)
Orientation
110(1)
Fullscreen
111(2)
Vibration
113(1)
Battery Status
114(1)
Network Information
115(1)
Camera and Microphone
116(1)
Web Storage
117(2)
Drag and Drop
119(2)
Interacting with Files
121(2)
Mozilla's Firefox OS and WebAPIs
123(1)
PhoneGap and Native Wrappers
123(1)
Summary
124(1)
Further Reading
124(1)
7 Images and Graphics
125(16)
Comparing Vectors and Bitmaps
126(1)
Scalable Vector Graphics
126(9)
Anatomy of an SVG Image
127(1)
Linked SVG Files
128(2)
Embedded SVG
130(2)
SVG Filters
132(2)
The Convergence of SVG and CSS
134(1)
A Drawback of SVG
135(1)
The canvas Element
135(3)
Image Manipulation
137(1)
WebGL
138(1)
When to Choose SVG or Canvas
138(1)
Summary
139(1)
Further Reading
139(2)
8 New Forms
141(20)
New Input Types
142(2)
New Attributes
144(2)
autofocus
144(1)
placeholder
144(1)
autocomplete
145(1)
spellcheck
145(1)
multiple
145(1)
form
146(1)
Datalists
146(1)
On-Screen Controls and Widgets
147(4)
Numbers
147(1)
Dates
148(2)
Color
150(1)
Displaying Information to the User
151(3)
progress
151(1)
meter
152(1)
output
153(1)
Client-side Form Validation
154(2)
The Constraint Validation API
156(3)
Forms and CSS
159(1)
Summary
160(1)
Further Reading
160(1)
9 Multimedia
161(16)
The Media Elements
162(6)
Extra Attributes for the video Element
163(1)
Multiple Source Files
164(1)
Fallbacks
165(2)
Subtitles and Captions
167(1)
Encoding
168(1)
Media Fragments
168(1)
The Media API
169(4)
Network and Ready States
172(1)
Extra Properties for Audio and Video
173(1)
Media Events
173(1)
Advanced Media Interaction
174(1)
Web Audio API
174(1)
WebRTC
174(1)
Summary
175(1)
Further Reading
175(2)
10 Web Apps
177(14)
Web Apps
178(3)
Hosted vs. Packaged Apps
178(1)
Manifest Files
179(2)
W3C Widgets
181(1)
Hybrid Apps
181(3)
PhoneGap
182(2)
Titanium
184(1)
TV Apps
184(1)
Webinos
185(1)
Application Cache
185(3)
Contents of the AppCache File
186(1)
The Caching Sequence
186(1)
The AppCache API
187(1)
Summary
188(1)
Further Reading
188(3)
11 The Future
191(20)
Web Components
192(8)
Templates
192(2)
Decorators
194(3)
Custom Elements
197(1)
The Shadow DOM
198(2)
Putting It All Together
200(1)
The Future of CSS
200(9)
Regions
200(2)
Exclusions
202(3)
Even Further Future Layouts
205(2)
Feature Queries
207(1)
Cascading Variables
208(1)
Summary
209(1)
Further Reading
209(2)
A Browser Support as of March 2013
211(6)
The Browsers in Question
212(1)
Enabling Experimental Features
212(5)
Chapter 1 The Web Platform
213(1)
Chapter 2 Structure and Semantics
213(1)
Chapter 3 Device-Responsive CSS
213(1)
Chapter 4 New Approaches to CSS Layouts
214(1)
Chapter 5 Modern JavaScript
214(1)
Chapter 6 Device APIs
215(1)
Chapter 7 Images and Graphics
215(1)
Chapter 8 New Forms
215(1)
Chapter 9 Multimedia
216(1)
Chapter 10 Web Apps
216(1)
Chapter 11 The Future
216(1)
B Further Reading
217(10)
Introduction
217(10)
Chapter 1 The Web Platform
218(1)
Chapter 2 Structure and Semantics
219(1)
Chapter 3 Device-Responsive CSS
220(1)
Chapter 4 New Approaches to CSS Layouts
221(1)
Chapter 5 Modern JavaScript
221(1)
Chapter 6 Device APIs
222(1)
Chapter 7 Images and Graphics
223(1)
Chapter 8 New Forms
223(1)
Chapter 9 Multimedia
224(1)
Chapter 10 Web Apps
225(1)
Chapter 11 The Future
225(2)
Index 227