W3C中国

W3C Blog: W3C多项工作获2014 NET AWARDS TECHNOLOGY提名

2014年1月30日,W3C的Coralie Mercier发布博客文章:W3C获得2014 net Award提名。net Award奖励在Web设计和开发、新的技术趋势以及改变下一代Web的新的项目。其中,W3C及其合作伙伴领导的多项工作获得奖励提名:

年度变革者(Game Changer of the Year

Test the Web ForwardW3C和Adobe组织的开放Web平台测试项目Test the Web Forward通过在全球范围内开展的标准测试活动,提升了开放Web平台的互操作性。

Web最佳新技术(Best New Web Technology

W3C占据了60%的Web最佳新技术提名,包括:

> Web Components:用于创建自定义的HTML元素

> CSS Region:用于在CSS中定义新的内容布局

> Do Not Track :用于用户表达拒绝访问行为追踪及跨站追踪

> WebRTC:为Web浏览器提供实时通信能力

> CSS Shapes:用CSS描述几何形状

> Web Audio API:在Web页面或Web应用中播放音频

本文的英文原稿,请参阅 W3C Blog: W3C honoured in 2014 net Awards technology nominations

欢迎您使用W3C官方博客W3C中国网站参与互动讨论。   

W3C发布CSS Grid Layout的工作草案更新

2014年1月23日,W3C的级联样式单(CSS)工作组发布了CSS Grid Layout Module Level 1的工作草案更新。这个CSS模块定义了二维网格的布局系统,以优化用户界面设计。在网格布局模型中,网格容器(Grid Container)的子节点可通过被指定到任意单元格中。W3C于2013年9月发布过该标准的工作草案

CSS是描述结构化文本(如HTML、XML等)在屏幕、纸张、语音上如何绘制和展现的语言。更多信息,请参阅Style Activity.

W3C发布CSS Fragmentation的工作草案更新

2014年1月21日,W3C的CSS工作组发布了CSS Fragementation Module Level 3的工作草案更新。该模块描述了如何将一个内容流切分到不同页面(page)、列(column)或区域(region)的内容碎片化模型(fragmentation model)。它基于CSS的页面模型(Page Model)模块,定义了在盒间、盒内、行间、页间进行断行的属性和规则,给出了支持断行的盒模型(Box Model for Breaking),实现在变长片段(Varying-size Fragmentainers)中进行断行(breaking),及对跨页断行的边界和背景样式(Fragmented Borders and Backgrounds)等的支持。

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

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的通知邮件列表。 

站内搜索

万维网联盟(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