W3C中国

W3C发布拼接与混合(Compositing and Blending Level 1)的标准草案最终征求意见稿

2014年1月7日,W3C的级联样式单(CSS)工作组可扩展矢量图(SVG)工作组联合发布了拼接与混合(Compositing and Blending Level 1)的新的标准草案最终征求意见稿(Last Call Working Draft)。这里的拼接是指如何将不同元素所对应的显示区域(shapes)拼接成一个单一的图像。有多种可能的方式实现这种内容拼接。之前版本的可扩展矢量图(SVG)采用简单的Alpha Compositing方法。在这个模型中,每个元素被渲染到各自的缓冲区中,然后使用Porter-Duff模型中的Source-Over混合方式合成为一幅图像。该标准草案将扩展简单Appha Compositing模型,并支持更多的Porter Duff混合方式,高级的混合模型(blending modes)也定义了当不同显示区域重叠时如何控制颜色的混合。此外,该文档还定义了用于混合(blending)和组隔离(group isolation)的CSS属性,并定义了类似HTML Canvas 2D Context, Level 2中的'globalcompositeoperation'。

欢迎您在2014年1月28日前提交对该标准草案的意见和建议。

更多信息,请参阅W3C的样式标准计划(Style Activity),以及图形样式计划(Graphics Activity)。 本文的英文版,请参阅Last Call: Compositing and Blending Level 1

W3C发布CSSOM视图模块(CSSOM View Module)标准工作草稿

2013年12月17日,W3C的级联样式单(CSS)工作组今天发布了CSSOM视图模块(CSSOM View Module)的工作草案。该标准引入了一系列的API,允许开发者以图形化界面的方式检查和处理文档。该规范还包括获取元素盒式布局(element layout boxes)的位置,通过脚本得到视图接口(viewport)的宽度,并支持元素滚动。

更多信息,请参阅CSS工作组

W3C发布CSS Shapes的标准草案最终征求意见稿

12月3日,W3C的级联样式单(CSS)工作组发布了CSS形状(CSS Shapes Module Level 1)的标准草案最终征求意见稿(Last Call Working Draft)。CSS Shapes允许开发者用CSS定义一个几何形状,在Level 1中,CSS Shapes可以,定义非矩形的形状,提供围绕指定形状的浮动布局(floats)能力。一般的盒模型(Box)允许内容围绕给定的矩形区域布局,而一个圆形形状的浮动布局,将使内容环绕所定义的圆形形状区域布局。CSS欢迎您于2014年1月7日提交对该标准草案的意见和建议。

更多信息,请参阅W3C的样式标准计划(Style Activity)。 

查看更多征集公众意见的标准草案,请参阅目前正在征求意见的标准草案及文档。  

W3C技术资料: 理解CSS规范

就算你不是一名计算机科学系的学生,甚至不用满十八岁或拿到学士学位,都可以读懂 W3C 的 CSS 文档,前提是你得乐于钻研,能耐下心,以及注重细节。

另外记住,规范并不是手册,如果你找到了一些文法或相关理解层面上的错误,欢迎指正。

从零开始

J. David Eisenberg 之前有为网页设计人员写过一篇《如何阅读 W3C 标准》,大家不妨看看这篇为初学者准备的文章。

如果在此之前你完全不懂 CSS,建议先去网上搜阅资料了解一下,比如可以以 W3C 为初学者准备的 CSS 2.1 入门指南 作为参考。但如果你想要更全面的了解 CSS,建议买本学习指南仔细阅读;记住,重点在理解 CSS 的基础上,而不是更多想着表面上的设计。找款文本编辑器,用所学的知识写个简单的网页,了解选择器权重(selector specificity)和外边距合并(margin collapsing),或者尝试加上这段 { border: 1px dashed gray; } 代码到你的网页中以勾勒出一个盒模型(box model)。至此,只有读懂基础知识才能全面的理解规范。

基础

理解 CSS 规范需要从「上下文(context)」、「语汇(vocabulary)」和「基础概念」开始,如果希望能够读透这些规范,你必须完全理解以下几个部分:

1. 首先,通过阅读最新的「CSS Snapshot」来初步了解现有的规范是怎样的情况,另外还可以看看「CSS 设计原理」这一小节;

2. 阅读 CSS 2.1 中的 第一章,当中解释了所有的 CSS 规范是如何整理的;

3. 阅读 CSS 2.1 中的 3.1 小节(规范是如何定义的),了解 CSS 规范中常用的词汇;

4. 仔细的阅读 CSS 2.1 中的以下几部分,因为其中的规章和概念能够向你详细解释 CSS 规范的实现意义: 

  -「指配属性值,层叠与继承」第六章,特别是其中的6.16.2 小节;

  -「盒尺寸」8.1 小节;

  -「可视化格式模型」9.1 小节;

  -「控制框生成」9.2 小节;

  -「定位方案」9.3 小节(副标题的内容);

  -「包含块的定义」10.1 小节;


在阅读规范的过程中,你可能会需要来回参考不同的文段来理解标准中某些字句相当晦涩的部分。

 

一些重要的细节

有些像 CSS 2.1 的 CSS 规范是有勘误表的,也就是在规范发布后才作出的纠正。当你在尝试解释规范中的某些定义时,一定要确保你看过了勘误表。虽然这些勘误并没有即时的放进规范正文中,但是这些纠正对规范至关重要,大家可以在每份规范的顶部找到勘误页面的链接。


加深理解

参与到编写规范工作本身是加深对其理解最好的方法(包括规范和规范所诠释的技术),尝试写一些测试案例,用你的代码解释为什么规范要这样写,如何起作用;或是加入 W3C 的 QA (Quality Assurance) 计划,从 CSS 社区中(比如文章作者、实现者以及规范作者)收获许多。重要的是,大家都可以通过编写/改进和对比不同的测试案例,以及回答有关测试案例的规范问题来学习并且向规范进行贡献。

» W3C CSS 一致性测试套件

W3C 在为 CSS 规范维护官方的一致性测试套件

» Mozilla 项目组

Mozilla 项目组维护着其 Gecko 页面排版引擎,即 Firefox、Netscape、Seamonkey、Camino、Flock 和诸多桌面浏览器的核心。

» WebKit 项目组

Webkit 项目组维护着其 WebKit 页面排版引擎,即 Safari、Omniweb、iCab 和诸多桌面浏览器的核心。

»  KDE 项目组

KDE 项目组维护着其 KHTML 页面排版引擎,即 Konqueror 桌面浏览器的核心,也是 WebKit 引擎的原始代码奠基。


提问

如果你已经细读过规范,但还有些不明白的地方,可以发送问题至 www-style 邮件列表(需要先订阅)向 CSS 专家们请教。

致谢:本文原载自 http://jsfiddle.net/2Pk6W/embedded/result/,感谢HTML5中文兴趣小组Jingtao Tommy Liu的翻译,及对本站转载的授权。

W3C发布Filter Effects, CSS Transforms的标准工作草案

W3C的级联样式单(CSS)工作组可扩展矢量图(SVG)工作组于11月26日联合发布了滤镜效果模块(Filter Effects Module Level 1)和CSS变换模块(CSS Transforms Module Level 1)的标准工作草案。

-  滤镜效果模块(Filter Effects Module Level 1): 滤镜效果是在文档显示时对元素进行渲染的处理方式。通常,通过CSS或SVG渲染一个元素的过程如下:元素首先被绘制到一个图像绘制缓冲区中,然后将缓冲区的图像合并到父节点中。滤镜效果可以在缓冲区图像被合并前对图像内容进行处理(如锐化、改变颜色的饱和度等)。尽管滤镜效果最初设计用于SVG图像的处理,但它也可适用于其他的表现环境(如CSS等)。滤镜效果由filter属性中的样式指令触发。

- CSS变换模块(CSS Transforms Module Level 1):该规范允许对经过CSS设定样式的元素,在二维或三维空间中进行变换。该文档定义了一组CSS属性,指导元素在绘制时通过二维或三维转换呈现某些特定效果(如立体效果),该文档是CSS 2D变换(2D transforms)、CSS 3D变换(3D transforms) 和SVG变换的合并。

CSS是描述结构化文本(如HTML、XML等)在屏幕、纸张、语音上如何绘制和展现的语言。更多信息,请参阅W3C的样式标准计划(Style Activity)图形标准计划(Graphics Activity)

 

W3C发布CSS书写模式(Writing Modes)的标准草案最终征求意见稿

11月26日,W3C的级联样式单(CSS)工作组发布了CSS书写模式(CSS Writing Modes Level 3)的标准草案最终征求意见稿(Last Call Working Draft)。CSS Writing Modes Level 3在CSS中对多种不同的国际化书写模式提供支持,如采用从左向右书写的拉丁文字和印度文字、从右向左的希尔伯特语文字或阿拉伯语文字、多语言的双向混合书写,以及部分亚洲语言从上向下的竖排书写文字等。在这一版本中,并未提供自下向上的反向竖排书写文字模式。欢迎您在2013年12月24日前反馈您对该标准草案的意见和建议。

更多信息,请参阅W3C的样式标准计划(Style Activity)

查看更多征集公众意见的标准草案,请参阅目前正在征求意见的标准草案及文档。   

免费的W3C在线培训课程:响应式Web设计 - 报名已截止

W3C 11月25日开放了新的在线培训课程-响应式Web设计(Responsive Web Design)在线培训课程。课程将培训学员如何关注在HTML和CSS,以使Web站点和应用适应不同的终端显示尺寸和解析度(viewport sizes)。此次课程由Intel(R) XDK赞助,讲师是Frances de Waal。课程自2013年11月29日开始,为期4周,免费提供。

更多信息请关注W3C面向Web开发者的在线培训计划,W3DevCampus。 

注意:本期注册已经截止。请留意2014年1月初的另外两期免费在线培训课程!请注意查看W3DevCampus的通知邮件列表。 

Test the Web Forward深圳站活动成功举办

2013年11月9日,由W3C,Adobe,Intel,Google主办的Test The Web Forward (简称TTWF)2013深圳站在深圳市举办。整个活动持续了10个小时,吸引了超过280名来自深圳,广州,珠海,台湾,香港和日本的Web工程师参加,主要针对HTML5 Forms,CSS Basic User Interface,CSS Shapes,以及CSS Masking等标准开展测试工作。
 

Test the Web Forward深圳站的活动是该活动在中国举行的第三届。与前两届相比,由于本次活动与W3C TPAC 2013并会进行,有众多W3C的专家亲临现场,包括万维网发明人、W3C负责人Tim Berners-Lee爵士、W3C标准测试工作负责人Tobie Langel、CSS工作组主席Peter Linss、WCAG工作组主席Andrew Kirkpatrick、W3C交互技术领域专家吴小倩、Web信息无障碍计划专家张昆在内40多名国内外知名专家。此外,HTML5中文兴趣小组对本次活动也给予了极大的支持。

 

活动的特邀主持人是来自于Adobe美国总部的Rebecca Hauck女士,她不仅是CSS工作组专家成员,也是Test the Web Forward活动的发起人之一。本次会议的主题演讲来自于W3C 中国区总部经理李安琪。李安琪女士介绍了W3C的组织架构,以及标准化HTML5规范的过程。之后,来自Intel公司的专家张敏进行了题为“如何阅读W3C规范”以及“使用testharness.js” 的演讲,介绍了编写W3C测试用例前的准备工作。“W3C规范不是网页编程人员的用户手册,更多的是面向浏览器厂商等等的实现标准”。“testharness是一个测试框架,可以用来简化和执行我们编写的W3C测试用例”。随后,Intel公司的专家张志强分别进行了题为“如何编写W3C Reftests”和“如何审核W3C测试用例”的演讲,从规范示例入手详细阐述了如何编写高质量的测试检查点和测试用例,并分析了如何让自己的测试用例更容易的通过W3C的审核,及如何审核他人提交的测试用例。“W3C规范里面的各种例子,都是测试用例的最好的参考”、“编写W3C测试用例,需要避免过长的手动的测试步骤”。
 

Test the Web Forward是由Adobe、Intel、Google、百度、微软等W3C成员在世界各地组织的系列现场极限编程活动,自2012年6月在美国旧金山举办之后,已经在北京、巴黎、悉尼、西雅图、东京、上海等城市举办过,主要围绕行业密切关注的HTML、CSS、SVG等标准进行测试。经过近1年半的发展,该活动目前已经正式成为了W3C的官方活动。
 

本文改编于InfoQ关于Test the Web Forward深圳站的活动报道,有修改和删节,原文参阅这里

更多关于Test the Web Forward深圳站的信息,请参阅:
Test the Web Forward深圳站活动主页
-W3C Blog:  Welcoming TEST THE WEB FORWARD to W3C

W3C创始人Tim Berners Lee爵士受聘北航名誉教授 做客北航大讲堂

2013年11月8日下午,万维网之父Tim Berners-Lee爵士做客“北航大讲堂”,在北航晨兴音乐厅为做了题为“The Many Meanings of "Open"”的专题讲座。讲座由W3C北航总部北航计算机学院北航校团委共同主办,w3tech技术社区协办。来自北京航空航天大学、北京大学、北京师范大学、北京邮电大学、北京科技大学等高校的师生、W3C中国区会员代表及中国Web开发社区代表共1000余人参加了此次活动。
 

讲座中,Tim Berners-Lee爵士结合万维网近25年的发展历史,以及他所领导的W3C在推进服务于全人类的开放万维网平台(Open Web Platform)的具体实践,解析开放标准、开放数据、开放源码、开放平台的核心价值。他指出一个开放、公平的万维网的核心网络的中立性,即任何人都能够在万维网上发布内容,而不受技术、语言、字符集以及文化等因素的限制。而这一过程的实现,一方面需要万维网标准的制定过程遵从开放的、广泛参与和基于多数共识的基本原则,另一方面,需要通过HTML5、CSS、SVG等开放标准建立开放Web平台,探索那些能够在创作者和消费者的权益之间取得平衡的Web技术,从总体上降低Web相关技术领域的封闭性,增强Web在不同平台上的互操作性,并通过开放源码推进这一平台的持续演进。Tim还指出,万维网正在向一个数据的网络演进,Web的用户不仅可以获得经过加工的信息,同时也应能获得对原始数据的访问。Tim呼吁各国政府加入到开放数据的全球浪潮之中,积极支持旨在促进纳税人资助的学术研究成果的开放访问(Open Access)运动,并在数据开放的过程中重视个人数据的保护。
 

在报告的最后,Tim指出开放万维网的基础是开放的互联网和网络的中立性,他呼吁万维网及互联网的建立和治理均应符合公共利益的要求,通过构建包括各国政府在内的全球多利益主体互联网的合作机制,建立各方可平等参与的开放互联网平台。
 

更多信息,请参阅北航新闻网相关报道:万维网之父Tim Berners-Lee爵士受聘我校名誉教授并做客北航大讲堂,及W3C相关活动通知

 

W3C发布CSS样式属性的正式推荐标准

W3C的级联样式单(CSS)工作组11月7日正式发布了CSS样式属性(CSS Style Attribute)的W3C正式推荐标准(W3C Recommendation)。HTML、SVG等标记语言可以为大部分元素提供style属性,用于以内嵌(in-line)的方式定义适用于这些元素的样式说明。该文档定义了用于这些style属性的CSS片段的语法及其解释规则。

更多信息,请参阅W3C的样式标准计划(Style Activity)

查看W3C的所有正式W3C推荐标准(W3C Recommendations),请参阅W3C正式推荐标准列表。   

站内搜索

万维网联盟(World Wide Web Consortium, W3C)是Web领域的国际标准化组织,致力开发开放Web标准确保Web的长期发展,实现“尽展Web无限潜能”的使命。

更多内容>>

近期活动

更多内容>>

W3Cx 开放课程

W3C技术标准

查看Web技术标准
- 所有标准
■ Web与产业融合 ■
- 汽车 | 数字出版 | Web与电信
- 娱乐与广播电视 | Web支付 | Web数据
- 物联万维网(WoT) | Web安全
■ Web For All ■
- Web无障碍 | 国际化 | 索引(A to Z)
■ 社区组与商务组 ■
- 所有社区组 | 新建社区组
■ 标准工作组 ■
- 所有标准小组 | 参与指南

更多内容>>

W3C标准翻译

欢迎您加入W3C翻译计划,了解W3C标准和文档翻译情况,帮助提供不同语言的W3C标准规范及文档的志愿者翻译及W3C授权翻译,惠及全球技术社区。

更多内容>>

贡献榜

我们通过贡献榜,感谢您积极参与W3C的标准制定及审阅工作、提供标准及技术文章的中文翻译、参与各类技术研讨会。

更多内容>>

W3C 中文开发者社区

W3C中国目前正在不断加大全球W3C工作的参与力度,并推动了一系列以了解中国行业需求、引导标准制定为主要目的的工作组(WG)、兴趣组(IG)和社区组(CG)。
Web中文兴趣组 | MiniApps工作组 | MiniApps生态社区组 | 弹幕特别任务组 | 中国信息无障碍社区组 | 中文数字出版社区组 | 数据可视化社区组 | 中文文字布局需求特别任务组

更多内容>>

会员链接

相关资源需要使用 W3C账号登录后使用

首页 | 加入工作组 | 申请W3C账号 | 最新会员消息

开发者资源

合作伙伴

  • 北京航空航天大学
  • 北航计算机学院
  • w3ctech