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
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
2
320
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.4k
ビジネスモデリング道場 目的と背景
masuda220
PRO
9
410
一度 Expo の採用を断念したけど、 再度 Expo の導入を検討している話
ichiki1023
1
160
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.8k
運用しているアプリケーションのDBのリプレイスをやってみた
miura55
1
490
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
310
Building Products in the LLM Era
ymatsuwitter
10
5k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
11
2.9k
速くて安いWebサイトを作る
nishiharatsubasa
9
11k
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
アジャイル開発とスクラム
araihara
0
170
Featured
See All Featured
The Cult of Friendly URLs
andyhume
78
6.2k
The Language of Interfaces
destraynor
156
24k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Code Reviewing Like a Champion
maltzj
521
39k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Making Projects Easy
brettharned
116
6k
Rails Girls Zürich Keynote
gr2m
94
13k
A better future with KSS
kneath
238
17k
Become a Pro
speakerdeck
PRO
26
5.1k
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 :)