The modern Web multi-device Web development with HTML5, CSS3, and JavaScript
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...
Autor principal: | |
---|---|
Formato: | Libro electrónico |
Idioma: | Inglés |
Publicado: |
San Francisco :
No Starch Press
c2013.
|
Edición: | 1st edition |
Materias: | |
Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009628849406719 |
Tabla de Contenidos:
- 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.
- 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.
- 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.
- 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.