分开的清单

菜单

主题:浏览器

你的内容传播得好吗?你的网站的设计和行为能从一个平台延续到另一个平台吗?一个浏览器到另一个,从一个构型到另一个构型,跨现有和未来的网络设备?“一次写,目标是“到处发布”。我们到了吗?Web标准和测试方法。质量保证和工作流程。桌面和移动浏览器中的bug和特性。供应商和标准机构,实验和支持。

  • var, JIT

    ·

    JavaScript语言设计师Kevin Smith完成了“从URL到交互式”系列。他解释了浏览器如何编译和执行我们的javascript,从我们踏上这一页的那一刻到我们离开的那一刻发生了什么。了解这些浏览器过程会使我们编写性能更高的代码。

  • 括号,像素

    ·

    我们继续与Greg Whitworth的“从URL到交互式”系列的四部分,W3C CSS工作组和CSS Houdini工作组的成员。他将介绍如何解析CSS,如何计算值,样式表中的“级联”实际上意味着什么。然后我们会讨论布局,绘画,和组成。支撑自己,我们将要开车经过我们旅程中最美丽、最曲折的部分之一。

  • 标签到DOM

    ·

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

  • 从URL到Interactive

    ·

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

  • 服务器客户端

    ·

    我们的“从URL到交互式”系列的第一部分,Ali Alabbas带我们体验了代码如何到达浏览器的过程。在“服务器到客户端”中,他讨论了如何建立服务器连接,缓存,以及服务人员如何在请求和响应流程中发挥作用。你肯定不想错过网络专家的大师课;理解在浏览器框架下如何运行对于理解性能是至关重要的。

  • 响应图片

    ·

    “img”元素仍然是网站性能面临的最大挑战之一,尤其是在反应灵敏的设计中。在这段图像性能摘录中,马特·马奎斯告诉我们为什么,但他也对解决方案有所启发。

  • Internet Explorer的缓慢死亡和渐进式增强的未来

    ·

    我们的开发实践是否应该被Internet Explorer和其他所有主要浏览器之间的鸿沟所包围?还是我们应该冲向未来,让IE用户落后?奥利弗•威廉姆斯(Oliver Williams)提出了一个中间立场:我们可以在不破坏web向后兼容性的情况下,让自己的生活更轻松。

  • 最好的请求是没有请求,重新审视

    ·

    现在HTTP/2比以往任何时候都更加普遍,在客户端性能中挑战曾经毫无疑问的资源捆绑规则尤为重要。加入StefanBaumgartner,他将带您了解HTTP/2环境中捆绑的潜在缺陷和不良影响。

  • 既成事实:施动技术来了

    ·

    人工智能是一个非常热门的话题。日常设备更加了解我们的需求并“学习”以适应这些需求的过程将在未来的用户体验中发挥重要作用。在这段节选自《设计施动者技术》的节选中,为人们工作的人工智能Chris Noessel,研究代理技术以及它如何代表用户工作。

  • 考虑我们如何使用HTTP/2

    ·

    在不兼容的浏览器上,HTTP/2是一种不太好的体验。Jeremy Wagner解释了现实世界中性能问题的真实程度,以及如何使站点资产的交付适应用户的连接。

  • 负责任地使用HTTP/2:适应用户

    ·

    取决于你的听众的能力,为HTTP/2优化的站点可能对您的用户的一部分有害。Jeremy Wagner向我们展示了自适应内容交付如何改善不兼容浏览器导致的站点性能。

  • 实际的SVG

    ·

    “调整svg的大小比调整img更复杂,”Chris Coyier在他的新书《实用svg》的摘录中写道。但是,他继续说,它以一种好的方式变得复杂——它给了我们更多的控制,并开启了一些有趣的新可能性。继续读下去。

  • 互动是一种增强

    ·

    网络上有无数的单点失败的恐怖故事,网站为哑巴用户提供空白和阻塞的页面。但问题不在于JavaScript和其他技术,而在于我们如何使用它们,仅仅依靠它们,而不是分散我们提供经验的方式。在适应性网页设计第5章的摘录中,第二版,Aaron Gustafson解释了为什么理解和在限制范围内工作是建立弹性网站的关键。

  • 表现:展示与讲述

    ·

    性能优化的技术方面无疑是非常重要的。但是那些说服社会工作的同龄人,经理,而那些认为性能优化值得关注的客户往往被忽视了。Lara Hogan向我们展示了如何超越图表,图,数字显示的是表现,而不是仅仅告诉它,并在这个过程中产生真正的文化转变。

  • 即时网络

    ·

    对于一些人来说,Facebook的即时文章表明,传统的betway体育注册网络堆栈无法为用户提供一流的阅读体验。但是,web的缓慢性能并不是因为技术本身的缺陷。这个问题是由座椅和键盘之间产生的,建筑商的选择使他们的网站膨胀。对于Mark Lobrera,即时文章是一种迹betway体育注册象,表明我们需要像真正意义上的那样优先考虑性能。

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

    ·

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

  • 让链接成为链接

    ·

    Web作为应用程序平台的概念从未如此流行。单页框架(如ember和angular)使创建提供更丰富内容的复杂应用程序变得容易,比传统网站更强大的体验。但这种好处是有代价的。罗斯·彭曼告诉我们该怎么做。

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

    ·

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

  • 绩效至关重要

    ·

    Web性能不仅仅取决于JavaScript优化。幸运的是,W3C的Web性能工作组已经推出了新的API,帮助开发人员更准确地测量性能并编写更快的Web应用程序。

  • 暑期阅读问题

    ·

    第二期《阿拉巴马夏季读物》(Ala Summer Reading)是编辑们从最近的一份清单档案中挑选出来的一个深度库,洒上一些我们最喜欢的外部链接。今年夏天的精选品被排列成串,与设计过程相呼应。就像所有美好的夏日阅读,他们轻装旅行。(此问题也可以作为一个Readlist,适合在Kindle上阅读,iPhone,iPad,Readmill,或者其他电子书阅读器。)跳进去!