Koubei F2E 饺子

2009.10.22

•浏览器20年图说简史

•HTML, CSS, and Web

Development Practices

Past, Present, and Future

http://images.sixrevisions.com/2009/09/29-

02_history_web_browser_infographic.jpg

http://meiert.com/en/blog/20091015/html-css-and-web-

development-practices/

•1991年WorldWideWeb 浏览器发布

•1993年，Mosaic 发布

•1994年，Netscape 成立

•1995年，IE 发布，浏览器之战即将爆发

•1996年，Opera 发布

•1998年，Mozilla 项目成立

浏览器20年简史

1

•1998年，Netscape 浏览器走向开源

•2002年，IE 开始主导浏览器市场

•2003年，苹果 Safari 浏览器登场

•2004年，Firefox 引发第二场浏览器之战

•2006年，IE7 发布

•2008年，Google 携 Chrome 参战

浏览器20年图说简史

1

Safari 4

Ie8

FF

Opera 10

Chrome 4

今年的浏览器版本

今年之后。。。

1990: HTML 1.0 (Tim Berners-Lee)

1994: CHSS (Håkon Wium Lie)

2.0 (Tim Berners-Lee, Dan Connolly)

1995: HTML 3.0 (Dave Raggett)

1996: CSS 1 (Bert Bos, Håkon Wium Lie)

1997: HTML 3.2 (Dave Raggett)

1997: ECMA-262, edition 1 (Guy L. Steele, Jr.)

1998: CSS 2 (Bert Bos, Ian Jacobs, Chris Lilley, Håkon Wium Lie)

1998: ECMA-262, edition 2 (Mike Cowlishaw)

1999: WCAG 1.0 (Wendy Chisholm, Ian Jacobs, Gregg 1995: SSP (Bert Bos)

1995: HTML Vanderheiden)

1999: ECMA-262, edition 3 (Mike Cowlishaw)

1999: HTML 4.01 (Ian Jacobs, Arnaud Le Hors, Dave Raggett)

HTML, CSS, and Web Development

Practices

2000: XHTML 1.0 (Jonny Axelsson, Tantek Çelik, Steven Pemberton, et al.)

2001: XHTML 1.1 (Murray Altheim, Shane McCarron)

2006: XHTML 2.0 (Jonny Axelsson, Masayasu Ishikawa, Steven Pemberton, et al.)

2008: WCAG 2.0 (Ben Caldwell, Michael Cooper, Loretta Guarino Reid, et al.)

Future

2010? CSS 2.1 (Bert Bos, Tantek Çelik, Ian Hickson, Håkon Wium Lie)

2010? ARIA 1.0 (Michael Cooper, James Craig, Lisa Seeman, et al.)

2010? ECMA-262, edition 5 (Allen Wirfs-Brock)

201…? CSS 3, in its entirety (Daniel Glazman, Ian Hickson, Håkon Wium Lie, et al.)

201…? HTML 5 (Ian Hickson)

HTML, CSS, and Web Development

Practices

20080703

200901

200910

20090702

神秘且伟大的Google

http://www.ashnotes.com/evolution-of-internal-site-search-at-taobao/

http://www.ashnotes.com/talk-about-internal-site-search/

Search.taobao.com

Order CSS properties alphabeticall

Indent child elements

Use comments to separate logical sections of code

Use extra spaces and tabulations to separate single properties

from their values

Group elements with the same properties

http://woorkup.com/2009/10/18/5-rules-to-write-more-readable-css-files/

Write More Readable CSS Files

http://www.tribbleagency.com/?p=6024

http://www.henjiandan.net/yansen/?p=1870

Windows 7 vs Ubuntu 9.10

•Puff

•UltraVPN

•无极•Linux（ 好像有系统自带的方法。ssh）

http://bbs.cnmo.com/thread-116810-1-1.html

http://www.erights.net/puff/setup_puff_003.exe

Fuck GWT

web之父Tim Berners-Lee

道歉说//原本可以省去

<meta name="description" content="test me" />

alert(description.content); // "test me"

Browser’s implied globals

http://phpied.com/files/ie-globals/ids.html

YUI team

Q&A

THX