狠狠撸

狠狠撸Share a Scribd company logo
Css3.0 Manual项目分享会
项目介绍




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

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




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




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




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




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




 圆觊效果




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




 文字阴影




        是否可考虑作为Qzone日志里醒目灯、
        发光字效果的一个补充?




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




 @font-face属性




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




 边框图片




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




 关注度:




                                                  CSS2
                                                  CSS 2
                                                  CSS3
                                                  CSS 3




 Filter : Web search Worldwide   Last 12 months
                                                          CSS 3.0
                                                          项目介绍
                                                          开发过程
                                                          技术难点
                                                          商业价值
                                                          遗留问题
项目介绍




 关注度:




                                                CSS2
                                                CSS 2
                                                CSS3
 Filter : Web search   China   Last 12 months   CSS 3




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




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

? 比CSS2更加的强大与细致…
? 关注度高,备受期待 …
? 技术前沿,业界领先…
? 提升团队影响力,加强团队对CSS3的认识;



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




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




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




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

                                          9个属性(约30个相关属性)的资料收集,
资料收集与整理           2009/04/10~2009/04/16                        翻译的精准度
                                          已输出成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 示例部分包括代码及效果图                 与下阶段可同时迚行

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

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




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




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

       V1
            V2
                 V3
                      V4




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




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




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




? 中文资料少,对英文翻译功底要求较高;
? 基础语法要求字斟句酌,避免产生歧义;
? 兼容性列表涉及浏览器及版本众多;
? 草案中的Grid布局被业界同仁普遍认为比“天书”还难…
? 在需求时间比较紧迫的情况下,都加班完成项目组的既定任务。


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




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




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




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




       CSS 3.0
       CSS 3.0
       项目介绍
       开发过程
       项目介绍
       技术难点
       商业价值
       成员表现
       遗留问题
商业价值-用户好评度
                                        非IE浏览器体验
                                        就是很好…


         这个圆觊太cool了!




                             很上流的效果。。


                                          NB大了。。



             CSS 3.0 特性首次在
             海量服务中应用啊!                        CSS 3.0
             其实是伟大的一步                         项目介绍
                                              开发过程
                                              技术难点
                                              商业价值
                                              遗留问题
商业价值-用户好评度


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

      82470149




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


                                                  31540205

Ifireyy.com
                 CSS3的出现,让代码更简洁、页面结构更合理,性能和
                 效果得到兼顾。                             CSS 3.0
                 Qzone作为领域领先的产物,改版乊前一直背负着“IE
                                                     项目介绍
                 only”、打开速度慢等问题,应用CSS3可以帮助Qzone      开发过程
                 成为一个可用性强,简洁高效的产物。                   技术难点
                 我觉得Qzone下一步可以尝试结合HTML5和CSS3。        商业价值
                                                     遗留问题
商业价值




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




 ? 聚合页提供的信息量较少;
 ? 一个模块庞大而复杂,属性的划分有可优化的空间;
 ? 私有属性列表和兼容性列表有关联性,但表现方式上较独立;
 ?争取更多业务上的突破;
 ? …


                             CSS 3.0
                             项目介绍
                             开发过程
                             技术难点
                             商业价值
                             遗留问题
CS S 3 属 性 可 以 极 大 的 提 高 我 们 的 开 发 效 率 !
    CSS3 让优化工作有了新的突破!
           培养我们的用户…
Css3.0 Manual项目分享会
罢贬础狈碍厂!
Css3.0 Manual项目分享会
Ad

Recommended

Week12
Week12
Hayato
?
Fakta Analisa Sarana
Fakta Analisa Sarana
Brawijaya
?
POTW
POTW
DarxKnutson
?
Week13
Week13
Hayato
?
Programma Suigeneris
Programma Suigeneris
Antonio Candela
?
Week10
Week10
Hayato
?
David's POTW Solution
David's POTW Solution
DarxKnutson
?
Html&css培训 舒克
Html&css培训 舒克
jay li
?
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
?
Website Pracice Focusing on UX, Chinese
Website Pracice Focusing on UX, Chinese
multiple1902
?
漫谈飞别产前端
漫谈飞别产前端
woody huang
?
重构经验分享
重构经验分享
TenJessy
?
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
?
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
?
面向未来的重构
面向未来的重构
Kejun Zhang
?
Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)
ziggear
?
更好的文件组织
更好的文件组织
Kejun Zhang
?
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
drewz lin
?
体验的历程 Afooli
体验的历程 Afooli
Alite Yu
?
用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
grey0511
?
Developer vs designer
Developer vs designer
Robert Luo
?
Dminorstudio Introduction Chinese Verison
Dminorstudio Introduction Chinese Verison
dminorstudio
?
颁蝉蝉基础
颁蝉蝉基础
Sanmao Zhao
?
贬迟尘濒5和肠蝉蝉3入门
贬迟尘濒5和肠蝉蝉3入门
Xiujun Ma
?
HTML5 介绍
HTML5 介绍
S S
?
Webconf2013
Webconf2013
Tse-Ching Ho
?
产物及闯颈谤补流程完成
产物及闯颈谤补流程完成
chris pan
?

More Related Content

Similar to Css3.0 Manual项目分享会 (20)

Html&css培训 舒克
Html&css培训 舒克
jay li
?
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
?
Website Pracice Focusing on UX, Chinese
Website Pracice Focusing on UX, Chinese
multiple1902
?
漫谈飞别产前端
漫谈飞别产前端
woody huang
?
重构经验分享
重构经验分享
TenJessy
?
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
?
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
?
面向未来的重构
面向未来的重构
Kejun Zhang
?
Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)
ziggear
?
更好的文件组织
更好的文件组织
Kejun Zhang
?
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
drewz lin
?
体验的历程 Afooli
体验的历程 Afooli
Alite Yu
?
用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
grey0511
?
Developer vs designer
Developer vs designer
Robert Luo
?
Dminorstudio Introduction Chinese Verison
Dminorstudio Introduction Chinese Verison
dminorstudio
?
颁蝉蝉基础
颁蝉蝉基础
Sanmao Zhao
?
贬迟尘濒5和肠蝉蝉3入门
贬迟尘濒5和肠蝉蝉3入门
Xiujun Ma
?
HTML5 介绍
HTML5 介绍
S S
?
Webconf2013
Webconf2013
Tse-Ching Ho
?
产物及闯颈谤补流程完成
产物及闯颈谤补流程完成
chris pan
?
Html&css培训 舒克
Html&css培训 舒克
jay li
?
[2008]网站重构 -who am i
[2008]网站重构 -who am i
Twinsen Liang
?
Website Pracice Focusing on UX, Chinese
Website Pracice Focusing on UX, Chinese
multiple1902
?
漫谈飞别产前端
漫谈飞别产前端
woody huang
?
重构经验分享
重构经验分享
TenJessy
?
建立前端开发团队 (Front-end Development Environment)
建立前端开发团队 (Front-end Development Environment)
Joseph Chiang
?
淘宝前端技术巡礼
淘宝前端技术巡礼
jay li
?
面向未来的重构
面向未来的重构
Kejun Zhang
?
Web设计 1 创建好看的网页(布局与设计)
Web设计 1 创建好看的网页(布局与设计)
ziggear
?
更好的文件组织
更好的文件组织
Kejun Zhang
?
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
Top100summit东软 孙广宇-uni sdp基于html5构建的跨平台的统一智能设备解决方案
drewz lin
?
体验的历程 Afooli
体验的历程 Afooli
Alite Yu
?
用户体验的 要素 很好的资料
用户体验的 要素 很好的资料
grey0511
?
Developer vs designer
Developer vs designer
Robert Luo
?
Dminorstudio Introduction Chinese Verison
Dminorstudio Introduction Chinese Verison
dminorstudio
?
贬迟尘濒5和肠蝉蝉3入门
贬迟尘濒5和肠蝉蝉3入门
Xiujun Ma
?
HTML5 介绍
HTML5 介绍
S S
?
产物及闯颈谤补流程完成
产物及闯颈谤补流程完成
chris pan
?

Css3.0 Manual项目分享会

  • 2. 项目介绍 项目名称:CSS 3.0 参考手册 「 CSS 3.0 Manual 」 CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用 于(增强)控制网页样式并允许将样式信息与网页内容分离的一种 标记性语言。 CSS 3.0 则表示下一版本的CSS,3.0是版本号。 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 3. 项目介绍 究竟CSS 3 给我们带来了什么惊喜呢? CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 4. 项目介绍 CSS Tricks票选最令用户期待的CSS3新功能 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 5. 项目介绍 圆觊效果 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 6. 项目介绍 文字阴影 是否可考虑作为Qzone日志里醒目灯、 发光字效果的一个补充? CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 7. 项目介绍 @font-face属性 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 8. 项目介绍 边框图片 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 9. 项目介绍 关注度: CSS2 CSS 2 CSS3 CSS 3 Filter : Web search Worldwide Last 12 months CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 10. 项目介绍 关注度: CSS2 CSS 2 CSS3 Filter : Web search China Last 12 months CSS 3 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 11. 项目介绍 为什么要做本次调研工作? ? 比CSS2更加的强大与细致… ? 关注度高,备受期待 … ? 技术前沿,业界领先… ? 提升团队影响力,加强团队对CSS3的认识; CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 12. 开发过程 快速迭代 , 小步快跑的开发模式 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 13. 开发过程 项目拆分 开发周期 备注 遗留问题 9个属性(约30个相关属性)的资料收集, 资料收集与整理 2009/04/10~2009/04/16 翻译的精准度 已输出成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 示例部分包括代码及效果图 与下阶段可同时迚行 完成IE、FireFox、opera、Safari、 浏览器兼容性测试 2009/05/30~2009/06/07 Chrome的浏览器兼容测试并提供私有属性 列表 制作简版聚合页,生成CHM文件 2009/06/05~2009/06/09 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 14. 开发过程 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 15. 开发过程 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 16. 开发过程 V1 V2 V3 V4 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 17. 开发过程 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 18. 开发过程 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 19. 技术难点 ? 中文资料少,对英文翻译功底要求较高; ? 基础语法要求字斟句酌,避免产生歧义; ? 兼容性列表涉及浏览器及版本众多; ? 草案中的Grid布局被业界同仁普遍认为比“天书”还难… ? 在需求时间比较紧迫的情况下,都加班完成项目组的既定任务。 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 20. 商业价值 在互联网的产物树立良好的业界技术形象 Do you already use CSS3 in your designs? CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 21. 商业价值 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 22. 商业价值 CSS 3.0 CSS 3.0 项目介绍 开发过程 项目介绍 技术难点 商业价值 成员表现 遗留问题
  • 23. 商业价值-用户好评度 非IE浏览器体验 就是很好… 这个圆觊太cool了! 很上流的效果。。 NB大了。。 CSS 3.0 特性首次在 海量服务中应用啊! CSS 3.0 其实是伟大的一步 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 24. 商业价值-用户好评度 如果能把你们腾讯对于重构的一些 经验汇集成书的话,应该好卖!像 css3的推广和应用一样,这些我们 都很关注。 82470149 Qzone一定要担起推广优 秀浏览器的重任呀! 31540205 Ifireyy.com CSS3的出现,让代码更简洁、页面结构更合理,性能和 效果得到兼顾。 CSS 3.0 Qzone作为领域领先的产物,改版乊前一直背负着“IE 项目介绍 only”、打开速度慢等问题,应用CSS3可以帮助Qzone 开发过程 成为一个可用性强,简洁高效的产物。 技术难点 我觉得Qzone下一步可以尝试结合HTML5和CSS3。 商业价值 遗留问题
  • 25. 商业价值 CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 26. 遗留问题 ? 聚合页提供的信息量较少; ? 一个模块庞大而复杂,属性的划分有可优化的空间; ? 私有属性列表和兼容性列表有关联性,但表现方式上较独立; ?争取更多业务上的突破; ? … CSS 3.0 项目介绍 开发过程 技术难点 商业价值 遗留问题
  • 27. CS S 3 属 性 可 以 极 大 的 提 高 我 们 的 开 发 效 率 ! CSS3 让优化工作有了新的突破! 培养我们的用户…