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

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

9月份存档,2015

冒名顶替综合症与循环跑(上)

星期三,9月30日,2015

这些是我在罗马尼亚SmartWebConf的演讲笔记。第1部分介绍了如何冒名顶替综合症使我们无法利用在会议上听到的信息。它涵盖了我们的培训和入职培训是如何侧重于编码而非人类特征的。在第2部分中,我展示了浏览器为我们做了许多我们似乎并不欣赏的伟大事情。在最后一部分中,我将解释这是为什么以及为什么这是一个坏主意。这是一个行动的号召,让你感觉更好。在不觉得自己比别人差的情况下投入更多。

这是第3部分,共3部分。

本系列的第2部分最后解释了JavaScript是不容错的,然而,我们所做的几乎每一件事都依赖它。原因是我们想控制我们工作的结果。依赖浏览器为我们工作感觉很危险。能完全掌控一切感觉真好。我们觉得自己有能力把事情调整到最小的细节。

JavaScript是web的管道

毫无疑问,JavaScript是web的“管道”:您可以用它来修复一切。它是一种编程语言,而不是描述性语言或标记。我们有各种各样的逻辑结构来编写解决方案。这是很重要的。我们似乎渴望通过程序访问我们的工作。这就解释了CSS像Sass这样的预处理器。这些转身CSS到javascript中。最近,PostCSS甚至在融合这些语言和思想方面走得更远。我们喜欢详细的访问。同时我们也抱怨复杂性。

无论我们做什么——问题仍然是客户端JavaScript是不可靠的。因为它不能容忍错误。任何一个错误——即使不是由您引起的错误——都会导致我们的最终用户得到一个空屏幕,而不是他们想要的解决方案。JavaScript有很多失败的方法。斯图亚特·兰格里奇保持一个伟大的流程图每个人都有JavaScript,对吧?”。

使用javascript修复浏览器问题有一个更大的问题。它让你对浏览器所做的事情负责。你把它放在自己身上修复网络,现在你的工作就是继续这样做——永远,而且永远…

比如页面渲染,CSS使用javascript进行支持和页面加载在修复问题时感觉很好。我们可以显示一个长的旋转器,而不是缓慢的页面加载。这让我们感觉很好,但对我们的最终用户没有多大帮助。特别是当转轮没有超时错误的情况下,比如浏览器加载。

用JavaScript解决问题很有趣。它看起来足够简单,并且消除了一个未知的浏览器支持问题。它让我们专注于建造更大更好的东西。我们不必担心浏览器问题。

成为一个解决万维网问题的人是一种鼓舞人心的感觉。看到人们依靠我们的大脑为他们解决问题,这会增强我们的自尊心。很高兴看到他们变得更有效、更快、更自由地创建下一个Facebook。

当你想继续做其他事情的时候,它就不那么令人惊奇了。当人们有过分的要求或滥用你的系统。雷米锋利最近就这个问题发表了一系列诚实而重要的博文。”自由的毒害面是一本伟大而可怕的书。

如今,以“开源”的形式在JavaScript中发布一些新东西是很容易的。Github使它或多或少成为一个一步过程。我们有一个免费的维基,问题跟踪和贡献过程与它引导。那当然,这并不意味着我们可以把它变得更复杂。我们按照埃里克·道格拉斯的解释做。

开放源码是免费的

将软件或解决方案作为开源发布与免费提供是不一样的。这是与用户和参与者进行长时间对话的开始。这伴随着所有的戏剧性和困惑,这就是人类的互动。开放源码是免费的。它伴随着责任。如果做错了,就会导致产品和社区的不良行为。

帮助阻止人们从出血边缘跌落

300崖

如果您接受开放源码和在Web上发布是一项团队工作的想法,你意识到没有必要站在最前沿。相反,任何“走出去”的想法都需要一组同龄人来审查,并使用它来获取关于这个想法到底有多明智的数据。我们常常跳过这一部分。我们不是给出反馈或对解决方案作出贡献,而是抛弃它,建立自己的解决方案。这意味着我们所要做的就是处理代码而不是人。这也意味着我们要为那些在网络上乱扔垃圾的过去的问题堆积那些已经不受欢迎和未使用的“惊人的解决方案”。

平均web页面大小为2MB,包含超过100个http请求。大部分是图像,但是也有很多JS和CSS神奇的解决方案。

如果我们认为互联网的下一个增长点不在我们所在的国家,但在连接不稳定的新兴地区,我们的行动方针应该是明确的:清理网络

当然,我们需要创新和增强我们的网络技术栈。同时,理解web是一个前所未有的软件环境也很重要。这不仅仅是关于我们投入了什么,这也关系到我们不能失去什么。其中最重要的部分是普遍获取。这也意味着它需要保持从消费者到网络创造者的易用性。

如果你看了新兴国家的互联网使用情况,你会学到惊人的必威体育下载数字和增长预测。

您还了解到我们无法必威体育下载控制最终用户看到的内容。我们的许多JS解决方案将被删除。我们的许多美丽,精心制作的图片被优化为模糊的混乱。那太好了。这意味着未来网络的用户就像我们当初站起来反对浏览器垄断时一样拥有强大的力量。

现在你明白了:你不必成为下一个的发明者NPM模块解决我们所有的问题。你可以,但是你不应该因为你对这样做不感兴趣而感到难过。正如卡尔文和霍布斯名气的比尔·沃特森所说:

我们都有不同的欲望和需求,但是如果我们没有发现自己想要什么和我们的立场,我们会消极地生活,没有成就感。

所以,积极主动。不要被别人的聪明所吓倒。如果你没有成千上万的追随者和Github明星,不要灰心。找到你能做的,如何帮助融合最前沿的技术以及我们产品中的内容。最重要的是——帮助网络再次变得精简和简单。这里曾经是我们所有人的游乐场——不仅仅是那些拥有漂亮玩具的孩子们的游乐场。

你这样做是为了和那些乱七八糟的孩子说话。那些为简单问题构建太复杂和太大解决方案的人。他们这样做是因为聪明的人告诉他们,他们必须使用所有这些工具来构建它们。处于出血边缘的人太忙了,不能这样做。你可以。我承诺,通过教书,你最终会学到东西。必威体育下载

冒名顶替综合症与循环跑(下)

星期一,9月28日,2015

这些是我在罗马尼亚SmartWebConf的演讲笔记。第1部分介绍了如何冒名顶替综合症使我们无法利用在会议上听到的信息。它还介绍了我们的培训和入职培训如何侧重于编码。以及它在社交技能和个性方面的不足。这篇文章谈论的是当前的情况。我们有很多很棒的东西可以玩,但是我们不使用它,我们总是追求下一个。

这是第三部分的第二部分。

当地人吃的午餐:11点的新闻

在阅读有关网络现状的文章时,没有缺少厄运和悲观的帖子。自然发展经常被引用为“吃我们的午餐”。只面向本地的交互模型被作为“人们现在使用的”东西卖给我们。它们中的许多都依赖于硬件或受专利保护。但是它们看起来很棒,相比之下,网络似乎落后了。

网络不需要到处竞争

这是真的,但也不足为奇。Flash展示了很多可能的东西HTML/ CSS / JS做不到。这些都是有趣的实验。当时他们看起来是个好主意。他们没有引起用户的抗议就离开了。本地环境所拥有的和我们在web上所做的是一种web无法取胜的比较。它不应该这么做。

每个定义的Web独立于硬件和交互模型。相反,原生环境不是。本机的成功在于严格的控制。你控制着互动,以及用户可以看到和看不到的内容。您可以锁定用户,而不让他们进入下一个级别。除非他们付钱或者购买你的应用或操作系统的下一个版本。网络是一种将用户置于掌控之中的媒介。本地应用程序和环境则不然。它们为用户提供了易于消化的体验。由商业理念和公司目标控制的经验。是的,在很多情况下,这种体验是美好的。但你所得到的只是一种易腐的好东西。应用程序的维护者控制旧版本中的内容,以及何时需要支付下一个版本的费用。操作系统的维护者规定应用程序可以做什么,不能做什么。任何应用程序都可以关闭并使用它获取您的数据。在web上,随着数据被归档和分发,这变得更加困难。

网络不再酷了——没关系。

进化发生了,我们现在就看到了。台式机上的浏览器并不是人机交互的全部。这是消费和贡献网络的一种方式。网络现在无处不在。这意味着当我们发现并形成它时,它并不像对我们那样让人兴奋。这是管道工程。你对供电和供水网了解多少?你从未想过要了解这些——而这正是人们现必威体育下载betway体育官方网在对网络的感觉。

这并不意味着网络已死——它只是意味着它是人们使用的东西。所以我们的工作应该是让这种体验尽可能的简单。我们需要提供人们可以信赖和信赖的良好服务。我们的目标应该是可靠性,不是花哨的飞行。

回到承诺上来很有趣HTML5给了我们。回到Flash/Flex被大肆宣传和替代的时代。当你这样做的时候,你会发现许多伟大的事情,我们现在没有意识到它们。我们抱怨他们不工作,现在我们有了他们——似乎没有人使用他们。

和形式

以表单为例。你可以看到演示我要在GitHub上展示。

归根结底,大多数“应用”的基本形式都是这样的:表单。输入数据,你得到了数据。游戏是例外,但是它们只是我们使用网络的一小部分。

当我作为一个Web开发人员开始时,表单意味着你输入了一些数据。然后你提交了表格收到一条错误消息,告诉您忘记了哪些字段你做错了什么。


              
              行动=
              “/cgi-bin/formmail.pl”
              >
             
  
               
               =
               “错误”
               >
              
    
               
                >
               出现了一些错误:
              
               >
              
        
             
              >
             
             
             href=
             “名”
             >
            名字是必需的>>
        
             
              >
             
             
             href=
             “#生日”
             >
            生日必须采用dd/mm/yyyy格式>>
        
             
              >
             
             
             href=
             “手机号”
             >
            手机只能有0-9个字符>>
        
             
              >
             
             
             href=
             “#时代”
             >
            年龄是一个数字>>
      >
    >
  >
  
             
              >
             
             
             =
             “名称”
             >
            联系人姓名*>
     
              
              类型=
              “文本” 
              身份证件=
              “名称” 
              的名字=
              “名称”
              >
              >
             
  
             
              >
             
             
             =
             “bday”
             >
            生日>
     
              
              类型=
              “文本” 
              身份证件=
              “bday” 
              的名字=
              “bday”
              >
              >
             
  
             
              >
             
             
             =
             “洛克”
             >
            标签的颜色>
     
              
              类型=
              “文本” 
              身份证件=
              “洛克” 
              的名字=
              “洛克”
              >
              >
             
  
             
              >
             
             
             =
             “电话”
             >
            电话>
     
              
              类型=
              “文本” 
              身份证件=
              “电话” 
              的名字=
              “电话”
              >
              >
             
  
             
              >
             
             
             =
             “年龄”
             >
            年龄>
     
              
              类型=
              “文本” 
              身份证件=
              “年龄” 
              的名字=
              “年龄”
              >
              >
             
  
              
              =
              “放送”
              >
             
    
               
               类型=
               “提交” 
               价值=
               “添加到联系人”
               >
              
  >   
>

带有错误链接的表单

这看起来不多,但是让我们记住一些事情:

  • 通过使用标签,我们可以让所有类型的用户独立于能力之外使用这个表单
  • 为移动用户创建更大的命中目标。带有标签的单选按钮意味着用户可以点击单词,而不是尝试点击小的圆形界面元素。
  • 当使用ID链接标签和元素时(除非将一个嵌套在另一个中),您还可以在错误链接中免费链接到一个目标
  • 使用提交按钮,用户可以点击按钮或按Enter发送表单。如果你用键盘,这是结束烦人的数据输入部分的非常自然的方法。

没有什么突破,我承认,但是有很多有用的功能。如果您使用所有这些功能,则必须模拟这些功能温泉NS和DIVS。所有这些都不需要一行JavaScript。

输入javascript

然后我们得到了javascript。这使我们能够创建更高保真的表单。在提交前通知用户发生错误的表单。不再重新加载不必要的页面。我们开始构建更丰富的交互模型,比如具有可选字段的表单,这取决于其他字段的内容。在我2006年的书中开始使用javascriptDOM在Ajax中编写脚本我有整整一章专门讲表单(下面是代码示例)。所有这些增强都存在这样的问题:当JavaScript由于某种原因无法工作时,表单仍然很高兴地向服务器提交数据。这意味着除了依赖客户端验证之外,还必须在服务器上进行验证。客户端验证是一个很好的选择,不是安全措施。

输入HTML5和浏览器便利功能

HTML5增压形式。一件令人惊奇的事情是,我们可以在任何表单字段上设置必需的属性,使其成为必需的,并阻止表单提交。我们可以定义用于验证的模式,并且我们具有作为特定于用例的小部件呈现的更高保真度的表单类型。如果浏览器不支持这些功能,最终用户得到的只是一个输入字段。没有人受到伤害,因为他们只需输入内容。

除此之外,浏览器为用户增加了方便。浏览器会记住适合命名和键入的输入元素的内容,因此您不必重复输入电话号码。这给了我们相当难以置信的用户体验。这是一个我们看不出来的特性。

这个例子


              
              行动=
              “/cgi-bin/formmail.pl”
              >
             
  
              
               >
              
              
              =
              “名称”
              >
             联系人姓名*>
     
              
              类型=
              “文本”必修的
              身份证件=
              “名称” 
              的名字=
              “名称”
              >
              >
             
  
             
              >
             
             
             =
             “bday”
             >
            生日>
     
              
              类型=
              “日期” 
              身份证件=
              “bday” 
              的名字=
              “bday” 
             
     占位符=“DD / MM / YYYY”>>
  
             
              >
             
             
             =
             “洛克”
             >
            标签的颜色>
     
              
              类型=
              “颜色” 
              身份证件=
              “洛克” 
              的名字=
              “洛克”
              >
              >
             
  
             
              >
             
             
             =
             “电话”
             >
            电话>
     
              
              类型=
              “电话” 
              身份证件=
              “电话” 
              的名字=
              “电话”
              >
              >
             
  
             
              >
             
             
             =
             “年龄”
             >
            年龄>
     
              
              类型=
              “数字” 
              身份证件=
              “年龄” 
              的名字=
              “年龄”
              >
              >
             
  
              
              =
              “放送”
              >
             
    
               
               类型=
               “提交” 
               价值=
               “添加到联系人”
               >
              
  >   
>

显示不同表单元素和浏览器自动填充的动画

这里发生了很多很酷的事情:

  • 如果不输入联系人姓名,我就不能发送表单。这就是必修的属性确实如此。这里不需要JavaScript。您甚至可以重命名或拦截错误消息。
  • 生日日期字段有一个占位符,告诉用户需要什么格式。您可以输入日期,也可以使用上下箭头输入日期。表格自动意识到没有13个月,有些月的天数少于31天。其他浏览器甚至会弹出一个完整的日历。
  • 采色器就是这样——一个视觉的,高保真色彩选择器(是的,我老是打错)
  • 电话数量类型不仅限制允许使用的字符,也可以在移动设备上切换到适当的屏幕键盘。
  • 任何错误的字段都有一个红色的边框——我甚至不记得我用JavaScript编写了多少次。这甚至可以与选择器一起使用。

这是我们免费获得的很多很棒的互动。减少数据显示以充分利用有限的空间怎么样?

原来,这就是我们所拥有的选择框因为,的渲染,但是使用起来并不有趣。作为一个生活在英格兰的人,不得不怀疑这是不是“英格兰”,“大不列颠”或“联合王国”在众多国家中,我知道那种感觉。尤其是在触控/触控笔设备上的小设备上,它们非常烦人。


              
              行动=
              “/cgi-bin/formmail.pl”
              >
             

              
               >
              
  
              
              =
              “郎”
              >
             语言>
  
              
              身份证件=
              “郎” 
              的名字=
              “郎”
              >
             
    
              
               >
              阿拉伯语>
    
             
              >
             保加利亚>
    
             
              >
             加泰罗尼亚语的>[…]
             
              >
             kinyarwanda>
    
             
              >
             沃尔夫>
    
             
              >
             达里>
    
             
              >
             苏格兰盖尔语>
  >
>  

              
              =
              “放送”
              >
             
  
               
               类型=
               “提交” 
               价值=
               “添加到联系人”
               >
              
>   
>

在选择框中滚动

然而,作为使用键盘浏览表单的人,我很必威体育下载早就知道,现在选择框变得更智能了。您不必通过单击小箭头或使用箭头键在它们之间滚动,而是可以开始键入要选择的选项的第一个字母。这样您可以更快地进行选择。

在选择框中键入

这只适用于以您键入的字母序列开头的单词。正确的自动完成功能还应该与选项中间的字符序列相匹配。为此,HTML5是否有一个名为datalist


              
              行动=
              “/cgi-bin/formmail.pl”
              >
             
  
              
               >
              
    
              
              =
              “郎”
              >
             语言>
    
              
              类型=
              “文本” 
              的名字=
              “郎” 
              身份证件=
              “郎” 
              列表=
              “语言”
              >
             
    
               
               身份证件=
               “语言”
               >
              
      
               
                >
               阿拉伯语>
      
             
              >
             保加利亚>
      
             
              >
             加泰罗尼亚语的>[…]
             
              >
             kinyarwanda>
      
             
              >
             沃尔夫>
      
             
              >
             达里>
      
             
              >
             苏格兰盖尔语>
    >
  >  
  
              
              =
              “放送”
              >
             
    
               
               类型=
               “提交” 
               价值=
               “添加到联系人”
               >
              
  >   
>

[…]

这个扩展了输入元素与A列表属性与像你期望的那样工作:

datalist自动完成的例子

这里有一个有趣的概念。不是让选择框具有相同的功能并将其汇总到其他UI库中存在的组合框中,的工作小组HTML5选择增强输入元素。这与其他新的输入类型是一致的。

然而,对于不支持。的浏览器来说,这感觉很奇怪datalist元素页中的所有这些内容都将是无用的。Jeremy Keith也有同样的想法,他提出了一个允许选择元素的模式在旧浏览器和新浏览器中的数据列表中:


              
              行动=
              “/cgi-bin/formmail.pl”
              >
             
  
              
               >
              
    
              
              =
              “郎”
              >
             语言>
    
              
              身份证件=
              “语言”
              >
             
    
               
               的名字=
               “郎”
               >
              
        
               
                >
               阿拉伯语>
        
             
              >
             保加利亚>
        
             
              >
             加泰罗尼亚语的>[…]
             
              >
             kinyarwanda>
        
             
              >
             沃尔夫>
        
             
              >
             达里>
        
             
              >
             苏格兰盖尔语>
      >
    >
    
             
              >
             或指定:>
    
              
              类型=
              “文本” 
              的名字=
              “郎” 
              身份证件=
              “郎” 
              列表=
              “语言”
              >
             
  >  
  
              
              =
              “放送”
              >
             
    
               
               类型=
               “提交” 
               价值=
               “添加到联系人”
               >
              
  >   
>

或指定:

这是一个数据主义者HTML5兼容的浏览器。

数据列表自动完成示例工作

在旧浏览器中,你得到了一个合理的回退,重用文档中的所有选项元素。

datalist自动完成示例失败并退回到选择框

这不是巫术,而是基于对如何做的坚定理解HTMLCSS工作。这些都是容错。这意味着如果发生了错误,跳过它,然后继续应用文档或样式表的其余部分。

在这种情况下,旧浏览器不知道datalist是多少。当浏览器呈现未知元素的内容时,它们只看到一个选择框和一个输入元素。未知的列表无法理解输入元素的属性,浏览器跳过了这个,也是。

HTML5浏览器看到一个datalist元素。每一标准,所有这些都可以包括选项元素。这就是为什么选择,也不输入上面的文字会被渲染。它们是无效的,所以浏览器会删除它们。人人都赢。

对控制的渴望

现在的浏览器和它们实现的标准充满了这样的聪明和漂亮的东西。当它们被定义时,我们大声而愤怒地要求得到它们。我们测试过,我们抱怨,我们今天展示了明天要做的工作,然后就忘记了。我们继续追求下一个创新。

为什么会反复发生?为什么我们不停下来看看我们有多少很棒的玩具可以玩呢?很简单:控制

我们喜欢控制局面,喜欢主动出击。这就是为什么我们不断尝试样式化表单元素并创建我们自己的滑动器,滚动条和下拉框。这就是为什么我们使用一些过时的标准浏览器的不支持作为借口,完全抛弃它,转而编写JavaScript解决方案。我们没有时间等待浏览器将他们的行为组合在一起,因此,我们决定拯救这一天。好吧,不,不是这样。

因为你可以用JavaScript做任何事情,这并不意味着你应该这么做。我们发明了HTML5作为XHTML因为它有一个缺陷:一个错误的编码或者元素的嵌套,文档就不会呈现。最终用户会因为我们的错误而受到惩罚。这就是为什么HTML5容错。

JavaScript并不是。发生的任何错误都意味着最终用户将看到一个无止尽的转轮或一个空页面。这不是创新,这是在不牢固的基础上建造的。当我们这样做的时候,我们忘了重访我们在浏览器和标准支持方面的基金会。现在是这样做的好时机。您会惊讶地发现,只有使用JavaScript UI框架时,您才会想到有这么多很酷的事情。

但是在这篇文章的第3部分中会有更多。

冒名顶替者综合症与兜圈子(上)

周四,9月24日2015

约翰·斯坦贝克:既然你不必做到完美,你可以很好

我刚从罗马尼亚的SmartWebConf回来。我作了闭幕演讲。我希望它的速度慢一些,比我通常提供的更能反映问题。我搞砸了,当我再次对这个话题充满激情时,但这是好事。我对得到的反馈感到高兴和谦卑。许多人感谢我把他们的忧虑用语言表达出来。这就是为什么我在这里提供录音和幻灯片,再写一篇关于这些想法的长篇文章。

这是3的第1部分。

更新谈话视频现在出去了。

视频记录在YouTube上(如果你想下载,我用YouTube DL

幻灯片位于幻灯片共享上并且在他们的头版上出现过。

轮子在旋转,但仓鼠几乎死了——smartweb 2015 必威体育下载克里斯蒂安·海尔曼

会议结束总是一个美妙的时刻。你很有灵感,着迷,兴奋,充满希望,准备好申请和使用所有你听到的酷的东西。你和人谈得很有趣。你发现其他人和你有同样的问题和担忧。你被驱使着去正面解决它们(问题,不是其他人)。当主持人和组织者把他们的工作做好时,就会发生这种情况。

问题是,当你回去工作时,这些模糊的感觉往往会消失。会议就像茧一样,和那些理解你的人在一起——因为他们有相同的想法和想法。

回到你的日常工作中会让你感觉不再那么好。你上网。在我们这个行业的社交媒体频道上,你会被铺天盖地的东西淹没。你觉得你应该知道的比你知道的更多,并且使用那些酷孩子们使用的所有聪明的解决方案。相反,你会看到一大堆你需要克服的错误。你看看你工作了一年的产品。你会遭受到它复杂的过程。您会对那些您想要清理但又无法触及的代码感到沮丧。

骗子综合症丑陋的抬起头来,带来了黑暗的感觉。

  • 那种不属于你的感觉……
  • 感觉你不够好…
  • 那种你不能贡献任何有用的东西的感觉……
  • 你应该为没有使用最新最酷的东西而道歉…

这些都是废话你不应该把宝贵的时间花在他们身上。你不必给任何人留下深刻印象,你不必打败别人。你所需要担心的是,明天你会比今天更好。你可以用很多方法做到这一点。做一个善良的人。必威体育下载学习新东西。质疑你的偏见。试着理解为什么有人不喜欢你做的事。和许多更多。

在我们的小世界里,我们开始互相施加荒谬的压力。它基于一件事:工程和技术。好吧,这是两件事,但一件往往导致另一件。

我们把工程变成了一种宗教。伴随着教条和神圣的战争。

这体现在以下几个方面:

  • 我们重视代码胜过一切。我们使“学习编码”必威体育下载成为一种适当的崇拜,成为一切事物的答案。我们不断地把“代码”这个词延伸到痛苦的程度。您输入并遵循某些逻辑或指示运行时执行某些操作的所有内容都被视为代码。它背后的思想变得次要,这可能很糟糕。编写好的HTML不是要指示机器用它做什么。编写好的JavaScript并不是写出大量的内容。
  • 我们通过数量和可见度来衡量我们的价值,不是靠我们的贡献。AS莎拉梅在推特上写的
    这是我的Github贡献图。我他妈的整天都在写代码。我想在工作之外做些不同的事情。
    当她努力在工作中发挥作用而不是在空闲时间时,她是不是更少地是一名程序员?我们的创意工作与我们的交付是否脱节?
  • 我们认为自动化是一切的最终目标。人类应该做一些计算机可以做得更好的事情,而不是做一些琐碎的工作。比起重复,我们更看重自动化任务的库、脚本和方法。重复就是失败。它也可能有助于建立肌肉记忆。通过自动化我们所有的任务,我们让新开发人员了解为什么这些自动化工具如此有用。必威体育下载我们把它们从原来的问题中去掉。面对这些问题,他们可以学到很多必威体育下载东西,而不是依靠一个神奇的解决方案,他们不明白。

这是危险的想法。人类,我们不仅仅是计算机器。我们不能以机器的极快速度工作。抽出时间什么都不做是我们心理健康的重要组成部分。通过创造机器使我们的生活更容易,我们可能最终会得到一个不需要我们的世界。这可能是好事,但它的经济状况相当糟糕。CPG灰色的人类不需要申请是一个有趣的15分钟节目。betway体育官方网

这种对所有问题的技术解决方案的不健康关注导致了我们雇佣方式的改变,这让我很恼火。我们似乎庆幸自己在招聘和培训方面的社会无能。在面试中,我们会问一些可笑的脑筋急转弯问题饮料Buzz文本,这有助于

过滤掉99.5%的编程类求职者,他们似乎无法从湿纸袋里跳出来编程。

这样的自大不会不受惩罚。例如Estelle Weyl展示几行CSS能解决嗡嗡声吗测试。她开玩笑地把自己的推特设计成一个“CSS面试问题”,这让我很害怕。人们可能不会觉得这是一种讽刺,认为这是一种邀请CSS从纯编程逻辑的角度进行访谈。CSS不是关于神秘的编码谜题,它是关于描述接口和交互的。我们再一次带来了一些重要的东西,这些东西在“代码”中扮演着重要的角色。因此,我们使工程人群更容易察觉。一开始并不怎么尊重它的人群。

像这样的面试问题很可怕,傲慢和目光短浅。我们一直抱怨我们的市场缺乏多样性。然而,在我们的入职过程中,我们没有庆祝多样性,而是像这样设置陷阱。别让我开始讨论黑客时代的概念来增加多样性。没有银弹来强制整合。如果我们想更加多样化,我们必须改变我们的雇佣方式。我们还需要调整我们的晋升和薪酬路径。现在,我们的市场看重那些与同行不断竞争的“摇滚明星忍者编码器”。这不是组建团队的良好开端。

多元化不是一个目标,而是一个开端。你的产品会更有弹性,与一群志同道合的人相比,与不同的团队合作更有趣,交付速度更快。当你烹饪食物的时候,你会在其中加入香料。这就是多样性能给我们的市场带来的。

我们教学的方式不应该是假设的例子,而应该是我们工作的媒介。三年前布雷特·维克托被释放必威体育下载可学的编程,采用不同方法学习“代码”的实践培训课程。必威体育下载我们应该有更多这样的,更不用说学习最酷和最新的资源了。必威体育下载

我们不缺乏学习手艺的资源必威体育下载从现在开始。他们中的许多人的问题是,他们假设了大量的知识,并期望有一个特定的环境。

必威体育下载学习是个人的事情。如果你觉得跟随学习资源是愚蠢的,必威体育下载不要使用它。你不傻——你用错了资源。我们都有不同的连线。如果你不明白某件事,请教这门课的人解释一下。如果有一个咄咄逼人的答案,或者根本没有,你知道教学资源的目标不是教育,但为了炫耀。这很好,但这不应该让你感到沮丧。也许你不需要这些新知识。相反,找一些让你快乐的事情。你比别人更擅长的事情是因为你喜欢做。

在第2部分继续,我会看看我们有什么,为什么不使用它。

注意浏览器的间隙状态5是一个爆炸

星期天,9月13日,2015

昨天是第五版的浏览器在伦敦,英国。SOTB这一直是一个特殊的事件:所有浏览器的代表(以及对苹果可能会做什么的困惑)都来了,就热门的新技术话题进行简短的演讲,然后组成一个小组回答人们的问题。

今年,格式改变了,取而代之的是有趣的人进行了很多25分钟的谈话,不管他们为谁工作。也没有专门小组。

SOTB还是一个可爱的,伦敦市中心的活动非常友好,价格也非常实惠,因此非常方便。组织者也会每月举行一次聚会,而且他们都是好鸡蛋。

因为我的小新公寓已经没有空间了捐献了所有的粪便,书,包和衬衫贴纸在过去的10年里,我收集了一些来参加这次活动,它们的收藏令人印象深刻。人们拿走了很多(除了一个德国人。CSS书)。

SOTB SWAG

所有的演讲都被录下来并进行了现场直播,视频也在慢慢地进入组织者的Vimeo饲料

排成一排的人很好,说话的圈子里到处都是新面孔,其中一些人进行了第一次演讲。这是我的便签(按时间顺序说话):

  • Seb Lee Delisle的“长大不一定很无聊”本应是他所有创造性项目的一个集合,使用激光投影,但最终成为情景喜剧,因为他的视频都不起作用。然而,他的解释和娱乐,让观众鼓掌和波动,以控制声音和flappy bird动画使用kinnect,所以每个人都很高兴。一定要找到布鲁斯·劳森和我在第一排跳其他人的舞
  • Edd Sowden的“可访问性和如何从你的屏幕阅读器中获得最大的好处”转向了“你用数据表做什么,他很有见地,研究得很好,最重要的是——看起来很有趣。Edd提供了一种奇妙的、毫无新意的浏览器工作方式。值得你是时候看这个视频了检查他的幻灯片
  • 梅林达Seckington“学习。必威体育下载反映。重复一遍——我们如何组织内部黑客日和其他活动——“谈到她克服了她的骗子综合症,以及如何教导人们并相互学习。必威体育下载你可以在视频里看到她
  • 马丁·杰克的第一次演讲“另一个十亿的浏览器和物联网”在我为自己的演讲做准备的时候,我有点忘了。他回顾了一下WAP以及早期的移动技术,并展示了物联网对我们来说意味着再次更加关注低端存储设备。
  • 我自己的演讲在这里贴得更远。到目前为止,这里是幻灯片和一个截屏视频
  • 布鲁斯•劳森(Bruce Lawson)的《确保未来10亿人拥有一个高效的互联网》(being a performance Web for the Next Billion People)对新兴市场的机遇进行了大量总结,提醒我们这对我们的产品意味着什么。布鲁斯的幻灯片在这里–里面有一些很好的可重复使用的信息。
  • 劳拉·伊丽莎白的《从页面到模式:模式库如何改变网络面貌》是我今天最大的惊喜。第一次演讲的时候,她非常紧张,她做了一个非常愉快的演讲关于使用模式库并让它们为您的客户工作。组织良好,充分的研究和信心十足的交付。如果你正在寻找一个对开发需求有深刻理解的面向设计的演讲者,劳拉是一个值得考虑的新人。
  • AdamOnishi的“最佳浏览方式…”是一次记忆之旅,我们是如何在浏览器支持和渐进增强方面做错事的,以及我们是如何重复这些错误的。非常有说服力的演讲,非常自信和有趣的演讲。
  • AdaRoseEdwards的“网络动画表演”是一个让动画表演的旋风之旅,包括一些非常遥远的想法,比如使用着色器在不减慢主线程的情况下浏览大量数据。她的幻灯片在这里他们链接到她展示的所有演示。Ada现在是我的Javascript演示者,向会议介绍,所以,希望她能有更多的欢乐。
  • 菲尔·纳什的《网络变得咄咄逼人》再一次证明了他对浏览器不能做他想做的事情和实时编码的恐惧的完全漠视。聪明,节奏很好,很好的谈论网络上的实时更新和通知。

Twitter对这一事件的报道非常广泛,目前仍在进行中,因此请务必查看#sotb5标签,以获取更多信息。

我的演讲是一个较长时间的快速预览,我正在努力哀叹和解释我们在这些事件中倡导的“共同知识”与我在网络上看到的人们之间的差距。我们是泡在泡里的一个泡,是时候爆发了,把我们已经厌倦的伟大信息带给那些搅乱网络的人。的幻灯片在这里和我录制了一个屏幕广播如果你想保留上下文。我很期待这个视频。

总而言之SOTB非常值得你花时间和金钱。如果你也住在河边,一定要参加伦敦网络标准会议。

有点遗憾的是格式变了,我有点怀念对浏览器的关注,希望有人能接受它,否则我们会每月组织一次聚会。我正在想办法解决这个问题。

我们把ES6作为新的基准怎么样?

星期三,9月9日,2015

低音弦

昨天晚上,太迟了,我在这里写了一篇关于制作的长文ES6网络的新基线。这不是一篇好文章。它做了很多假设,这并没有经过深思熟虑。所以我把它取了下来。

我正在写我的巴西的主题演讲在这个问题上,多加思考。和这是这个主题演讲的录音: