Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
可遇见的WEB
Search
time zhong
March 14, 2014
Technology
0
150
可遇见的WEB
time zhong
March 14, 2014
Tweet
Share
More Decks by time zhong
See All by time zhong
跨越不可能-让WebApp如Native般顺滑
timezhong
0
130
MAY I EAT WEB SPEECH
timezhong
0
110
一起移动吧-交互篇
timezhong
0
130
一起移动吧-基础篇
timezhong
1
66
有沟必火
timezhong
1
150
我的一天
timezhong
0
120
被解放的GPU
timezhong
1
160
网站字体渲染过程
timezhong
7
900
Other Decks in Technology
See All in Technology
The 5 Obstacles to High-Performing Teams
mdalmijn
0
270
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
890
TAMとre:Capセキュリティ編 〜拡張脅威検出デモを添えて〜
fujiihda
1
110
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.7k
飲食店予約台帳を支えるインタラクティブ UI 設計と実装
siropaca
6
1.4k
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
君も受託系GISエンジニアにならないか
sudataka
2
370
室長と気ままに学ぶマイクロソフトのビジネスアプリケーションとビジネスプロセス
ryoheig0405
0
320
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
GraphQLとの向き合い方2022年版
quramy
44
13k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.1k
Building an army of robots
kneath
302
45k
Music & Morning Musume
bryan
46
6.3k
How STYLIGHT went responsive
nonsquared
98
5.3k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Transcript
None
你所不是很满意的今天,是昨天的⼈人的奢望的明天。
集成 集成
VIEWPORT PERCENTAGE UNITS 1vw=1% of viewport width ! 1vh=1% of
viewport height ! ! 1vmin=min(1vw,1vh) ! 1vmax=max(1vw,1vh)
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
None
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
http://farm7.staticflickr.com/6182/6153481666_4a9bd95388_o.jpg http://www.flickr.com/photos/djericray/9688757269/sizes/h/in/photostream/ 开放
Battery API
! Battery API
! Battery API
MEDIA CAPTURE
MIUI 4.2.27
CSS FILTER PHOTOBOOTH DEMO
None
<input type="file" name="file" accept="image/*" capture> அᅶ ࿊౼གྷႵ֥ ౼ཨ
DEVICE APIS WORKING GROUP http://www.w3.org/2009/dap/
W3C的标准制定流程 ⼯工作草案 (Working Draft, WD) http://www.chinaw3c.org/digital-library.html 备选推荐标准 (Candidate Recommendation, CR)
提案推荐标准 (Proposed Recommendation, PR) 推荐标准 (Recommendation)
LIVE INPUT TO WEB AUDIO API AUTO TRANSLATE
CHROME STATUS
当然远不⽌止这些... calc() datalist data binding Geolocation API Page Visibility API
Client-side Download Screen Orientation API Access Native Hardware ! …
Thank You :)