可遇见的WEB

Transcript

2. 你所不是很满意的今天，是昨天的⼈人的奢望的明天。
3. 集成 集成
4. VIEWPORT PERCENTAGE UNITS 1vw=1% of viewport width ! 1vh=1% of viewport height ! ! 1vmin=min(1vw,1vh) ! 1vmax=max(1vw,1vh)
5. css: ! .layout-header{height:10vh;font-size:4vw;} .layout-body{height:80vh;} .layout-footer{height:10vh;} .col-aside{float:left;height:80vh;width:30vw;} .col-main{float:left;height:80vh;width:70vw;} html: ! <div class="layout-header">header</div> <div class="layout-body clearfix"> <div class="col-aside"></div> <div class="col-main"></div> </div> <div class="layout-footer"></div> aside footer main DEMO
7. INSTRINSIC SIZING css: ! body{display:flex;-webkit-justify-content:center;-webkit-align-items:center;} ! .box{ width:-webkit-fit-content;/*fit-content,min-content,max-content,fill-available*/ height:-webkit-fit-content; } html: ! <div class=“box”></div> DEMO
8. http://farm7.staticflickr.com/6182/6153481666_4a9bd95388_o.jpg http://www.flickr.com/photos/djericray/9688757269/sizes/h/in/photostream/ 开放
9. 
 Battery API 

10. ! Battery API 

11. ! Battery API 

12. MEDIA CAPTURE
13. MIUI 4.2.27
14. CSS FILTER PHOTOBOOTH DEMO
16. <input type="file" name="file" accept="image/*" capture> அᅶ ࿊౼གྷႵ֥ ౼ཨ
17. DEVICE APIS WORKING GROUP http://www.w3.org/2009/dap/
18. W3C的标准制定流程 ⼯工作草案 （Working Draft, WD） http://www.chinaw3c.org/digital-library.html 备选推荐标准 （Candidate Recommendation, CR） 提案推荐标准 （Proposed Recommendation, PR） 推荐标准 （Recommendation）
19. LIVE INPUT TO WEB AUDIO API AUTO TRANSLATE
20. CHROME STATUS
21. 当然远不⽌止这些... calc() datalist data binding Geolocation API Page Visibility API Client-side Download Screen Orientation API Access Native Hardware ! …
22. Thank You :)