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
140
可遇见的WEB
time zhong
March 14, 2014
Tweet
Share
More Decks by time zhong
See All by time zhong
跨越不可能-让WebApp如Native般顺滑
timezhong
0
110
MAY I EAT WEB SPEECH
timezhong
0
110
一起移动吧-交互篇
timezhong
0
120
一起移动吧-基础篇
timezhong
1
63
有沟必火
timezhong
1
130
我的一天
timezhong
0
110
被解放的GPU
timezhong
1
150
网站字体渲染过程
timezhong
7
850
Other Decks in Technology
See All in Technology
LLMプロダクト事業の立ち上げにおける挑戦
layerx
PRO
7
1.4k
XRミーティング 2024-03-20
1ftseabass
PRO
0
100
技術広報経験0のEMがエンジニアブランディングをはじめてみた
coconala_engineer
1
130
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
460
これまでのキャリアとこれからMLエンジニアとしてどう動くか
masatakashiwagi
0
290
私のRSpecの書き方 / How I write RSpec
tmtms
4
820
2023 Japan AWS Jr.Championsに選出されての振り返りとこれから
hiropy877
1
130
GitHub最新情報キャッチアップ 2024年3月
dzeyelid
16
3.2k
生成AI・LLM時代における 機械学習エンジニアとしてのキャリア戦略・開発戦略 / my-career-and-development-strategies-for-ml-engineer-2024
yuya4
3
240
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
210
継続的テストモデルを実現するためにスリーアミーゴスを用いた10Xでのシフトレフトの事例
nihonbuson
3
160
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
160
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
689
190k
The Illustrated Children's Guide to Kubernetes
chrisshort
28
46k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Keith and Marios Guide to Fast Websites
keithpitt
407
22k
A better future with KSS
kneath
230
16k
GraphQLの誤解/rethinking-graphql
sonatard
48
9.1k
Fantastic passwords and where to find them - at NoRuKo
philnash
35
2.4k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
58
14k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.3k
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 :)