一个列表

菜单

主题:HTML

适当的文档标记。将结构从表示和行为中分离出来。小写语义web。构建访问,跨平台,跨浏览器的页面。正确使用web标准。HTML演变成一种为应用程序构建的语言,不仅仅是文档。新的语义。响应图像和其他难题。帆布和可访问性。音频,视频中,和回退。HTML的政治:什么是WG和W3C。

  • 与机器人对话:语音,智能代理&结构化内容的案例

    ·

    语音用户界面,智能软件代理,基于人工智能的搜索正在改变用户和计算机与内容交互的方式。无论你是否在为这些新兴技术构建服务,结构化内容现在是确保内容在不断发展的数字环境中的准确性和完整性所必需的。

  • DOM标记

    ·

    在List Apart的“从URL到交互式”系列文章的第2部分中,特拉维斯Leithead,W3C HTML规范的前编辑,带领我们分析HTML的过程:从浏览器如何创建树到DOM如何响应事件。必威官网网址多少有了这些知识,您将能够做出更明智的DOM决策,把时间减少到互动,消除意外回流。

  • 从URL到交互式

    ·

    当我们思考这个问题时,我们整个行业都依赖于我们对少数人完全理解的“黑盒”的信念:浏览器。我们交出HTML,CSS,JavaScript,交叉手指,希望他们能把我们的经历呈现在我们的脑海中。但是知道它们是如何工作的真的可以让你在出问题的时候摆脱困境。这就是为什么我们在这个由四部分组成的系列文章中,汇集了一些知识渊博的作者,让我们了解其中的奥秘。加入我们的网络之旅,进入代码和经验之间经常模糊的山谷。

  • 响应的图像

    ·

    “img”元素仍然是网站性能面临的最大挑战之一,特别是在响应式设计中。在这段图像性能摘录中,马特·马奎斯告诉我们为什么,但他也指出了解决方案。

  • 会话的语义

    ·

    语义标记一直很重要,但随着语音接口的迅速普及,现在比以往任何时候都重要。Aaron Gustafson向我们展示了简单的HTML标签是如何对语音界面产生巨大影响的。

  • 对复杂事物的崇拜

    ·

    这是一份简单的礼物。ALA的Zeldman哀叹我们这个行业目前对不必要的复杂而非简单的东西的迷恋。逃离复杂的崇拜!回到改善生活上来,一次一个互动。

  • 实用的CSS网格:将网格添加到现有的设计中

    ·

    CSS Grid就在这里,比您想象的要简单。Eric Meyer向我们展示了如何在现有的设计中使用网格,而不会破坏非网格浏览器。与图片!还有一些陷阱。

  • 即将到来的电子邮件设计革命

    ·

    电子邮件不仅仅是在进化——它正在发动一场政变。越来越多的设计师想出了令人兴奋的新方法,将动画和交互性等效果带到不起眼的收件箱中。至关重要的是,第一次,微软和谷歌等电子邮件客户端供应商正在听取电子邮件专业人士的担忧。网络正在渗入收件箱,杰森·罗德里格斯写道。不要落在后面。

  • 用CSS形状重新设计

    ·

    至少有一群粗鲁的黑客离开了这栋大楼。通过渐进式和响应式增强——以及使用新的CSS特性——我们可以定义文本应该如何通过浮动元素。Eric Meyer解释了Event Apart最近学到的关于浮动形状和特性查询的知识。

  • 即时网络

    ·

    对一些人来说,Facebook的即时文章标志着传统的betway体育注册网络堆栈无法给用户提供一流的阅读体验。但是,web的缓慢性能并不是因为技术本身的缺陷。这个问题起源于座椅和键盘之间,建筑商的选择使他们的网站膨胀。马克Llobrera,即时文章是一个信betway体育注册号,表明我们需要优先考虑性能,就像我们真正想要的那样。

  • 标准化和开放网络

    ·

    网络标准是如何形成的,好吧,标准吗?尽管它们通常通过官方的标准制定组织被正式化,它们也可以通过开发人员社区中的流行实践出现。如果双方不合作,我们冒着推迟实施的风险,扼杀创造力,在政治和瘫痪面前节节败退。Jory Burson阐明了web标准化过程的历史基础,以及这对开放web的未来意味着什么。

  • 寻找艾瑞亚的地标性角色

    ·

    在错综复杂的文档和对浏览器施加过多权力的风险之间,WAI-ARIA会让人望而生畏。对于不确定如何将易访问性最佳实践纳入日常工作流程的开发人员,Lyza Gardner开始总结一类角色——标志性角色。它们帮助用户代理在页面上映射领土,这样用户可以更轻松地导航它们,他们是开始熟悉ARIA在辅助技术中的角色的好地方。

  • 让链接成为链接

    ·

    web作为应用程序平台的概念从未像现在这样流行过。像Ember和Angular这样的单页面框架使得创建复杂的应用程序变得更加容易,比传统网站更强大的体验。但这种好处是有代价的。罗斯·彭曼告诉我们该怎么做。

  • CSS的数量查询

    ·

    在响应的设计中,我们思考了很多关于空间的问题,特别是在屏幕大小方面。但是内容的数量或元素的数量必然会影响空间,同样的,同样不可预测的是——如果我们不想让我们的设计决定我们的内容,我们需要新的方法来让我们的设计意识到内容数量的变化。Heydon Pickering向我们介绍了一个为大量HTML元素创建样式断点的新想法。

  • 计划的性能

    ·

    我们应该建立不仅仅是响应性的网站,但可持续发展,在全球范围内访问,而且,好吧,负责,正如Scott Jehl在他的新书中所说,负责响应设计。我们应对响应性网站的方法需要考虑不断变化的设备,有限的网络,和意想不到的上下文。在第三章的节选中,Scott讨论了页面加载时间和负责任的代码交付。

  • 实践中的响应图像

    ·

    当我们响应式设计时,我们的内容优雅而高效地流向任何设备。我们所有的内容,也就是说,除了图像。多年来,我们通过向每个人发送巨幅图像来迎合高分辨率屏幕的用户。不再。Eric Portis带领我们通过新的图片元素和其他属性来标记多个,替代来源。现在就了解如何使用响应图像:为每个上下文发送最佳图像,减少页面重量,提高性能。

  • 公理化CSS和去叶猫头鹰

    ·

    管理流内容可能会变得笨拙—太多的类选择器可能会成为一个具体的头痛问题,嵌套样式可能变得多余,而且内容编辑器并不总是理解表示标记。Heydon Pickering为更有效地处理级联样式提供了一个意想不到的选项:universal selector的变体。

  • 打破东西

    ·

    设计师可以使用CSS,但不是JavaScript。有些人可能会用JavaScript,但是在git上划清界限。有些人可能愿意使用带有图形界面的git,但不是终端。当我们走出舒适区,有一个安全网是很好的,这样我们就可以在不破坏东西的情况下学习。

  • 提前一步:通过预浏览提高性能

    ·

    我们想要更快的网站,浏览器帮助我们找到模式,分析行为,猜测用户可能单击next的位置。但我们最了解我们的网站和用户,我们可以利用这种洞察力来主动推动浏览器前进。甚至在用户请求资源之前,创建一个更快,更多的无缝体验。Santiago Valdarrama研究了我们可以使用的三种预浏览技术的优点和成本。

  • 无线电控制的网页设计

    ·

    选项卡,模态叠加,隐藏导航:我们开发了许多模式来帮助我们为移动屏幕设计。但是这些模式倾向于使用javascript显示和隐藏内容——这也会带来一些挑战。Art Lawry探索了一种减少对JavaScript依赖的技术,它使用了一种不太可能的工具:单选按钮。