让我们谈谈文本
Dan Kaufman 在 在线文本可读性 上发表文章。
首先,每个字符与其他字符越容易区分,阅读起来就越容易。这就是为什么带有衬线(字母笔画末端的细小线条——例如,Times 就是一种衬线字体)的字体在网上不如无衬线字体(没有衬线的字体)如 Arial 流行的原因。在印刷品中,衬线效果很好,但在电脑屏幕上,简洁性(无衬线)比优雅更重要。
表格布局的回归(好吧,有点像)
最近有一些关于如何使用 display: table;(及其子元素)在现代网页布局中非常有用的好文章。这里有 其中一篇 来自 Freelancer Magazine。本质上,您可以使用语义良好的 div 进行编码,并轻松实现等高列等功能。这些内容是 CSS 2.1 规范的一部分,在 IE 6/7 中不起作用,但大多数好的浏览器都支持它。
CSS 浏览器选择器
不到 1k 的 JavaScript 文件,它执行一些简单的浏览器嗅探,并在 <html> 元素上应用一个类。这使您能够编写完全没有黑客的浏览器特定 CSS。我一直说,识别 body 是各种事情的绝佳技术。
用 HTML 5 编写的 Huffduffer
Jeremy Keith 有一个 新项目(被描述为 sssound 的 ffffound)。我在这里链接到它,因为我发现它很有趣他用 HTML 5 编写了它。目前在所有零浏览器都支持的情况下(它仍然可以很好地呈现……因为它没有使用任何新元素),这有点大胆。查看源代码并查看 DOCTYPE。太干净了。嗯嗯。他还使用了 <audio< 元素,这非常棒。
脚本和样式
我们一直在 Script & Style 上稳步前进,查找和分享关于网页设计和开发的链接。欢迎您 提交内容 并 获取订阅源。
好的,嗯,我知道这很明显,但“CSS 浏览器选择器”只有在启用 JS 的情况下才能工作这一事实是一个很大的问题。例如,如果我们以 IE6 为例,这个 1k JS 解决方案与简单的条件注释样式表相比有什么优势呢?
我希望我们会看到更多这样的 HTML 5 页面,这可能会加速浏览器供应商对该标准的采用。
@James
我们都同意,真正的问题来自 IE 5/6/7,它已经提供了条件注释功能。在我看来,依赖 JS 进行样式设置太危险了。
@Antoine,你还在支持 IE5 吗?
@ James 是的,在某些方面。例如,在我的 公司网站 上,我使用透明 png 作为某些标签的背景。我为 IE5 创建了一个样式表,其中包含 background:inherit 用于使用它的标签。此外,我试图使布局“不太糟糕”。
我不会尝试在我的网站上使 IE 5/6 看起来相同。我所做的只是使其看起来体面。我通常使用不到 5 行 CSS,调整一些宽度和其他内容。
如今,我遇到的可读性问题之一是行长。在阅读了相关内容后,我发现创建具有良好可读性的完全灵活(流体)设计很困难。查看 Max Design 的旧帖子 “内容的理想行长” 以了解更多相关信息。有没有人有 100% 流体布局和理想行长的优秀示例?
Opera 已经支持它一段时间了。.
你的网站吃掉了我的链接! :)
http://blog.wired.com/monkeybites/2008/03/html-5-suppor-1.html。