HTML5資源集合：Awesome HTML5

HTML5資源集合：Awesome HTML5。

Table of Contents

• Articles and standards
• Elements

  • Canvas
  • Media Elements
  • Forms
  • Time
  </ul> </li>
  • Semantics
  • Accessibility
  • DOM management

    • Shadow DOM
    • Data Binding
    • Web Components
    </ul> </li>
    • Client side storage
    • Geolocation
    • Performance
    • Mobile
    • Communications and interoperability

      • Web Sockets
      • WebRTC
      </ul> </li>
      • Web Workers
      • WebGL
      • Browser compatibility
      • Books
      • Game development
      • Videos and Keynotes
      • Websites and resources

        • Websites
        • Weekly news
        • 推ter
        </ul> </li>
        • Contributing
        </ul>

        Articles and standards

        • Differences bewtween HTML5 and HTML4 from W3C
        </ul>

        Elements

        Canvas

        • Brief description from W3 Schools
        • Tutorial from MDN
        • Various Tutorials
        • Cheat Sheet
        </ul>

        Media Elements

        • Audio and Video

          • audio tag from W3Schools
          • video tag from W3 Schools
          • Tutorial from MDN
          • Capturing audio and video in HTML5
          </ul> </li>
          • embed tag

            • Brief description from W3 Schools
            </ul> </li>
            • source tag

              • Brief description from W3 Schools
              </ul> </li>
              • track tag

                • Brief description from W3 Schools
                </ul> </li> </ul>

                Forms

                • HTML5 Form elements from W3Schools
                • Changes to forms in HTML5 from MDN
                </ul>

                Time

                • Time element guide
                </ul>

                Semantics

                • Semantic elements from W3Schools
                • Sections and Outlines of an HTML5 from MDN Document
                • HTML5 Semantics from Smashing Magazine
                </ul>

                Accessibility

                • ARIA from MDN
                • Accessibility in HTML5
                • Aria in HTML
                </ul>

                DOM Management

                Shadow DOM

                • Intro to Shadow DOM
                • Shadow DOM 101
                • Shadow DOM CSS and Styling
                • Advanced Concepts & DOM APIs
                </ul>

                Data Binding

                • Data-binding Revolutions with Object.observe()
                </ul>

                Web Components

                • Defininf custom HTML elements
                • HTML imports
                • Polymer project
                • Building Webapps with Yeoman and Polymer
                </ul>

                Client side storage

                • Client-Side Storage
                • Real-World Off-Line Data Storage
                • Local storage tutorial
                </ul>

                Geolocation

                • Using Geolocation
                • HTML5 Apps: Positioning with Geolocation
                </ul>

                Performance

                • Google developers best practices
                • Optimizing performance from Google Web Fundamentals
                • Tutorials from Google
                • Prefetching and prerendeding
                • Image compression
                • Text compression
                • Resource timing spec
                </ul>

                Mobile

                • Field guide to web applications
                • Tutorial: developing a PhoneGap application
                • Apache Cordova tutorial
                • PhoneGap from Scratch
                • Best practices for mobile web apps
                • Build mobile apps with Kendo UI
                • HTML5 Vibration API
                • HTML5 Battery Status API
                • HTML5 Network Information API
                • Sencha Touch tutorials
                </ul>

                Communications and interoperability

                Web Sockets

                • Using WebWorkers
                • Introducing Websockets
                </ul>

                WebRTC

                • WebRTC data channels tutorial
                • WebRTC data channels from MDN
                </ul>

                Web Workers

                • Web Worker Basics
                </ul>

                WebGL

                • WebGL Fundamentals
                </ul>

                Browser compatibility

                • Can I use...
                • HTML5 test
                • HTML5 demos
                </ul>

                Books

                • Dive into HTML5
                • HTML5: Up and Running
                • Using the HTML5 Filesystem API
                • HTML5 Game Development Insights
                </ul>

                Game development

                • Getting started with HTML5 Game Development from Mozilla Hacks
                • Info, news and tutorials
                • Opensource JavaScript game engines

                  • Pixi.js
                  • phaser
                  • MelonJS
                  • kiwi.js
                  • Crafty
                  • PhysicsJS
                  • cutjs
                  • cocos2d
                  </ul> </li> </ul>

                  Videos and Keynotes

                  • HTML5 Developer Conference
                  • Polymer: declarative, encapsulated, reusable components
                  • Making the mobile web fast, feature-rich, and beautiful
                  • Dart: HTML of the Future, Today!
                  </ul>

                  Websites and resources

                  Websites

                  • HTML5 Rocks (news, tutorials and updates)
                  • HTML5 Hub (developer community including articles, discussions and open projects)
                  • HTML5 Gallery (a showcase of sites using HTML5 markup and API's)
                  • HTML5 Doctor (tutorials and articles)
                  • HTML5 development guide from MDN
                  • W3C Highlights form June 2014
                  </ul>

                  Weekly news

                  • HTML5 Weekly
                  • Open Web Platform Daily Digest
                  • Mozilla Hacks Weekly Articles
                  • Responsive Design Newsletter
                  • Daily Nerd
                  </ul>

                  推ter

                  • @html5
                  • @html5rock
                  • @html5gallery
                  • @html5doctor
                  • @GameDevHTML5
                  • @mozhacks
                  • @mozappsdev
                  • @googlechrome
                  </ul>

                  Other awesome lists

                  • awesome-awesomeness
                  • lists
                    
                  </ul>

                  項目主頁：http://www.baiduhome.net/lib/view/home/1413446357184