必威体育下载基督教Heilmann

您当前正在浏览的是必威体育下载基督教Heilmann五月的博客必威体育简介档案,2017.

5月存档二千零一十七

打破俄罗斯方块思维模式

周二,5月23日,二千零一十七

这是今年的主题演讲的长版本除了Tellerrand会议。我早些时候发布了关于演示的视频和幻灯片.这里有更长的文字记录和解释。如果你喜欢中等程度的阅读,这是同一个帖子

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

然而有一种普遍的失败感。网络似乎永远不够好。尽管我们付出了所有的努力,但网络并不像一个专业的软件平台。我们努力使web标准化以使成为“web开发人员”更容易,但这似乎行不通。我们一直在重新定义偶数。

最近很多会议都在讨论心理健康。说我们工作太多,哪儿也不去。谈到如何分散,我们的技术堆栈既不安全又不专业。

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

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

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

让我们看看那里发生了什么,以及我们如何将自己从这个俄罗斯方块心态中转移出来。我将首先缩小范围,谈谈我们交流技术的方式。

当这是所有领域…

推特
我以前的推特之一-这是我的旧电脑。注意墙上联系人的照片。

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

降低通信速度

快进到现在。交流是一毛钱一打。我们一直在联系。与其花时间和精力去了解他人、解释和领导,我们大声喊叫。我们的目标是成为世界上最多产的交流者。或者证明某人的观点是错误的,他声音洪亮又多产。或者取笑别人花了很多精力做的事情。

即时性和无处不在的沟通正在降低我们的行为方式。我们不想在前期付出太多努力。一连串的信息会给你留下这样的印象:在你犯了一个错误之后,马上纠正它是很容易的。但是持续不断的信息密集使得谈话中的其他人被拒之门外。他们只有在有什么不寻常的事情发生时才会竖起耳朵。这就是极化产生的原因。以一种积极的方式给观众留下深刻印象的驱动力会导致不健康的竞争。发出强烈的负面信息会导致政治迫害和Twitter上的戏剧性事件。我们使用的系统有内在的竞争。他们驱使我们必须赢得比赛,并一直发布最令人惊奇的东西。社交网络就是关于游戏化的。你会得到喜欢、浏览、转发和收藏。编写更多的内容并进行更多的交互可以让您获得更高层次的访问和特性。我们鼓励你使用表情符号等内置功能进行交流,gif和模因。这不是积累明智的内容并找到解决方案。它是关于保持对话和争论的进行。为了获得更多的点击,视图和交互向我们展示更多的广告——这是在网络上货币化的简单方式。

这种模式带来的是戏剧性和教条。你的观点越离谱,你引起的互动越多。你的方法越教条,你拥有的弹药越多,就越能证明别人是错的。这不是寻求共识,它关乎胜利。赢得毫无意义的互联网积分,同时也烧毁了不少桥梁。它让人上瘾。你做的越多,越往上冲就越想赢。当你没有赢的时候,那种没有成就感的感觉就会更糟糕。

今天散落的风景

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

所有俄罗斯方块块
所有的Tetronimos,描述web开发方法的范围,从信任和保守到创新和控制

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

以下不是我的引语。这些年来我遇到过他们,为了简洁起见,对它们进行了匿名编辑。让我们开始吧。

正确的,保守集团……

正确的块

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

以下是我经常听到的一些引述:

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

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

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

正确的,保守派…

右倾块

这些人对客户端功能提供的机会更感兴趣。但他们行事谨慎。他们不想因为自己的能力或技术设置而破坏web或锁定最终用户。

有些引用可能是:

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

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

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

广场

广场

这是最关心的群体HTML我们创建。他们是提倡语义的人HTML和合理的结构。

你会从他们那里听到一些常见的短语:

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

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

直的和窄的…

连续的块

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

一些著名的说法是:

浏览器的差异是恼人的,不应该成为开发人员的障碍。这就是为什么我们需要抽象库来解决这些问题。
我们没有时间去理解正在形成的标准。
$library简单多了——为什么不把它添加到浏览器中呢?

毫无疑问,jQuery,现代主义者和多元填充物将感谢我们今天拥有的网络。问题是,有太多事情依赖于从未消失的权宜之计。开发人员变得依赖它们,从不考虑它们所解决的问题。当前浏览器中不存在的问题,但我们仍然保持它们的修复。也就是说,浏览器制造商和标准创建者从这些抽象中学到了很多。必威体育下载我们现在在JavaScript中有很多方便的方法,因为jQuery铺平了道路。

的T-Block

T块

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

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

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

JavaScript是我们现在所拥有的web的必要组成部分。它可以让事情变得更容易接近,反应也更迅速。您甚至可以找出在特定环境中什么是可能的,并为其提供合适的解决方案。这是一个善变的朋友,在加载和执行脚本之前,很多事情都可能出错。它是无情的。一个错误不会发生。

创新作品……

左倾块

这个组认为JavaScript支持给定的。他们想要开发工具链。与其他编程环境一样丰富的工具。

这就引出了这样的引语:

依赖JavaScript是可以的。不重新加载计算值的好处太多了,不容错过。

我不想考虑旧的浏览器和坏的环境。框架和构建流程可以解决这个问题。

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

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

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

在这里,开发人员的便利胜过最终用户的体验。这会导致解决方案膨胀。我们知道这种膨胀,我们创造了很多技术来解决这个问题。浏览器制造商对此无能为力。除了创建将抽象与最终输出(sourcemaps)连接起来的开发人员工具之外。

创新杀杀杀……

左边块

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

来自这一端的常见语录有:

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

这种方法产生高保真度,漂亮的响应界面。由于用户对运行在其上的设备有很大的需求,这些接口将大量用户拒之门外。我们假设每个人都能接触到高端的环境,我们不迎合别人。任何高度控制的环境也伴随着高度的责任。如果你用自己的技术代替web技术,你负责一切——包括维修。浏览器制造商可以将这些新想法标准化。危险在于,一旦我们拥有了它们,它们就永远不会被使用。

解释
你越有创意,你越需要对每个人的界面负责。你越保守,你越信任浏览器做正确的事情。

这一范围内的每一个群体在网络上都有自己的位置。在他们的参照系中,每一个都为我们的用户带来更好的体验。区别在于责任和支持。

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

我们对浏览器和设备的依赖越少,我们越允许终端用户根据他们的需要定制界面。我们的产品无所不在。但它们也能带来愉快的体验吗?如果我有一个最新的高端设备,我不想要一个1998年流行的界面。

谁来定义什么,谁来负责?

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

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

这个W3C我们很久以前就讨论过这个问题了。在它的设计原则,你可以找到这个宝石:

用户高于作者,高于实现者,高于说明符,高于理论纯度……

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

这在一定程度上取决于开发人员的心态。我们似乎天生就能解决问题,越快越好,用一种技术方法。这通常意味着我们解决了一些较小的问题,并导致了更大的问题。

现在的web对开发人员来说有多好?

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

电影行业的创意人士知道这一点。在美丽的关于迪士尼《疯狂动物城》制作的纪录片创意总监毫不含糊地解释了这一点:

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

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

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

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

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

我们已经走了很长的路。我们使世界变得更小,更紧密地联系在一起。让我们不要再为小事大惊小怪了。向网络展示更多的爱,对工艺的热爱和对他人的尊重。事情正在好转,我迫不及待地想看看我们接下来会一起想出什么。

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

你不欠世界的完美!-主题演讲

周二,5月16日,二千零一十七

昨天早上,我很幸运地在卓越学院做了开幕演讲除了Tellerrand会议在杜塞尔多夫,德国。我为这个场合写了一篇演讲,涵盖了我们此刻正在经历的一种奇怪的脱节。
尽管网络技术突飞猛进,但我们似乎始终不满。我把这叫做俄罗斯方块思维模式:我们所有的错误都被认为是累积起来的,而我们的成就却消失了。

Eva-Lotta Lamm为我的演讲做了一些很好的素描笔记。
演讲提纲

演讲视频已在Vimeo上提供:

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

你可以在SlideShare上下载幻灯片:

打破俄罗斯方块的思维定势 必威体育下载基督教Heilmann

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