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

您当前正在浏览必威体育下载克里斯蒂安·海尔曼五月的博客必威体育简介档案,2017。

5月存档二千零一十七

打破俄罗斯方块的思维定势

星期二,5月23日,二千零一十七

这是今年主题演讲的较长版本在泰洛兰德之外会议。我先前发布了有关演示文稿的视频和幻灯片.在这里你可以得到更长的文字记录和解释。如果你喜欢中等程度的阅读,这是同一个帖子

在网上工作真是太棒了。我们有一个分散的设备网络形式的巨大礼物。帮助世界各地的人们交流和学习的网络。必威体育下载以及巨大的娱乐资源。我们可以根据自己的需要和兴趣来调整礼物,而不是拆开和消费。我们中的一些人甚至知道创建Web界面所涉及的技术。允许他人使用内容并成为创建者的接口。

然而,大家都有一种失败的感觉。网络似乎永远都不够好。尽管我们付出了所有的努力,但网络并不像一个专业的软件平台。我们对网络标准化的努力使得成为一个“网络开发人员”变得容易,但似乎没有奏效。我们一直在重新定义这到底是什么。

最近很多会议都在讨论心理健康。说我们工作太多,哪儿也不去。谈到如何支离破碎,我们的技术组合是不安全和不专业的。

有一段时间,有一个模因围绕着这个感觉总结得很好。关于俄罗斯方块游戏:

“如果俄罗斯方块教会了我什么,是错误堆积,成就消失”

这是有道理的。我们在网上工作了近20年,目前的情况并不令人鼓舞。一般来说,网站太大,不能在移动设备上使用,而在笔记本电脑上使用太麻烦。我们在手机上限制太多。我们塞满了一个众所周知的厨房水槽,在我们的桌面解决方案中进行编码和侵入式广告。

让我们看看那里发生了什么,以及我们如何将自己从这个俄罗斯方块心态中转移出来。我将从放大开始,谈一谈我们沟通技术的方式。

当这是所有领域的时候…

鸣叫
我以前的推特之一–这是我的旧电脑设置。注意墙上联系人的照片。

当我开始使用计算机时,我的设置是以当前标准为基础的。但我没用电脑玩。我想用它来交流。这就是我联系其他创作者和创作者的原因,我们分享了我们写的东西。我们分享了使我们的生活更容易的工具。我们互相认识,写长笔记和解释。我们通过邮件沟通,互相发送软盘。一旦我们更加了解彼此,我们分享了照片,亲自拜访了对方。这是人类创造的方式。沟通的代价很高,你必须付出很多努力。这就是为什么我们保证它是高质量的,亲切的沟通。你得等上几个星期才能得到答复。在你创建并邮寄包裹之前,你要确保你说了你想说的每一句话。

通信速度低

快进到现在。沟通是十拿九稳的事。我们一直保持联系。与其花时间和精力去了解他人、解释和领导,我们大声喊叫。我们的目标是成为世界上最多产的交流者。或者证明一个大声而多产的人是错误的。或者取笑别人花了很多精力做的事情。

沟通的直接性和普遍性正在降低我们的行为方式。我们不想预先付出太多努力。一系列的信息给你的印象是,一旦你犯了错误,很容易就改正。但是持续不断的信息密集使得谈话中的其他人被拒之门外。只有当一些事情看起来不寻常时,他们才会竖起耳朵。这就是极化产生的原因。以积极的方式打动观众会导致不健康的竞争。发出强烈的负面信息会导致女巫猎杀和推特事件。我们使用的系统内置了竞争机制。他们驱使我们必须赢得比赛,并一直发布最令人惊奇的东西。游戏化是社交网络的本质。你会得到喜欢、浏览、转发和收藏。写得越多,交互得越多,访问和特性的级别就越高。我们鼓励您使用诸如emoji之类的内置功能进行交流,GIFS和模因。这不是为了积累合理的内容和寻找解决方案。它是关于保持对话和争论的进行。为了获得更多点击,视图和互动可以向我们展示更多的广告——在网络上实现货币化的简单方法。

这个模式带来的是戏剧和教条。你的观点越离谱,你造成的互动越多。你的方法越武断,你拥有的弹药越多,就越能证明别人是错的。这不是为了达成共识,这是关于胜利的。赢得毫无意义的互联网积分,并在你做到这一点的同时烧掉不少桥梁。它让人上瘾。你做得越多,获胜的冲动越大。当你不赢的时候,不成就感会更具破坏性。

今天零散的风景

让我们再次放大我们作为Web开发人员所做的工作。Web开发是一系列方法。我会用俄罗斯方块(俄罗斯方块的官方名称)来解释这个问题。

所有俄罗斯方块
所有的电子管,描述了Web开发方法的范围,从信任和保守到创新和控制

在一端,我们有一个保守的团队,不信任任何浏览器或设备,并将其全部保存在服务器上。另一方面,我们有人希望在客户机上运行所有的东西,并用自己的抽象来取代Web标准。保守派允许用户根据自己的需要定制他们的设备和环境。另一个极端是可以阻止不符合某些标准的用户。

以下不是我引用的。多年来我遇到过他们,匿名和编辑他们的简短。让我们开始吧。

右边,保守区…

右块

这群人很可能在网络上呆了很长时间。他们许下了许多多的承诺,并且看到新技术被证明过于单薄,无法反复使用。那些记得我们必须支持糟糕环境的网络的人。浏览器是一个没有任何开发工具的哑渲染器的Web。

以下是我一直听到的一些引言:

你不能信任客户,但是你可以信任你的服务器。
网络标准很好,但我们不要过分追求花哨的东西。

bq/很高兴有常青浏览器,但这不适用于我们的客户…

这种方法可以防弹,工作界面。可能使最终用户感到厌烦的接口。如今,在每次交互中都必须重新加载一个页面似乎很笨拙。而且,在移动连接上,这是完全令人沮丧的。移动设备使用客户端技术提供大量的网络浏览功能。更糟糕的是,这种方法并不奖励那些保持环境最新的最终用户。

右边,保守派…

右倾挡块

这些人对客户端功能为您提供的机会更为兴奋。但他们会小心行事。他们不想根据自己的能力或技术设置破坏网络或锁定最终用户。

有些引用可能是:

渐进增强是构建工作解决方案的方法。你建立在静态的基础上 HTML从后端生成,您将永远不会破坏用户体验。
您无权阻止任何用户。网络独立于设备和能力。我们的工作是确保人们可以使用我们的产品。我们依靠标准来做到这一点。

Web产品在每个环境中的外观和工作方式都不必相同。
工作,美观的界面,随环境变化而变化。

这是两全其美。但这也意味着您需要测试和理解旧环境的限制。浏览器制造商从这个小组学到了很必威体育下载多东西。它想让网络工作,并对浏览器的功能有更多的控制。这对标准身体有很大帮助。

广场

广场

这是最关心HTML我们创造。他们是主张语义的人HTML以及合理的结构。

你听到的一些常见短语是:

不管你做什么, HTML总是浏览器得到的东西。 HTML具有容错能力,无论何时何地都能工作。
使用语义 HTML免费给你很多东西。可及性,缓存,快速渲染。你不能输。

HTML是最后的真理,100%正确。但我们在HTML5跨越式创新。高级表单交互并不像我们希望的那样可靠。添加咏叹调属性到HTML元素并不是让它们容易接近的银弹。浏览器制造商应该花更多的时间来解决这个问题。但是,相反,我们彼此竞争,试图成为最具创新性的浏览器。说到基础HTML支持,开发人员几乎没有任何改进的需求。HTML对大多数开发人员来说是无聊的,而浏览器则是宽容的。这就是为什么我们会淹死在水里温泉NS。我们不断提醒人们使用真正按钮的好处,锚和标题。

又直又窄…

笔直的街区

这是一个提倡Web的组织,它允许开发人员通过编写更少的代码来实现更多的目标。他们不想担心浏览器的差异。他们使用图书馆,填充物和框架。现在浏览器还不支持这些功能。

一些著名的说法是:

浏览器的差异很烦人,不应该妨碍开发人员。这就是为什么我们需要抽象库来解决这些问题。
在制定标准的过程中理解标准是我们没有时间去做的。
$library要容易得多——我们为什么不把它添加到浏览器中呢?

毫无疑问,jquery,现代主义者和多元填充物将感谢我们今天拥有的网络。问题是,太多的事情依赖于从未消失的止损解决方案。开发人员开始依赖于它们,而从不关注它们解决的问题。当前浏览器中不存在的问题,但我们保持它们的修复有效。也就是说,浏览器制造商和标准创建者从这些抽象中学到了很多东西。必威体育下载我们现在在javascript中有很多方便的方法,因为jquery铺平了道路。

T字块

T块

在俄罗斯方块,这是最通用的模块。它有助于你删除线或建立一个坚实的基础,以修复一个似乎毫无希望的情况。在网络上,这是javascript。它是跨越整个体验的唯一语言。您可以在服务器和客户机上使用它。在支持javascript的环境中,您可以创建CSSHTML有了它。

这导致了很多关于它的热情引用:

我可以用JavaScript做任何事情。网络上的每个开发人员都应该知道这一点。
使用javascript,我可以测试我想发生的事情是否发生了。我们不希望浏览器做得对——我们知道。

JavaScript是实现我们现在的网络所必需的部分。它可以让事情变得更容易接近,反应也更迅速。你甚至可以在特定的环境中找到可能的,并为它提供合适的解决方案。不过,这是一个易变的朋友,在脚本加载和执行之前,很多事情都可能出错。这是不可原谅的。一个错误什么都没有发生。

创新之作…

左侧靠墩

此组认为javascript支持给定的。他们想要有开发工具链。工具和其他编程环境一样丰富。

这导致引用如下:

依靠javascript是可以的。没有重新加载的计算值的好处太多了,无法忽略。

我不想考虑旧的浏览器和坏的环境。框架和构建过程可以做到这一点。

从文本编辑器和静态文件开始的概念已经不存在了。使用一个合适的工具链会给我们带来更多的好处。如果这对你来说太难了,那么你就不是一个网络开发者了。

像这样的网络标准 CSS,JavaScript与 HTML是转换目标。萨斯,咖啡剧本,榆树,降价和翡翠给了我们更可靠的控制。我们不应该等到浏览器赶上。

了解浏览器差异和中断的实现是浪费时间。从抽象开始更有效。

开发者的便利性胜过终端用户的体验。这会导致解决方案膨胀。我们知道这种膨胀,我们创建了许多技术来解决这个问题。浏览器制造商在这里帮不了什么忙。除了创建将抽象与最终输出(源映射)连接起来的开发人员工具之外。

创新阻滞剂…

左块

这些是最前沿的开发人员。他们想重新发明浏览器和标准的功能,因为它们不够快。

从这个范围的这一端来的常见引语是:

浏览器和网络标准太慢,不能给我们足够的控制。我们想知道发生了什么并控制接口的每个部分。
CSS被打破了。这个 DOM被打破了。我们的浏览器中有技术可以可靠地修复所有这些问题,因为我们能够洞察正在发生的事情并对其进行优化。

这种方法产生高保真度,美观、响应迅速的界面。当用户对运行的设备有很大需求时,这些接口会锁定大量用户。我们假设每个人都有机会进入高端环境,我们不迎合其他人。任何控制水平高的环境都有很高的责任感。如果你用自己的网络技术来取代网络技术,你负责所有的事情,包括维护。浏览器制造商可以接受这些新想法并将其标准化。危险是一旦我们拥有它们,它们就永远不会被使用。

解释
你越创新,你越需要对为每个人工作的界面负责。你越保守,你越需要相信浏览器来做正确的事情。

这个范围内的每一个群体都在网络上占有一席之地。在它们的参照系中,每一个都会为我们的用户带来更好的体验。区别在于责任和支持。

如果我们创建依赖于javascript的接口,我们将负责使它们可访问。如果我们依赖于预处理器,就由我们来向我们产品的维护人员解释这些问题。我们还需要更多的设备和终端用户的连接性。这可以阻挡相当多的人。

我们对浏览器和设备的依赖越少,我们越允许最终用户根据他们的需求定制界面。我们的产品随处可见。但他们也提供了一个愉快的体验吗?如果我有最新的高端设备,Evergreen浏览器我不想要1998年流行的界面。

谁定义什么,谁负责?

谁定义谁可以使用我们的产品?

最后谁能说出接口的外观和用途?

这个W3C很久以前就解决了这个问题。在它的设计原则中,你可以找到这个宝石:

用户超过作者,实施者超过说明符,理论纯度…

如果我们的用户是最终目标,发现和最佳实践应该双向进行。一个坚固的网络的倡导者可以向创新者学习,反之亦然。必威体育下载我们做得不太好。相反,我们建造筒仓。每种方法都有专门的会议,博客,疏通渠道和社区。通常我们对为什么一个或另一个更好的争论意味着贬低另一个。从长远来看,这是没有帮助的。

这在一定程度上是基于开发人员的心态。我们似乎天生就想解决问题,越快越好,以技术手段。这通常意味着我们会解决一些较小的问题并导致更大的问题。

现在的网络对开发者来说有多棒?

现在是时候理解我们的工作是在一个创造性的,不断变化的快速移动空间。真是一团糟,但是混乱是有趣的,在一个创造性的空间工作需要一定的态度。

电影界的创意人士都知道这一点。在美丽的迪斯尼动物园制作纪录片创意总监毫不含糊地解释了这一点:

作为迪士尼的故事板艺术家,你知道你的大部分作品都会被扔掉。我们的想法是快速失败,经常失败,创造和尝试很多想法。通过这个过程,你会发现两到三个伟大的想法,使电影成为一个伟大的故事。(释义)

不是想解决所有的小问题,让我们庆祝一下我们使用的标准和技术已经取得了多大进展。我们有坚实的基础。

  • javascript:javascript正在吞噬世界。我们使用它从在网络上创建一切到创建API和Web服务器。我们在其中编写了许多工具来构建我们的解决方案。JavaScript引擎是开放源码和可嵌入的。NodeJS和NPM允许我们构建包并根据需要重新使用它们。在ES6我们有更多的固体DOM访问和遍历方法。受jquery启发,我们有queryselector()和classlist()以及许多更方便的方法。我们甚至取代了笨重的XMLhttpRequest with fetch()。而且,这个概念或承诺以及异步/等待允许我们构建更具响应性的系统。
  • CSSCSS超越了选择字体和设置颜色。我们有从一个未知状态平稳过渡到另一个未知状态的转换。我们有动画帮助我们的用户沿着信息流。这两个fire事件都与javascript交互。我们有flexbox和网格来布局元素和页面。我们有定制属性,哪些是变量CSS但还有很多。自定义属性是CSS和javascript交互。您可以更改属性值,而不必在父元素上添加和删除类。或者,更糟糕的是,必须操作内联样式。
  • 渐进式Web应用程序:渐进式Web应用程序的概念是一个惊人的机会。通过创建清单文件,我们可以定义我们构建的是应用程序而不是站点。这样用户代理和搜索引擎就可以提供安装界面。浏览器允许访问设备和操作系统功能。服务人员提供离线功能,解决连接不可靠的问题。它们还允许我们在加载和显示文档之前即时转换内容。通知可以使我们的内容更粘,甚至不必显示应用程序。
  • 工具:我们的开发人员工具也突飞猛进。每个浏览器也是一个调试环境。我们有用网络技术编写的优秀编辑。工具链允许我们在有意义的时候生产我们需要的东西。不再向甚至不知道如何执行代码的环境发送代码。
  • 信息可用性:这些天保持最新也是很简单的。浏览器制造商可以获得反馈和信息。我们有很多协作工具。我们有比我们能计算的更多的活动,几乎所有的人都发布他们谈话的视频。

现在是我们填补空白的时候了。现在是我们意识到并非我们所做的每件事都必须永远持续下去的时候了,我们需要一个完美的解决方案。我们的成就可以消失。他们不可能成为网络的垃圾填埋场。

我们现在的工作是创建简单的接口,人性化和有趣的使用。没有完美的用户这样的东西——我们需要考虑包容。.这不是允许进入,而是避免障碍。

我们走了很长的路。我们使世界变得更小,更紧密地联系在一起。别再为一些小细节操心了,向网络展示更多的爱,热爱工艺,更尊重他人。事情正在好转,我迫不及待地想知道我们——在一起——下一步会想出什么。

你不欠世界完美,但是你有一个应该被听到的声音,你的输入很重要。有创造力——没有创造力是浪费。

你不欠世界完美!–在Deyond Tellerand的主题演讲

星期二,5月16日,二千零一十七

昨天上午我很幸运地在在泰洛兰德之外杜塞尔多夫会议,德国。我为这个场合写了一篇演讲,讲述了我们目前所经历的一个奇怪的脱节。
尽管网络技术突飞猛进,但我们似乎始终不满。我称之为俄罗斯人的思维定势:我们所有的错误都被认为是堆积起来的,而我们的成就却消失了。

伊娃·洛塔·拉姆在我的演讲中做了一些很好的素描笔记。
演讲笔记

谈话视频已在Vimeo上提供:

打破俄罗斯方块的思维定势在泰洛兰德之外维米欧.

您可以在Slideshare上获取幻灯片:

打破俄罗斯方块的思维定势 必威体育下载克里斯蒂安·海尔曼

接下来,我将在适当的时候就这个主题发表一篇更深入的文章,但今天,我很高兴主旨演讲受到好评,我想提醒大家,建立一些不持久的东西是可以的,你们不欠世界完美的。创造力是一个混乱的过程,我们应该对从错误中学习感到轻松。必威体育下载