The modern web multi-device web development with HTML5, CSS3, and JavaScript
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 y...
Uložené v:
| Hlavný autor: | |
|---|---|
| Médium: | E-kniha Kniha |
| Jazyk: | English |
| Vydavateľské údaje: |
San Francisco, Calif
No Starch Press, Inc
2013
No Starch Press No Starch Press, Incorporated |
| Vydanie: | 1 |
| Predmet: | |
| ISBN: | 9781593274870, 1593274874 |
| On-line prístup: | Získať plný text |
| Tagy: |
Pridať tag
Žiadne tagy, Buďte prvý, kto otaguje tento záznam!
|
Obsah:
- The modern web : multi-device web development with HTML5, CSS3, and JavaScript -- About the Author; About the Technical Reviewer -- Acknowledgments -- Introduction -- Chapter 1: The Web Platform -- Chapter 2: Structure and Semantics -- Chapter 3: Device-Responsive CSS -- Chapter 4: New Approaches to CSS Layouts -- Chapter 5: Modern JavaScript -- Chapter 6: Device APIs -- Chapter 7: Images and Graphics -- Chapter 8: New Forms -- Chapter 9: Multimedia -- Chapter 10: Web Apps -- Chapter 11: The Future -- Appendix A: Browser Support as of March 2013 -- Appendix B: Further Reading -- Index.
- Intro -- About the Author -- About the Technical Reviewer -- Acknowledgments -- Introduction -- The Device Landscape -- Desktop/Laptop -- Mobile -- Tablet -- TV -- The Others -- The In Betweeners -- The Multi-screen World -- Context: What We Don't Know -- Some Context Stereotypes -- "Fast" Is the Only Context That Matters -- What You'll Learn -- Further Reading -- Chapter 1: The Web Platform -- A Quick Note About Terminology -- Who You Are and What You Need to Know -- Getting Our Terms Straight -- The Real HTML5 -- The HTML5 Template -- New Best Practices -- CSS 3 and Beyond -- Vendor-Specific Prefixes -- CSS Frameworks and Preprocessors -- Browser Support -- Test and Test and Test Some More -- Summary -- Further Reading -- Chapter 2: Structure and Semantics -- New Elements in HTML5 -- What's the Point? -- The Downside of HTML5 Sectioning Elements -- WAI-ARIA -- The Importance of Semantic Markup -- Microformats -- RDFa -- Microdata -- The Microdata API -- Microdata, Microformats, and RDFa -- Schema.org -- Rich Snippets -- Data Attributes -- The Data Attributes API -- jQuery and Data Attributes -- Data Attributes in the Wild -- Web Components: The Future of Markup? -- Summary -- Further Reading -- Chapter 3: Device-Responsive CSS -- Media Queries -- Media Features Based on Dimensions -- Combining and Negating Media Queries -- A Quick Digression: All About Pixels -- Screen Resolution Media Queries -- Device Adaptation -- Input Mechanism Media Features -- Further Media Features -- Media Queries in JavaScript -- Adaptive vs. Responsive Web Design -- The box-sizing Property -- Dynamic Calculations on Length Values -- Viewport-Relative Length Units -- Root-Relative Units -- Mobile First and Content Breakpoints -- Responsive Design and Replaced Objects -- The Image Problem -- The HTML5 Responsive Images Solution -- Summary -- Further Reading
- Chapter 10: Web Apps -- Chapter 11: The Future -- Appendix B: Further Reading -- Introduction -- Chapter 1: The Web Platform -- Chapter 2: Structure and Semantics -- Chapter 3: Device-Responsive CSS -- Chapter 4: New Approaches to CSS Layouts -- Chapter 5: Modern JavaScript -- Chapter 6: Device APIs -- Chapter 7: Images and Graphics -- Chapter 8: New Forms -- Chapter 9: Multimedia -- Chapter 10: Web Apps -- Chapter 11: The Future -- Index
- On-Screen Controls and Widgets -- Numbers -- Dates -- Color -- Displaying Information to the User -- progress -- meter -- output -- Client-side Form Validation -- The Constraint Validation API -- Forms and CSS -- Summary -- Further Reading -- Chapter 9: Multimedia -- The Media Elements -- Extra Attributes for the video Element -- Multiple Source Files -- Fallbacks -- Subtitles and Captions -- Encoding -- Media Fragments -- The Media API -- Network and Ready States -- Extra Properties for Audio and Video -- Media Events -- Advanced Media Interaction -- Web Audio API -- WebRTC -- Summary -- Further Reading -- Chapter 10: Web Apps -- Web Apps -- Hosted vs. Packaged Apps -- Hosted Web Apps -- Packaged Web Apps -- Manifest Files -- The Chrome Web Store -- The Firefox Marketplace -- W3C Widgets -- Hybrid Apps -- PhoneGap -- Granting Permissions -- The PhoneGap API -- PhoneGap Events -- Titanium -- TV Apps -- Webinos -- Application Cache -- Contents of the AppCache File -- The Caching Sequence -- The AppCache API -- Summary -- Further Reading -- Chapter 11: The Future -- Web Components -- Templates -- Decorators -- Scoped Styles -- Scoped Styles and Templates -- Custom Elements -- The Shadow DOM -- Putting It All Together -- The Future of CSS -- Regions -- Exclusions -- Exclusions and Grids -- Shaped Exclusions -- Even Further Future Layouts -- Box Alignment -- Line Grid -- Paged Media -- Feature Queries -- Cascading Variables -- Summary -- Further Reading -- Appendix A: Browser Support as of March 2013 -- The Browsers in Question -- Enabling Experimental Features -- Chapter 1: The Web Platform -- Chapter 2: Structure and Semantics -- Chapter 3: Device-Responsive CSS -- Chapter 4: New Approaches to CSS Layouts -- Chapter 5: Modern JavaScript -- Chapter 6: Device APIs -- Chapter 7: Images and Graphics -- Chapter 8: New Forms -- Chapter 9: Multimedia
- Chapter 4: New Approaches to CSS Layouts -- Multi-columns -- Gaps and Rules -- Spans and Breaks -- Flexbox -- Declaring the Flexbox Model -- Changing the Content Order -- Alignment Inside the Container -- Adding Some Flexibility -- Wrap and Flow -- Grid Layout -- Declaring and Defining the Grid -- Repeating Grid Lines -- Placing Items on the Grid -- Alignment and Stacking -- The September 2012 Grid Layout Syntax -- On the Grid Layout Terminology -- Grid Template -- The Further Future -- Summary -- Further Reading -- Chapter 5: Modern JavaScript -- New in JavaScript -- The async and defer Attributes -- The addEventListener Method -- The event Object -- Removing Event Listeners -- The DOMContentLoaded Event -- Input Events -- Touch Events -- Pointer Events -- CSS Selectors in JavaScript -- The getElementsByClassName() Method -- Interacting with Classes -- JavaScript Libraries -- jQuery -- YepNope -- Modernizr -- Mustache -- Polyfills and Shims -- Testing and Debugging -- Summary -- Further Reading -- Chapter 6: Device APIs -- Geolocation -- Orientation -- Fullscreen -- Vibration -- Battery Status -- Network Information -- Camera and Microphone -- Web Storage -- Drag and Drop -- Interacting with Files -- Mozilla's Firefox OS and WebAPIs -- PhoneGap and Native Wrappers -- Summary -- Further Reading -- Chapter 7: Images and Graphics -- Comparing Vectors and Bitmaps -- Scalable Vector Graphics -- Anatomy of an SVG Image -- Linked SVG Files -- SVG Sprites -- SVG Sprites with Fragments -- Embedded SVG -- SVG Filters -- The Convergence of SVG and CSS -- A Drawback of SVG -- The canvas Element -- Image Manipulation -- WebGL -- When to Choose SVG or Canvas -- Summary -- Further Reading -- Chapter 8: New Forms -- New Input Types -- New Attributes -- autofocus -- placeholder -- autocomplete -- spellcheck -- multiple -- form -- Datalists
- spellcheck -- multiple -- form -- Datalists -- On-Screen Controls and Widgets -- Numbers -- Dates -- Color -- Displaying Information to the User -- progress -- meter -- output -- Client-side Form Validation -- The Constraint Validation API -- Forms and CSS -- Summary -- I. Further Reading -- 9. Multimedia -- The Media Elements -- Extra Attributes for the video Element -- Multiple Source Files -- Fallbacks -- Subtitles and Captions -- Encoding -- Media Fragments -- The Media API -- Network and Ready States -- Extra Properties for Audio and Video -- Media Events -- Advanced Media Interaction -- Web Audio API -- WebRTC -- Summary -- J. Further Reading -- 10. Web Apps -- Web Apps -- Hosted vs. Packaged Apps -- Hosted Web Apps -- Packaged Web Apps -- Manifest Files -- The Chrome Web Store -- The Firefox Marketplace -- W3C Widgets -- Hybrid Apps -- PhoneGap -- Granting Permissions -- The PhoneGap API -- PhoneGap Events -- Titanium -- TV Apps -- Webinos -- Application Cache -- Contents of the AppCache File -- The Caching Sequence -- The AppCache API -- Summary -- K. Further Reading -- 11. The Future -- Web Components -- Templates -- Decorators -- Scoped Styles -- Scoped Styles and Templates -- Custom Elements -- The Shadow DOM -- Putting It All Together -- The Future of CSS -- Regions -- Exclusions -- Exclusions and Grids -- Shaped Exclusions -- Even Further Future Layouts -- Box Alignment -- Line Grid -- Paged Media -- Feature Queries -- Cascading Variables -- Summary -- L. Further Reading -- M. Browser Support as of March 2013 -- The Browsers in Question -- Enabling Experimental Features -- Chapter 1: The Web Platform -- Chapter 2: Structure and Semantics -- Chapter 3: Device-Responsive CSS -- Chapter 4: New Approaches to CSS Layouts -- Chapter 5: Modern JavaScript -- Chapter 6: Device APIs -- Chapter 7: Images and Graphics -- Chapter 8: New Forms
- The Image Problem -- The HTML5 Responsive Images Solution -- Summary -- D. Further Reading -- 4. New Approaches to CSS Layouts -- Multi-columns -- Gaps and Rules -- Spans and Breaks -- Flexbox -- Declaring the Flexbox Model -- Changing the Content Order -- Alignment Inside the Container -- Adding Some Flexibility -- Wrap and Flow -- Grid Layout -- Declaring and Defining the Grid -- Repeating Grid Lines -- Placing Items on the Grid -- Alignment and Stacking -- The September 2012 Grid Layout Syntax -- On the Grid Layout Terminology -- Grid Template -- The Further Future -- Summary -- E. Further Reading -- 5. Modern JavaScript -- New in JavaScript -- The async and defer Attributes -- The addEventListener Method -- The event Object -- Removing Event Listeners -- The DOMContentLoaded Event -- Input Events -- Touch Events -- Pointer Events -- CSS Selectors in JavaScript -- The getElementsByClassName() Method -- Interacting with Classes -- JavaScript Libraries -- jQuery -- YepNope -- Modernizr -- Mustache -- Polyfills and Shims -- Testing and Debugging -- Summary -- F. Further Reading -- 6. Device Apis -- Geolocation -- Orientation -- Fullscreen -- Vibration -- Battery Status -- Network Information -- Camera and Microphone -- Web Storage -- Drag and Drop -- Interacting with Files -- Mozilla's Firefox OS and WebAPIs -- PhoneGap and Native Wrappers -- Summary -- G. Further Reading -- 7. Images and Graphics -- Comparing Vectors and Bitmaps -- Scalable Vector Graphics -- Anatomy of an SVG Image -- Linked SVG Files -- SVG Sprites -- SVG Sprites with Fragments -- Embedded SVG -- SVG Filters -- The Convergence of SVG and CSS -- A Drawback of SVG -- The canvas Element -- Image Manipulation -- WebGL -- When to Choose SVG or Canvas -- Summary -- H. Further Reading -- 8. New Forms -- New Input Types -- New Attributes -- autofocus -- placeholder -- autocomplete
- Chapter 9: Multimedia -- Chapter 10: Web Apps -- Chapter 11: The Future -- N. Further Reading -- Introduction -- Chapter 1: The Web Platform -- Chapter 2: Structure and Semantics -- Chapter 3: Device-Responsive CSS -- Chapter 4: New Approaches to CSS Layouts -- Chapter 5: Modern JavaScript -- Chapter 6: Device APIs -- Chapter 7: Images and Graphics -- Chapter 8: New Forms -- Chapter 9: Multimedia -- Chapter 10: Web Apps -- Chapter 11: The Future -- Index -- About the Author -- Copyright
- Intro -- The Modern Web -- Advance Praise for The Modern Web -- Praise for Peter Gasston's The Book of CSS3 -- Dedication -- About the Author -- About the Technical Reviewer -- Acknowledgments -- Introduction -- The Device Landscape -- Desktop/Laptop -- Mobile -- Tablet -- TV -- The Others -- The In Betweeners -- The Multi-screen World -- Context: What We Don't Know -- Some Context Stereotypes -- "Fast" Is the Only Context That Matters -- What You'll Learn -- A. Further Reading -- 1. The Web Platform -- A Quick Note About Terminology -- Who You Are and What You Need to Know -- Getting Our Terms Straight -- The Real HTML5 -- The HTML5 Template -- New Best Practices -- CSS3 and Beyond -- Vendor-Specific Prefixes -- CSS Frameworks and Preprocessors -- Browser Support -- Test and Test and Test Some More -- Summary -- B. Further Reading -- 2. Structure and Semantics -- New Elements in HTML5 -- What's the Point? -- The Downside of HTML5 Sectioning Elements -- WAI-ARIA -- The Importance of Semantic Markup -- Microformats -- RDFa -- Microdata -- The Microdata API -- Microdata, Microformats, and RDFa -- Schema.org -- Rich Snippets -- Data Attributes -- The Data Attributes API -- jQuery and Data Attributes -- Data Attributes in the Wild -- Web Components: The Future of Markup? -- Summary -- C. Further Reading -- 3. Device-Responsive CSS -- Media Queries -- Media Features Based on Dimensions -- Combining and Negating Media Queries -- A Quick Digression: All About Pixels -- Screen Resolution Media Queries -- Device Adaptation -- Input Mechanism Media Features -- Further Media Features -- Media Queries in JavaScript -- Adaptive vs. Responsive Web Design -- The box-sizing Property -- Dynamic Calculations on Length Values -- Viewport-Relative Length Units -- Root-Relative Units -- Mobile First and Content Breakpoints -- Responsive Design and Replaced Objects