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
后IE6时代
Search
kaiye
September 06, 2012
Technology
1
1.4k
后IE6时代
在IE6即将消失的时代,中国前端开发者能做些什么,从哪开始做?
kaiye
September 06, 2012
Tweet
Share
More Decks by kaiye
See All by kaiye
大话前端黑客
kaiye
4
320
前端七年之路
kaiye
8
410
拍拍首页2012版前端技术应用
kaiye
2
280
CSS3/JS/Flash版动画角标的实现与比较
kaiye
0
150
GDD 2011 in Guangzhou
kaiye
0
1.8k
拍首2011前端技术分享
kaiye
1
180
Notification 3
kaiye
0
96
前端开发眼中的组件库
kaiye
3
420
Notification 2
kaiye
0
81
Other Decks in Technology
See All in Technology
スタックチャン家庭用アシスタントへの道
kanekoh
0
120
AIエージェントが書くのなら直接CloudFormationを書かせればいいじゃないですか何故AWS CDKを使う必要があるのさ
watany
18
7.6k
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
410
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
820
Deep Security Conference 2025:生成AI時代のセキュリティ監視 /dsc2025-genai-secmon
mizutani
4
2.9k
Bill One 開発エンジニア 紹介資料
sansan33
PRO
4
13k
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
2
2k
伴走から自律へ: 形式知へと導くSREイネーブリングによる プロダクトチームの信頼性オーナーシップ向上 / SRE NEXT 2025
visional_engineering_and_design
3
460
PHPからはじめるコンピュータアーキテクチャ / From Scripts to Silicon: A Journey Through the Layers of Computing
tomzoh
2
120
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.7k
公開初日に Gemini CLI を試した話や FFmpeg と組み合わせてみた話など / Gemini CLI 初学者勉強会(#AI道場)
you
PRO
0
1.3k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.2k
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Fireside Chat
paigeccino
37
3.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Being A Developer After 40
akosma
90
590k
Faster Mobile Websites
deanohume
308
31k
The Cult of Friendly URLs
andyhume
79
6.5k
Agile that works and the tools we love
rasmusluckow
329
21k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Music & Morning Musume
bryan
46
6.7k
Transcript
后IE6时代+ kaiye @ Notification 4
IE6 Countdown http://www.ie6countdown.com/
March 1, 2010
RIP in 中国?
RIP in 中国? 50周后降到1%
也许用不了那长时间 • 史密达的速度让人瞠目结舌 http://gs.statcounter.com/ #browser_version-KR- monthly-200912-201204 • WHY? 政府法律 SEED
开源社区 opentochoice.org
唯⼀一不变的 就是变化 自动升级的IE 更安全的网银 ⼀一个爱维稳的政府:( 鸿祎教主拯救世界?
大伯(太伯) (16:47:16): 拒绝IE6就是拒绝74%的用户,拒绝IE浏览就是拒绝99%的衣食父母,你看着办吧 鸽子(520xiaogezi) (16:50:53): 感谢番茄,感谢IE6--让我地有工做,有饭食,吾露宿街头
前端开发@后IE6时代
未来总是美好的 • 更少的调试时间 • 更炫的视觉效果 • 更爽的交互体验 • 更强的前端架构
调试时间-- • Position is Everything • MSDN: Details on our
CSS changes for IE7 • IE6 a:hover 的各种BUG • IE6最诡异的BUG
http abort / memory leak / ...
Visual Effect++ PNG32 & Alpha filter
更爽的交互体验 • :hover • position: fixed • background-attachment: fixed
<strong>前端架构</strong> • Box Model的统⼀一促进 响应式layout变革 • 模块化CSS • 清浮动方法统⼀一 •
WPO新台阶
后IE6时代关键前端技术 • min-width / min-height • 弹性流体布局 • :first-child /
.classA.classB • ._class{} • overflow:hidden • 并发连接数激增对前端架构的影响 • ::before ::after对前端技术的冲击
现实总是残酷的
Where We Start?
Chrome内裤上的线头 • 谭校长《那些被忽视的边框的边缘》 http://km.oa.com/group/15166/articles/ show/98785
给我⼀一个支点,我可以翘起地球
再加⼀一个DIV CSS可以实现⼀一切 给我⼀一个支点,我可以翘起地球
+
推动WEB向前发展 http://movethewebforward.org/cn/
推动后IE6时代变革 • 以彼之长,攻彼之短 filter: Alpha / Transition / Gradient /
... htc: DHTML behavior • IE7.js • DD_belatedPNG & DD_roundies
None
See Ya