开源软件名称：

开源软件地址：

开源编程语言：

开源软件介绍：

Awesome HTML5

A curated list of awesome HTML5 resources. Inspired by awesome-php and awesome-python

Table of Contents

• Articles and standards
• Multimedia capabilities
  • Audio
  • Media capture
  • Picture in Picture
  • Speech synthesis
  • Voice recognition
  • Virtual Reality (VR)
  • Web animations
• Elements
  • Canvas
  • Head
  • Sectioning
  • Media Elements
  • Forms
  • Time
  • WebVTT
  • HTML Imports
• Development APIs
  • Permissions
  • Geolocation
  • Cryptography
  • File
  • Frame timing
  • requestIdleCallback
  • requestAnimationFrame
  • Web payments
• Semantics
• Accessibility
• DOM management
  • Shadow DOM
  • Data Binding
  • Web Components
• Progressive web apps
  • Service Workers
  • Offline caching
  • Push Notifications
• Client side storage
• Performance
• Mobile
• Communications and interoperability
  • Web Sockets
  • WebRTC
• Web Workers
• WebGL
• Browser compatibility
• Books
• Game development
• Bootcamp
• Videos and Keynotes
• Websites and resources
  • Websites
  • Weekly news
  • Twitter
• Contributing

Articles and standards

• HTML 5.3 - Current HTML5 spec
• Progressive enhancement
• The extensible web manifesto
• Differences between HTML5 and HTML4 from W3C

Multimedia capabilities

Audio

• Getting started with the Web Audio API
• Web Audio API at MDN
• Making a Guitar Tuner with HTML5
• Audio visualisation with the Web Audio API and React

Media Capture

• Capturing Audio & Video in HTML5
• Using the media capture API

Picture in Picture

• Chrome's new Picture in Picture API

Speech Synthesis

• Intro to the HTML5 Speech Synthesis API
• Another useful intro

Voice Recognition

• Web speech API demo
• Using the Web Speech API
• Experimenting with the Web Speech API
• Free voice recognition library (annyang)

Virtual Reality

• Firefox Reality now available

Web animations

• Intro to web animations
• When to Use the Web Animations API

Elements

Canvas

• Brief description from W3 Schools
• Tutorial from MDN
• Various Tutorials
• Cheat Sheet

Head

• A list of things that go in your pages' HEAD element

Sectioning

• How to Use The HTML5 Sectioning Elements

Media Elements

• Audio and Video
  • audio tag from W3Schools
  • video tag from W3 Schools
  • Tutorial from MDN
  • Capturing audio and video in HTML5
• embed tag
  • Brief description from W3 Schools
• source tag
  • Brief description from W3 Schools
• track tag
  • Brief description from W3 Schools

Forms

• Changes to forms in HTML5 from MDN
• HTML Forms

Details

• How to Use the Details and Summary Elements
• Details element polyfill

Time

• Time element guide

WebVTT

• First draft from W3C

HTML Imports

• Introduction to HTML imports

Development APIs

Permissions

• Permissions API for the Web by Google

Geolocation

• Using Geolocation
• HTML5 Apps: Positioning with Geolocation

Cryptography

• Web Cryptography API draft
• Table of web cryptography support
• Window.crypto
• Cryptography next steps from W3C

File

• Using files from web applications (MDN)
• Reading local files in JavaScript
• File API Draft
• File system API

Frame timing

• Video from google developers
• Draft from W3C

requestIdleCallback

• On Google developers

requestAnimationFrame

• Using requestAnimationFrame (CSS Tricks)
• Great article by Paul Irish

Web payments

• Web payments API overview

Semantics

• Semantic elements from W3Schools
• Sections and Outlines of an HTML5 from MDN Document
• HTML5 Semantics from Smashing Magazine
• Lesser known semantics element from W3C & Opera

Accessibility

• Excellent intro to accessibility from Google's fundamentals
• Accessibility checklist for web developers
• ARIA from MDN
• Great Accessibility Style Guide
• Designing for Cognitive Differences
• Guide on how HTML elements are supported by screen readers
• Top 25 Accessibility Testing Tools for Website
• Web Accessibility Evaluation Tools List from W3
• Pa11y - automated accessibility testing
• Aria in HTML
• Accessible and Responsive HTML5 Video Player

DOM Management

Shadow DOM

• Shadow DOM v1: self-contained web components
• What's New in Shadow DOM v1 (by examples)

Data Binding

• Data-binding Revolutions with Object.observe()

Web Components

• Custom elements v1: reusable web components
• The power of web components
• Polymer project
• A Quick Introduction To Polymer
• Building web components using Polymer and ES6 classes
• Demythstifying Web Components
• HTML imports
• Building Webapps with Yeoman and Polymer

Progressive web apps

• Intro to PWAs
• An Extensive Guide To Progressive Web Applications
• The Business Case for Progressive Web Apps

Service Workers

• Service Worker fundamentals
• ServiceWorkies - Learn SWs playing a game
• The Service Worker Cookbook
• Offline content with service workers
• Making a Service Worker: a case study (Smashing Magazine)
• Service workers explained
• Service Worker Libraries, Totally Tooling Tips
• ServiceWorker: Revolution of the Web Platform

Offline caching

• The Offline Cookbook
• Instant-loading Offline-first (Progressive Web App Summit 2016)
• Offline Storage for Progressive Web Apps (article by Addy Osmani)
• A Beginner's Guide to Using the Application Cache

Push Notifications

• Web Push Notifications (Google's Web fundamentals)
• Push API W3C draft
• Notifications API spec

Client side storage

• Client-Side Storage
• Offline Cookbook
• Introduction to IndexedDB
• Real-World Off-Line Data Storage
• Local storage tutorial

Performance

• Accelerated Mobile Pages (AMP)
• Google developers best practices
• Optimizing performance from Google Web Fundamentals
• Resource hints draft (preconnect and preload)
• Prefetching and prerendeding
• Image compression
• Text compression
• Resource timing spec

Mobile

• The Web App Manifest (Google's fundamentals)
• Field guide to web applications
• 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
• Privacy analysis of the HTML5 Battery Status API
• HTML5 Network Information API
• Sencha Touch tutorials

Communications and interoperability

Web Sockets

• Introducing Websockets
• About HTML5 WebSocket
• HTML5 Web Sockets API

WebRTC

• What is WebRTC and how does it work
• WebRTC made simple
• WebRTC data channels tutorial
• WebRTC data channels from MDN

Web Workers

• Web Worker Basics
• How fast are web workers?
• Web Workers in MDN
• Getting started with Web Workers

WebGL

• WebGL Fundamentals

Browser compatibility

• I want to use
• Can I use...
• W3C quality tools
• HTML5 test
• HTML5 demos

Books

• Dive Into HTML5
• HTML5: Up and Running
• Using the HTML5 Filesystem API
• HTML5 Game Development Insights
• Web Design Playground: HTML & CSS The Interactive Way

Game development

• Getting started with HTML5 Game Development from Mozilla Hacks
• HTML 5 game development video series by Mozilla
• Info, news and tutorials
• Over 380 resources on HTML5 game development
• Opensource JavaScript game engines
  • Pixi.js
  • Phaser
  • MelonJS
  • Kiwi.js
  • Crafty
  • PhysicsJS
  • Stage.js
  • Cocos2d

Bootcamp

*Learn coding for free online *Free online cources

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!

Websites and resources

Websites

• HTML official reference (allows collaborative modification of content like wiki)
• HTML5 Rocks (news, tutorials and updates)
• HTML5 Gallery (a showcase of sites using HTML5 markup and API's)
• HTML5 development guide from MDN
• W3C Highlights form June 2014
• HTML5 Please (Know when HTML5 feature are ready to use)
• Keen HTML (Free interactive lessons to learn HTML)
• A Complete Guide to the Table Element

Weekly news

• HTML5 Weekly
• Mozilla Hacks Weekly Articles
• Responsive Design Newsletter

Twitter

• @html5
• @html5rock
• @html5gallery
• @html5doctor
• @GameDevHTML5
• @mozhacks
• @googlechrome

Other awesome lists

• awesome-awesomeness
• lists
• Community Curated Resources

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

评论

全部评论

专题导读

More+

10-27 六六分期app的软件客服如何联系？(六六分期
11-06 可心卡盟:win10系统火狐flash插件崩溃怎么
11-06 亲亲特价:怎么删除回收站图标
11-06 济南大学虚拟社区:鲁大师节能降温的具体办
11-06 xlueops.exe:无线网络安装向导
11-06 女斗合众国:win7系统cf与主机连接不稳定怎
11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头
11-06 qizideyouhuo:应用程序无法正常启动0xc0000
11-06 ipz-185:win7系统vcf文件怎么打开
11-06 傻哥蹦迪:win10系统s4怎么打开usb调试
11-06 八神浩树gtaste:回收站清空了怎么恢复
11-06 妖尾之黑色守护:win10系统电脑没有1440x900
11-06 校园至尊魔王小说:win7系统浏览网页时字体
11-06 女斗合众国:win10系统访问共享文件夹提示请
11-06 tokyo hot n0654:恢复win7系统默认字体一招
11-06 雨酷仙境:设置win7系统转移临时文件夹腾出
11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原
11-06 tunespotting:win10系统火狐flash插件总是
11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什
11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密
11-06 博益网首页:ao3网页版进入不了解决方法
11-06 漏斗子专栏: 网站数据分析小白易懂精华篇
11-06 见证双虹怎么做:win7系统开启telnet命令的
11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务
11-06 国光中学校歌:提交网站到alexa查询详细步骤
11-06 西安有情天:静态网页和动态网页的区别
11-06 红木雅尚斋:外部链接构造对网站的好处
11-06 前官礼遇：防止域名劫持–增强域安全性的10
11-06 密传二转答案: 中文分词算法有哪些
11-06 金泉家园邮编:百度快照劫持的表现及应对方

上一篇：

wayou/HTML5_Audio_Visualizer: An audio spectrum visualizer built with HTML5 Audi ...发布时间：2022-06-17

下一篇：

google/material-design-lite: Material Design Components in HTML/CSS/JS发布时间：2022-06-17

热门推荐

More+

• 

  delphi安装pngimage控件，不需要安装，只需

• 

  GitbookIO/gitbook:

• 

  CVE-2022-21777

• 

  juleswhite/mobile-cloud-asgn1

• 

  psf/requests: A simple, yet elegant, HTT

热门话题

More+

2022-11-06
剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期
2023-10-27

florent37/ViewAnimator: A fluent Android
2022-08-15

florent37/Shrine-MaterialDesign2: implem
2022-08-17

CVE-2020-36276
2022-09-23

SimpleSoftwareIO/simple-sms: Send and re
2022-08-13

阅读排行榜

1 六六分期app的软件客服如何联系？(六六分期

六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期
阅读：18144|2023-10-27
2 可心卡盟:win10系统火狐flash插件崩溃怎么

今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知
阅读：9633|2022-11-06
3 亲亲特价:怎么删除回收站图标

今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道
阅读：8161|2022-11-06
4 济南大学虚拟社区:鲁大师节能降温的具体办

今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要
阅读：8538|2022-11-06
5 xlueops.exe:无线网络安装向导

我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多
阅读：8439|2022-11-06
6 女斗合众国:win7系统cf与主机连接不稳定怎

今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不
阅读：9359|2022-11-06
7 0xc000022-[cf烟雾头]cf怎么调烟雾头

电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很
阅读：8410|2022-11-06
8 qizideyouhuo:应用程序无法正常启动0xc0000

我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法
阅读：7848|2022-11-06
9 ipz-185:win7系统vcf文件怎么打开

今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win
阅读：8395|2022-11-06
10 傻哥蹦迪:win10系统s4怎么打开usb调试

今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎
阅读：7387|2022-11-06

• 关于我们

  创业团队 加入我们 媒体报道 合作伙伴 公益事业

• 产品与服务

  寻求合作 项目投资 干货视频 经理人培训 招聘代理

• 解决方案

  一站式 制造业 教育科研 行业案例

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服

地址：深圳市南山区西丽大学城创智工业园

电邮：jeky_zhao#qq.com

移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap

返回顶部