30

Css3.0 Manual项目分享会

Embed Size (px)

DESCRIPTION

Css3.0 中文参考手册项目分享会PPT

Citation preview

Page 1: Css3.0 Manual项目分享会
Page 2: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS 3.0 则表示下一版本的CSS,3.0是版本号。

项目名称:CSS 3.0 参考手册 「 CSS 3.0 Manual 」

项目简介

Page 3: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

究竟CSS 3 给我们带来了什么惊喜呢?

项目简介

Page 4: Css3.0 Manual项目分享会

CSS Tricks票选最令用户期待的CSS3新功能 CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 5: Css3.0 Manual项目分享会

圆觊效果

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 6: Css3.0 Manual项目分享会

文字阴影

是否可考虑作为Qzone日志里醒目灯、

发光字效果的一个补充?

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 7: Css3.0 Manual项目分享会

@font-face属性

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 8: Css3.0 Manual项目分享会

边框图片

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 9: Css3.0 Manual项目分享会

CSS2

CSS 2

CSS 3

CSS3

Filter : Web search Worldwide Last 12 months

关注度:

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 10: Css3.0 Manual项目分享会

CSS2

CSS 2

CSS 3

CSS3

Filter : Web search China Last 12 months

关注度:

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

项目简介

Page 11: Css3.0 Manual项目分享会

比CSS2更加的强大与细致…

关注度高,备受期待 …

技术前沿,业界领先…

提升团队影响力,加强团队对CSS3的认识;

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

为什么要做本次调研工作?

项目简介

Page 12: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

快速迭代 , 小步快跑的开发模式

开发过程

Page 13: Css3.0 Manual项目分享会

项目拆分 开发周期 备注 遗留问题

资料收集与整理 2009/04/10~2009/04/169个属性(约30个相关属性)的资料收集,已输出成doc文件

翻译的精准度

制作单页模板 2009/04/17~2009/04/23围绕语法、取值、说明、兼容性列表及示例五部分制作模板,输出html文件

聚合页及附录页的交互支持;

兼容性列表的交互待优化;

制作单页,完成雏形 2009/04/24~2009/05/04针对语法、取值、说明分别,交付件:html文件

基础语法校对 2009/05/05~2009/05/15 针对语法、取值、说明三部分内容迚行校对 交互优化、内容的细化

示例的制作 2009/05/16~2009/05/29 示例部分包括代码及效果图 与下阶段可同时迚行

浏览器兼容性测试 2009/05/30~2009/06/07完成IE、FireFox、opera、Safari、Chrome的浏览器兼容测试并提供私有属性列表

制作简版聚合页,生成CHM文件 2009/06/05~2009/06/09CSS 3.0项目简介开发过程技术难点商业价值遗留问题

开发过程

Page 14: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

开发过程

Page 15: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

开发过程

Page 16: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

V1V2

V3

V4

开发过程

Page 17: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

开发过程

Page 18: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

开发过程

Page 19: Css3.0 Manual项目分享会

中文资料少,对英文翻译功底要求较高;

基础语法要求字斟句酌,避免产生歧义;

兼容性列表涉及浏览器及版本众多;

草案中的Grid布局被业界同仁普遍认为比“天书”还难…

在需求时间比较紧迫的情况下,都加班完成项目组的既定任务。

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

技术难点

Page 20: Css3.0 Manual项目分享会

在互联网的产品树立良好的业界技术形象Do you already use CSS3 in your designs?

商业价值

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

Page 21: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

商业价值

Page 22: Css3.0 Manual项目分享会

CSS 3.0项目简介技术难点成员表现遗留问题

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

商业价值

Page 23: Css3.0 Manual项目分享会

商业价值-用户好评度

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

很上流的效果。。

CSS 3.0 特性首次在

海量服务中应用啊!

其实是伟大的一步

NB大了。。

这个圆觊太cool了!

非IE浏览器体验就是很好…

Page 24: Css3.0 Manual项目分享会

商业价值-用户好评度

31540205

Qzone一定要担起推广优秀浏览器的重任呀!

Ifireyy.com

如果能把你们腾讯对于重构的一些经验汇集成书的话,应该好卖!像css3的推广和应用一样,这些我们都很关注。

CSS3的出现,让代码更简洁、页面结构更合理,性能和

效果得到兼顾。

Qzone作为领域领先的产品,改版乊前一直背负着“IE

only”、打开速度慢等问题,应用CSS3可以帮助Qzone

成为一个可用性强,简洁高效的产品。

我觉得Qzone下一步可以尝试结合HTML5和CSS3。

82470149

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

Page 25: Css3.0 Manual项目分享会

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

商业价值

Page 26: Css3.0 Manual项目分享会

遗留问题

CSS 3.0项目简介开发过程技术难点商业价值遗留问题

聚合页提供的信息量较少;

一个模块庞大而复杂,属性的划分有可优化的空间;

私有属性列表和兼容性列表有关联性,但表现方式上较独立;

争取更多业务上的突破;

Page 27: Css3.0 Manual项目分享会

CSS3 属性可以极大的提高我们的开发效率 !

CSS3 让优化工作有了新的突破 !

培养我们的用户…

Page 28: Css3.0 Manual项目分享会
Page 29: Css3.0 Manual项目分享会

THANKS!

Page 30: Css3.0 Manual项目分享会