CSS 发明者 Håkon Wium Lie 访谈(三)

如果你手上有魔棒,你会发出什么的魔咒,让 CSS 按照你的想法走?另外,还有什么你想搞进来的,而且又会受到大家欢迎的?
If you could wave a magic wand, which bit of current CSS would you banish from the world, and what would you magically add and implement everywhere?

首先,我会把浏览器专属特定的代码干掉,像 <!--[if lt IE 7 ]> 诸如此类的。CSS 里面没有这样浏览器特定的代码——尽管不提供,但是也不要用“注释”这样子的风格呈现,而且这样子是“反” Web 标准的。
I’d banish browser-version-specific code like: <!--[if lt IE 7 ]> . While technically not expressed in CSS, these kinds of “comments” should not be necessary and they lower the standards of the web.

你的第二个问题,我觉得是个有意思的问题,啥东西突然叫好又叫座?2006 年,我想是非 Web fonts 莫属。2007 年,我会说 <video> 元素(<video> 元素冒进来 HTML 已经一段时间了)。而时至今日,各家浏览器都支持好这些特性了。
The second part of your question is even more interesting: what parts of CSS should be magically implemented everywhere? In 2006, I would have said web fonts. In 2007, I would have said the element (straying into HTML-land for a while). Both of these are now implemented in all browsers.

2011 年,我看到 app 用户是以 页 的方式,而不是以 滚动 的方式浏览内容的。于是我提倡 Web 内容页面化。什么是页面化?就是把很长的一段内容自动划分到不同的页面,用户通过手势看完一页又翻到下一页,或者按 PageUp/PageDown——这不就是浏览器里的电子书嘛~不过我希望可以更简单些。这就是我想的魔咒啦~哈哈。
In 2011, seeing that many apps used pages (and not scrollbars) to create compelling presentations, I started advocating for web pages to become real pages. The idea is that the style sheet would trigger paged mode so that content is split into pages. Users would navigate from one page to the next with gestures, or perhaps with PageUp and PageDown. I want it to be possible, even easy, to create ebook-readers in browsers. For this to happen, a bit of magic would be helpful. Could you sprinkle some fairy dust on the pillows of all browser vendors, please?

CSS 不仅仅为浏览器而设的。2005 年的时候,我和 Bert 合著了一本关于 CSS 的书。第三版的时候,我们就想,看看能不能在写书的过程中,就用 CSS 来编写(译注:定义格式之类的)。后来,神器 Prince 出现了! Michael Day 和墨尔本的伙伴发明了这种好东西,可以把 PDF 里文档采用 HTML/CSS 来定义,简直是神器!然后发送到打印机打印,毫无问题!于此期间,我发现了 Prince 的若干 bug。为此,我还参与 Prince 的开发。Prince 已经导出了上百本书籍了。我相信,未来仍然有相当的纸质书,不过稍有点不同的是,纸质书被印刷之前,它们采用 HTML/CSS 定义格式。
But CSS is not just for browsers. Bert and I wrote a book on CSS and in 2005, for the third edition, we wanted to use CSS itself for formatting. The browsers were not up to the job, but then Prince came along. Michael Day and his colleagues in Melbourne made a terrific product which was able to create a beautiful PDF document from HTML and CSS which we could send to the printer. In order to them to fix my favorite bugs, I joined the board of directors. Prince has since been used to format hundreds of books. We will still have some paper books in the future, I believe. And they will be made from HTML and CSS.

Why do we still not have a method of laying out pages in CSS that doesn’t require a Doctorate in Rocket Surgery? (I’m looking at you, Flexbox…)

布局是个复杂的话题,而且鉴于多种多样的显示设备,Web 之上的布局更显复杂。针对内容,CSS 有几种不同的布局机制:绝对布局,浮动,多列布局,Table 布局等。它们之间的嵌套更是复杂,但我不认为 doctorate 是需要的。我必须承认
Layout is complex, and layout on the web is even more complex due to pages being displayed on so many different devices. CSS has several mechanisms for laying out content, including absolutely positioned elements, floats, multi-column layout, and CSS tables. The interaction between them can be complex, but I don’t think any doctorate is needed. I must admit to not having used Flexbox much, though.

你对诸如 SASS 和 LESS 这类预处理器的看法是如何?CSS 应该从中汲取些什么优点?What’s your opinion on pre-processors like SASS and LESS? Does CSS have anything to learn from them?

是的,预处理器是好东西。我们应该把预处理器好的东西进行“拿来主义”来改造 CSS 本身。我个人最喜欢内嵌选择器,呃,还有单行注释吧(//……)。卖个关子,到 CSS 50周年的时候我告诉为啥一开始 CSS 没单行注释。Yes, pre-processors make a lot of sense. We should probably take the five or so most popular features from pre-processors and add them to CSS itself. My own favorites would be nested selectors, and single-line comments (starting with //). When CSS turns 50 I’ll tell you why they were not part of CSS from the beginning.

时间: 2024-10-13 23:05:13

CSS 发明者 H&#229;kon Wium Lie 访谈(三)的相关文章

CSS 发明者 H&amp;#229;kon Wium Lie 访谈(一)

导语:本人利用业余时间翻译.受本人水平所限,当中错谬不少,还望大家斧正! 原文地址:https://dev.opera.com/articles/css-twenty-years-hakon/ --------------------------------------------------------------------------------------------------------------------- 二十年前的今日,Opera 的 CTO Håkon Wium Lie

CSS 发明者 H&amp;#229;kon Wium Lie 访谈(二)

Bert Bos 如何参与进来的,你们怎么一起工作的?How did Bert Bos get involved, and how did you work together? 伯特·波斯回顾我的初步建议.他的背景和重点是与我的有点不同,但是当他写了自己的建议,我们很快就意识到,这两项建议可以合并成一个.在这一点上,网络项目被踢出欧洲核子研究中心的出来,W3C 成立.我开始了 W3C 的 INRIA 欧洲分公司和 Bert 立即被录用.大多数 CSS1 被敲定在索菲亚 - 安提波利斯白板在199

网页代码中H型标签与CSS调用H型标签探讨!

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 大家好我是上海SEO(SWJ) 今天与大家一起探讨 在网页代码中 使用DIV+CSS布局中的CSS调用H型标签 与网页原本的H型代码 之间的关系 是否与SEO过度优化有联系,对搜索引擎抓取之间的联系! 我们就拿上海SEO顶部的介绍代码来分析下:<div id="info"><h1>上海SEO(seo

mfc-关于afxcomctl32.h错误,求助

问题描述 关于afxcomctl32.h错误,求助 一共有106个相关错误: 错误 1 error C2504: "CNoTrackObject": 未定义基类 c:program files (x86)microsoft visual studio 10.0vcatlmfcincludeafxcomctl32.h 174 错误 2 error C2146: 语法错误: 缺少";"(在标识符"m_strModuleName"的前面) c:prog

不要再在JavaScript中写 CSS了

本文作者是 react-css-modules 和 babel-plugin-react-css-modules 的作者.并不是对 CSS in JavaScript: The future of component-based styling,或是使用样式组件的反对,而是一种补充,web 开发者要了解自己的需求,明白自己使用 styled-components 的真正原因. 9 个谎言 CSS 不应随意放置.许多项目选择将样式写在 JavaScript 中的理由不对.本文列出了常见的误解,以及

DHTML【7】--CSS

    本节将要介绍CSS的选择器,CSS有三种常用的选择器,还有三种扩展选择器,说到选择器,那么选择器是做什么用的呢?       上一节我们介绍CSS常用属性的时候,我们都是通过在标签内定义Style属性来介绍的,但是如果Style中的属性有很多,并且我们还要把相同类型的标签用同一个CSS样式来美化,我们总不能Copy代码吧,首先页面太乱,再者代码量大,在大型的网站开发中会影响执行效率,最后自己操作起来也很麻烦,遇到这个问题,我们改怎么解决呢?       这就是选择器要做的事情,我们可以先

DIV+CSS设计时浏览器兼容性问题

在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题.    什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题.好吧,我服了行吧,那我就利用你们的不兼容各写一段css,让他们各执行各的,呵呵.  一.!impo

XHTML+CSS完全基础知识

XHTML+CSS   选择什么样的DOCTYPE 开始制作符合标准的站点,第一件事情就是声明符合自己需要的DOCTYPE. 查看本站首页原代码,可以看到第一行就是: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点,例如著名web设计软件开

Xhtml第9天:第一个css布局实例

css|xhtml 接下来开始要真正设计布局了.和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来.你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用div也可以实现.技术有一个成熟的过程,把div看成和table一样的工具,如何运用就看你的想象力了. 注:在实际应用过程中,div在有些地方的确不如表格方便,比如背景色的定义.但任何事情都有得有失,取舍