必威体育下载克里斯蒂安·海尔曼

贴有“openweb”标签的帖子

Lynx不会对语义和HTML印象深刻。

星期三,11月16日,二千零一十一

未受影响的山猫最近有很多关于标记的讨论,尤其是新的HTML5元素。有一个很大的呼哈哈当希希这个沃特沃想要从中删除时间元素HTML规格迪维亚和她在一起激起了很多感情”我们对语义价值的无意义追求“当然啦!杰瑞米发表了他的观点,在对位文章中也是如此”追求语义价值“。

也许没有对位,也许有。坦率地说,我太忙了,没时间看那本书。也没什么关系,随着我越来越觉得我们真的需要考虑网络的现状以及它将如何发展。对我来说,对语义标记的价值缺乏理解只是一个正在发生的变化的征兆。

昨天的故事

关于语义值和正确使用HTML被那些已经存在了很长一段时间,并且看到浏览器以更多我们想要记住的方式失败的人们保持着活力。有效的标记和合理的结构是我们实现可维护性和理解周围事物的唯一机会。这在很久以前特别重要。我记得用猞猁上网冲浪。

lynx显示twitter.com

我还记得让林克斯在我的军火库里呆得更长一点。我用它来“查看”搜索引擎和辅助技术看到了什么。前者在当时是正确的(不再是,谷歌索引是否闪烁JavaScript实际上是这样使用hashbangs的构思错误的链接

后者在当时甚至是错误的。关于正确使用HTML5现在试图支持“像屏幕阅读器这样的辅助技术需要它”的论点。不,还不完全是这样.

快速构建,使它工作

我在几次谈话中提到过,当人们提到标记很重要、人们关心的美好的过去时,他们都在胡说八道。这些日子从来都不存在,当我们开始开发Web时,我们努力使事情工作起来。我们使用表格进行布局,NBSP对于空白,大量的br元素用于垂直空格和更多邪恶的东西。然后,我们使用间隔棒来填充和边缘,并开始关注什么时候CSS出来支援。原因不是我们想写得更干净HTML.原因是我们想让一切正常运转,因为我们得到的只是一个设计来建造,不是如何构造文档或构建内容的描述。从Web产品的外观开始,语义学已经在濒临灭绝的名单上。

少写,实现更多

这是现在的咒语。jquery的巨大成功是基于它的。JavaScript标准过于复杂和冗长,无法快速编写代码并快速更改。所以jquery人群分析了人们做的最多的事情——对DOM以及添加和删除类(以及后来的Ajax),使它变得非常简单和简短。不需要编写不起多大作用的代码。

同样的事情一次又一次地发生。较少的萨斯在中为不同的浏览器设置前缀hell和replicationCSS易于维护和客户端模板语言浏览器内部模板和客户端MVC制作HTML计算和编程逻辑的结果,而不是起点。

如果你看不到,为什么会这样?

很多什么的粉丝HTML语义学正因为看不见而兴奋。每当新HTML元素得到了支持,在浏览器中有一个可视化的表示,这是一个很简单的方法。人们立即使用它。在大多数情况下,他们使用错误,但是他们使用了它(我看到了在图像周围使用的字段集和图例,因为它很漂亮,当然还可以用块引用

很多语义丰富的元素根本不存在。blockquotes的cite属性旨在通过告诉我们引用的来源来赋予引用的含义。首字母缩略词ABBR我们应该告诉人们TLA意思是——见鬼,我们甚至在会议和新闻发布会上都不这么做,所以为什么还要添加浏览器不向用户显示的信息呢?

这也是微格式的一个大问题。如果浏览器使地址可拖动到您的通讯簿或为Votelinks创建投票按钮,如果一个浏览器能够自动检测事件,并给你一个简单的界面来添加到你的日历中,那么你就不用费心去使用它们了。事实上,我们有几个成功的故事要讲,做了很多工作。

大书咏叹调

当我们谈论可访问性时,它会变得非常令人沮丧。当我们坚持保持简单并遵循人类的逻辑时,为具有各种能力的人提供Web文档应该是容易的。

它应该,但事实并非如此。通过保持事情非常简单,我们可以接触到更多的人,但我们也可以剥夺一大群伟大的界面。每当我们在浏览器中做一些疯狂的事情,并且谈论到让它们可以访问时,走出去的路就是神话。咏叹调.

如果你潜入咏叹调你很快就会意识到这是一项很大的工作,很难理解概念,最重要的是许多要写入的代码。而不是将可访问性作为HTML5,我们必须处理两个并行标准。一种是快速实现目标,将Web从文档移动到应用程序,另一种是让所有人都可以使用它。这不是个好地方。当你从一开始就接受它时,可访问性就发生了。在这个过程的最后,没有什么神奇的子弹层可以让事情运转起来。

那么呢?HTML语义学?

你知道吗?没有解决所有问题的办法。原因并不是因为技术的进步,或者人们不关心用户,或者我们的标准阻碍了我们,或者其他类似的事情。原因是“写一次,“部署到任何地方”简直是胡说八道。到目前为止,使Web工作并成为令人惊叹的工作市场的一件事是灵活性。我们都很高兴,您可以通过许多不同的方式为我们的最终用户提供类似的体验。那么,我们为什么要在开发范围的一个方面或另一个方面进行讨论呢?

这个怎么betway体育官方网样?

  • 如果你亲手写一份文件,使用您可以添加的所有语义。这是你的笔迹,你的代码就是你的诗,人们从你所做的事情中学习。必威体育下载
  • 如果您需要编写一个核心应用程序,而每个字节都是一个囚徒,那么尝试使用语义,但要遵循最终的交付速度目标。尽管如此,请确保告诉人们您的代码是转换和优化的最终结果,而不是供人类查看。
  • 不管你做什么——当你可以使用新技术的时候——都要使用它。
  • 请记住,网络不是您的浏览器和计算机——使用前沿技术时,为其他浏览器添加回退。当其他人追上来的时候,你就不必修改你的代码了!
  • 标记和Web代码的主要焦点并不是为边缘应用程序优化的,而是让人们更容易维护它。如果人们能看到HTML发生了什么事——赢。如果只与JS一起工作的是JS-甚至更好。
  • 更多的加价是增加价值的加价,而不是犯罪。论证强的比B更糟,因为这意味着在服务器上执行gzip时,更多的代码和较慢的加载页是不相关的。
  • 我们只能逃避新的鸡和蛋的问题HTML当我们使用它的时候。马上,如果您在浏览器中请求对新元素的支持,大多数供应商的答案是没有人使用它们,那么为什么要麻烦呢?当你问人们为什么不使用它们时,他们会告诉你,因为浏览器不支持它们。我们中的一个必须开始改变这一点。

要炸的大鱼

就我个人而言,我现在更关注那些令我担心的网络问题,列出它们可能很有趣。

  • 长寿之死–我一直喜欢这样一个事实:我可以在网上找到一些东西,然后再回到它上面。这种情况已经不复存在了。我的很多旧书签都死了,我的推特在一定数量后进入数据涅盘,我无法再访问它们,你为公司写的代码在你离开后不久将完全不同。这不是我想要的网络。它是娱乐和档案的完美结合,“实时网络”真的把这搞得一团糟。
  • 高保真网站–我记得当闪光灯使我们的500兆赫机器闪光时。现在,几乎每一个我尝试过的酷炫的新网站都会对我的双核MacBook这样做。在不久的将来,我可以看到一些网页告诉我,我的视频卡不够好,不能享受它们。这就是我从未在电脑上玩游戏的原因。让我们换一种明智的方式来使用新的炫酷的。
  • 身份–我们现在正在网络上散播自己,留下了很多过时和错误的个人资料。你在网络上的身份正在成为一个非常奇怪的概念,我现在所做的一些工作正试图把它重新变成一种更容易维护的时尚。
  • 开放式网络今天,美国在辩论像中国这样审查互联网是否是个好主意,叙利亚和其他国家也有。这吓坏了我。我从网络上开始,因为它没有广播或电视那么规范,也没有那么商业化。我们不要放弃自由
  • 制造者网络网络无处不在,我们把它作为日常工作和娱乐的一部分。最近我发现,尽管网络的创造性部分正在消亡,人们正在消费它,而不是使用和丰富它。这个,再一次,吓坏我了。我们不应该成为虚伪的懒汉。

语义学就像美妙的散文。你用它们来提供一个令人愉快的产品。人们不因写书而出名。他们以充满他们的东西而闻名。如果我们不断地把有结构的东西放到网络上,并且在更复杂的显示产品上做得更好,我们将为未来而构建。如果我们指责别人做错事,我们就浪费时间。

有评论吗?给他们谷歌+脸谱网

2011年国家地理摄影大赛中吉米·托希尔拍摄的林克斯照片

为什么我不用HTML编写幻灯片

星期二,11月2日,二千零一十

在2010年的前沿趋势会议上,Tantek_elik花了他最后几分钟的时间HTML5夸夸其谈HTML作为一种很好的演示格式,并敦促人们使用开放式网络的好处HTML滑动系统而不是闪存或PDF.其他演示者现在写的太棒了CSS3驱动幻灯片放映并构建自己的脚本以显示其演示文稿。我可以,但我没有——这就是为什么。

演示文稿不是Web文档

我完全赞成开放网络(见鬼,我刚接受了一份工作,宣传它),但我不写幻灯片HTML我真的不认为它是一个很好的格式,像一个演讲。以下是我的理由:

  • 你在屏幕上看到的不是演示文稿–许多演讲者的笔记在主题演讲或PowerPoint中以演示者视图显示,而不是向观众显示,而是显示在不同的屏幕上。可能有办法做到这一点CSS和媒体查询,但我还没有找到一个使用支持这一要求的Web标准的幻灯片系统。如果你只是看了你的幻灯片,你最好别在舞台上。
  • 添加图像还应允许您编辑它们–我发现自己一直在将照片拖到主题演讲中,裁剪和调整它们的大小。这可以用CSS还有javascript,但是我还没有看到一个幻灯片系统有这样的功能。
  • 演示文稿需要按不同的分辨率缩放–我遇到了从800×600到1280×1024的任何东西。幻灯片包会调整字体大小,并按我的预期方式保留字体-HTML还没有。再一次,我确信静止无功发生器,画布和巧妙的诡计这可以很容易做到,但请告诉我一个系统,认为这一点。
  • 演示文稿必须是单一的,可打印文件–为喜欢在纸上编辑或阅读的人邮寄和打印演示文稿。使用APDFⅠ可以做到这一点。例如,当您有带签名翻译的会议时,需要打印输出。因为符号翻译不是逐字翻译,而是通过意义翻译句子,所以他们知道接下来会发生什么是很重要的。除非HTML幻灯片系统也支持良好的打印样式这是不可能的
  • HTML无法嵌入幻灯片并调整其大小–使用SlideShare,人们可以将我的幻灯片嵌入到他们的博客文章或文章中,人们可以在上下文中观看它们。你可以放HTMLiframe中的幻灯片,但它们不会调整大小,而是获得巨大的滚动条
  • 幻灯片可能需要与音频同步才能有意义–除了提供Slideshare嵌入外,我通常还会录制我的演讲。我也做过幻灯片放映,但是Slideshare上的编辑还不够好。这是我们可以写的东西HTML幻灯片–一个带有音频的同步工具,可以自动向前移动。
  • 幻灯片需要脱机工作–许多会议都没有无线网络,人们想在火车上阅读幻灯片。如果您使用其他地方托管的第三方字体或图像,或者您链接到现场演示,这是非常令人沮丧的。不过,您可以使用离线存储。
  • 幻灯片应该在没有计算机和浏览器的情况下工作–许多手动滚动的幻灯片平台需要演示者设置,操作系统或某个浏览器的夜间构建,并不是以渐进式增强的方式编写的,因为它们是供个人使用的。当人们试图在自己的电脑上观看,却看不到效果或演示说明这实际上是开放网络技术的坏广告。
  • 幻灯片组具有固定的布局和字体–在幻灯片中,浏览器渲染或弹性设计效果的差异并不受欢迎–所以为什么要选择一种在这方面表现出色的技术?

演示文稿不仅仅是网络上的一个文档,除非我能在HTML正如我在主题演讲中所做的那样,我不会切换。

争论的理由HTML滑动甲板

Tantek提到的“为网络做正确的事情”以外的主要论点是,你的幻灯片PDF或者在网上找不到Flash电影。这不是真的——谷歌很乐意索引PDF以及flash和slideshare创建幻灯片的副本作为SEO原因。

另一个更切题的论点是HTML文档易于编辑,重复使用和更新。在主题演讲和PowerPoint中的幻灯片平台上进行协作可能会导致操作系统和软件版本之间出现令人恼火的不一致。

我的混合方法

就个人而言,我对这个问题采用了混合方法。我把我的演示文稿写成笔记,然后用它们创建一个幻灯片。我解释了这批(以及上述反对HTML幻灯片)开发人员福音手册的介绍章节


当我写一个新的幻灯片时,我从一个文本编辑器开始。我写了我演讲的故事,我遵循的规则和写在线文章.这样我可以确定一些事情:

  • 我知道我想要涵盖的内容和范围–这也允许我在演讲时遵守时间限制。
  • 我有高度可移植格式的信息供人们事后阅读。–将其转换为HTML以后写这些笔记。
  • 我已经知道要显示的所有链接,并且可以创建易于查找的版本–例如,在美味的.
  • 我不会对视觉效果着迷。–当你使用好的演示软件时,这是一个很大的危险。

对,这是复制工作,但我认为这是值得的——毕竟SlideShare是一个幻灯片平台社区——你已经有了一个被俘虏的观众,而不是希望GoogleBot出现,并认为你比同一主题的其他资源更好。