必威体育下载基督教Heilmann

“烦恼”标签的文章

追逐闪亮的HTML5,CSS3,过渡——哦,天哪!

星期五,5月14日,2010

昨天我在Twitter上和Paul Irish以及Divya Manian进行了一次关于一件充满胜利但也让我抓狂的事情的讨论。

那两个小伙子体格健壮http://html5readiness.com/-一个美丽的演示,你可以做什么CSS转换,JavaScript和标记。它是这样的:

HTML5准备

从本质上说,这是设计师的眼睛http://caniuse.com/它以一种不那么直观但非常有用的方式列出了相同的信息。

当我看到这个视觉效果时,我“哇”了一声,其他很多人也一样。但实际上,当我使用这个网站时,我的兴趣和兴趣很快就消失了。

我认为自己是一个观察力很强的人,我可以阅读,非常快。看着这个可视化,我发现自己不得不不断地检查从彩色射线到图例,以理解我们正在谈论的浏览器。点击“固定浏览器位置”复选框使这一点变得更加明显,但我仍然感到非常困惑——特别是当颜色彼此接近(在我的笔记本电脑上)和滚动颜色变化不再匹配图例时。当主光线和翻转的颜色发生变化时,情况就更复杂了:

HTML5准备暗滚。

我不知道为什么光线的颜色不同。我认为它是两者之间的连接点HTML5CSS3,但地理位置不是一部分HTML5

我通常对任何接口做的下一件事是关闭CSS查看非可视用户或旧移动设备上的应用程序如何降级(是的,我不得不时不时地使用一部旧黑莓手机)。

如果你这样做HTML5你会得到一个可怕的经历:

HTML5没有CSS

  • 年份名称和浏览器支持之间没有联系(除了链接——嵌套列表会使这种联系更加明显)。
  • 没有一个链接(比如“多重背景”)能做任何事情。

但真正让我感到困惑的是源代码。作者在商店里到处都用B和I标签其中一条射线是:
















多个背景

好吧,我懂了- I和B是文本在文体上与普通散文不一致,没有传达任何额外的重要性>在技术上给了我们全权处理这些元素的权利。

回到现实世界,然而,所见即所得编辑器有B和I按钮,其中包含这些元素as大胆的斜体。现在,作为可访问性和语义的爱好者,我们多年来一直争论这是一个坏主意,因为这是绘画HTML而不是告诉用户代理文本需要强调或强。我们在这方面取得了相当大的进展,人们开始倾听我们的声音。现在我们回过头来说,实际上这一切都很好——你想用什么就用什么。

总而言之,这个例子让我想起了我创建的一些东西8年前:

徽标画了一个布局表

这在当时太酷了。这是在Commodore 64场景中完成的,它必须在所有浏览器中工作HTML-包括朋友。我没有使用图像,而是使用带有间隔gif的布局表,成功地让它成为一个“这是怎么做到的”时刻:




















































































































.:最好的。




哇,可怕的,对吧?谁会使用布局吗?这太疯狂了——这些技术我们不应该再使用了。

或者是吗?的方法HTML在上述的可视化元素中,我们做到了完全同样的事情!HTML有逻辑结构的内容,并赋予它语义意义,而不是画可爱的图画。

页面使用我可以用作为它的数据来源-而不是使用刮刀和转换它的必要HTML(这使得自动更新成为可能)数据是重复的——一旦显示,就没有语义值或任何逻辑结构。我们有技术来转换感知,良好的和干净的HTML把它变成不同的东西。我已经证明了这一点数据表到图表的转换脚本:

您可以使用谷歌图表API从可访问的数据表生成图表。

我真的不明白为什么我们一遍又一遍地忘记与用户分享的简单承诺:

  • 建立在有效的东西上,然后让它更互动和漂亮

在这种可视化的情况下——使用数据表并生成所需的所有绒毛和类CSS使用JavaScript。或者-怎么样使用SVG整个事情吗?

我不是说保罗和迪维亚做了坏事——我是他们作品的忠实粉丝——我只是说我们一直在犯同样的错误。如果你不写一些HTML用手,只需要一个效果——你做错了事情。

用Ajax代码显示懒人的代码教程

周一,1月28日,2008

目前,我正在为一个关于web标准的在线自学课程编写大量教程,并且我遇到了必须在两个地方维护示例代码的麻烦:代码本身和HTML记录下解释。因此,我使用jQuery编写了一个小脚本,它可以自动将链接转到HTML代码示例和HTML实体和行号。你可以定义显示哪些行,哪些行应该高亮显示,你可以添加一个实时预览IFRAME当链接被点击时。