必威体育下载Christian Heilmann

您当前正在浏览必威体育下载Christian Heilmann六月份的博必威体育简介客档案,2014.

6月存档,二千零一十四

Flight mode on

Monday,6月9日,二千零一十四

就像现在其他人一样,我把电话当作闹钟用。In addition to this,however,我也有意识地决定在夜间打开飞行模式。原因是有更新进来,可能会使它嗡嗡作响,也可能不会发出声音。Of course,我可以把它关掉。我当然不在乎。当然,这是胡说八道,因为我们是有线反应的声音和闪烁的灯光。

穿黑色闪光服的男人

In many applications the option to turn audio or visual or buzz notifications off is hidden well as their sole business model is to keep you interacting with them.我们做到了。All the time.24/7。因为我们可能会错过一些重要的事情。那就等不及了。我们现在需要知道,现在,now…

当我在旅途中——骑自行车,坐火车和公共汽车时,我也开始关机。我没必要一直开着它,因为在伦敦的火车上没有连接,我在公共汽车上试着用手机打电话时晕车了。此外,许多应用程序的离线和间歇性连接支持都非常糟糕。我只是厌倦了看旋转器。

装货博物馆

那又怎么样?我为什么要告诉你这个?原因是我开始对社交媒体感到厌烦和恼火。我感觉到自己是平庸无止境的潮流的一部分,快速胜利和无意义的数据消耗。对,我知道我这么说的“讽刺”,看看我在twitter上有多活跃,有多少“毫无意义”的毛绒动物材料,我就在其中穿插技术更新。

The point for myself is that我怀念过去联系缓慢、技术信息匮乏的时代。.好,不是真的miss,但我认为,我们在不断追求最新的、最令人惊异的东西,并率先打破一些新剧本或解决方案的“新闻”,从而损失惨重。
生日没有wifi

当我开始从事网络开发时,我有一个调制解调器。我还按分钟支付了我的连接费。我没有笔记本电脑。在工作中,我不允许阅读个人邮件或上网——我在那里参加会议,切片photoshop文件,将副本添加到页面和代码。

At home I had a desktop.我上网了,downloaded all my emails and newsgroup items (most of the time the headers only),surfed the web a bit,断开连接,开始回复我的电子邮件。I subscribed to email forums likewebdesign-l进化论CSS讨论还有很多其他的。在这些论坛里我找到了分开的清单网络猴子数字网站还有许多值得一读的书。

以现在的标准来看,这听起来既不方便又可怕,当我们恼火的时候,电视连续剧在飞机上没有缓冲就不能播放。是,但这也意味着我们失去了一件事:I cherished every email and every article much more than I do now.我很感激他们所做的工作,因为他们比较稀缺。这些天要想引起别人的充分注意,你要么是无耻的,要么是过分的。当限制在社交媒体更新上时,人群的智慧似乎变得非常可疑。不是最好的泡沫冒出来,but the most impressive.

Meeting Point

我还与这些列表和论坛中订阅的人建立了密切的关系,他们之间的交流超过140个字符。分开的清单,for example,was not only about the articles – the more interesting and amazing solutions came from the discussions in the comments.我之所以出名,是因为参加了这些讨论,同意和不同意别人的意见。Many people I know now who speak,coach,经营公司,在网络的活跃公司和振动器公司中占有很高的地位,来自于这群人。

我花时间消化东西,I played with technology and tried it out and gave feedback.我们花了点时间把粗糙的边缘削掉,想出了更圆润的东西。

We call this web of now social.我们拥有令人惊叹的连接和协作工具。我们有超出我们梦想的反馈渠道。但我们还是冲过去了。与其评论和给出我们喜欢的反馈,分享和1。与其写一个深思熟虑的回答,we post a reactionGIF.Instead of communicating,我们玩追赶。

The sheer mass of tech articles,videos,software betas,每小时发布的更新和帖子几乎不可能赶上。太多伟大的想法,解决方案和方法都会陷入困境,因为最终出现在黑客新闻上并获得大量喜欢是目标。This means you need to be talking about the newest thing,not the thing that interests you the most.

也许这让我听起来像个老屁。就这样吧。我想我们应该时不时地休息一下。其他人创造和发布的内容比飞来飞去更值得关注,浏览并分享,希望能被视为有好消息的人。

Be a great presenter: deliver on and off-stage

星期四,6月5日,二千零一十四

作为会议的主持人,your job is to educate,娱乐和解释。This means that the few minutes on stage are the most stressful,但也应该只是你整体工作的一小部分。

必威体育下载Christian Heilmann在Tedxthessaloniki听翻译

一个伟大的技术演示需要一些东西:

  • Research–确保您的信息是最新的,并且不要销售不起作用的东西。
  • 明智的示威–在你谈论代码之前,一定要先展示它的功能。Make sure your demo is clean and sensible and easy to understand.
  • 订婚材料-图像,videos,animations,流程图,信息图形。确保你有权使用它们,而不仅仅是为了使用它们。
  • 移交材料– where should people go after your talk to 必威体育下载learn more and get their hands dirty?
  • An appropriate slide deck–您的幻灯片是用于演示的墙纸。让他们支持你的谈话并提供足够的信息。没有你的演示,你的幻灯片就没有意义,but they should also not be distracting.Consider each slide an emphasis of what you are telling people.
  • A good narration–不足以展示酷技术。Tell a story,你想说的要点是什么?为什么人们会记得你的谈话?
  • 引人入胜的演讲–拥有舞台,自言自语focus the audience on you.

All of this needs a lot of work,在网上收集,converting,编码,排练和学习更好地传达信息。必威体育下载所有这些都会导致你在谈话中使用的材料,但也可能无法在它们非常有价值的时候使用。

不是关于你,它是关于你提供什么

A great presenter could carry a talking slot just with presence and the right stage manner.大多数技术演示应该更多。他们应该给观众留下“哦,哇,我想试试这个,我有信心我现在能做到。很容易被认为是“了不起的”,表现出伟大的东西,但在观众对这些酷的东西感到高兴之后,他们就会感到沮丧和困惑。you能够做到。

小观众,庞大的观众数量

伟大的事情发生在会议上,展示了精彩的演示,给出了很好的解决方案和解释。The problem is that all of this only applies to a small audience,而那些外部的人缺乏背景。

这就是为什么很多时候,你的部分演讲可能会被引述出上下文和演示你所展示的,使一个点,得到支持,你错过了原来的点。

In essence:conferences are克利尼by design.That's OK,after all people pay to go to be part of that select group and deserve to get the best out of it.你设法弄到了一张票——你应该是第一个听到的人,第一个和其他人谈论它。

当会议的部分内容通过社交媒体传播时,会令人沮丧。Many tweets talking about the "most amazing talk ever" or "I can't believe the cool thing $x just showed" are not only noise to the outside world,他们也会让人们对错过机会感到难过。

当你发布幻灯片时,这种情况会恶化,而且没有任何意义,因为他们缺少笔记。为什么我要为50兆的动画礼物而兴奋呢?记忆和令人敬畏的东西的暗示?Don't make me feel bad – I already feel I am missing out as I got no ticket or couldn't travel to the amazing conference.

误导性信息图表

如果你发布你的谈话材料,让他们数数.These are for people on the outside.当参加活动的每个人都会询问幻灯片的情况时,事后真正看到他们的人比那些看不到你的人要少得多。

等待录音令人沮丧

对于那些不了解整个Twitter宣传内容而感到不快的人来说,样板答案是“哦,视频将会发布,等着看吧”。The issue with that is that in many cases the video production takes time and there is a few weeks up to months delay between the conference and the video being available.Which is OK,好的视频制作是一项艰苦的工作。确实如此,however water down the argument that the outside world will get the hot cool information.当现在精彩演讲的视频播出时,我们已经在谈论另一场会议上正在进行的另一场不可错过的演讲。

有一个谈话的视频记录是最好的可能的方式,给一个如何伟大的演讲的想法。它也期待着观众的奉献精神。我在休息时间看演示视频——在火车上,in the gym and so on.我已经这样做了一段时间了,但现在我发现有太多的东西被释放了,以至于无法赶上。我刚从我的iPod上删除了20个演讲,因为它们的截止日期已经过了:演示者谈论的酷的事情已经过时了。这似乎是浪费,对于演讲者和会议组织者来说,他们花了大量的时间和金钱来获取视频。

Asynchronous presenting using multiple channels

下面是我想做的事情,我希望更多的演讲者能做到:作为一个优秀的演讲者,应该意识到你可能会在会议之外不由自主地引起不满和沮丧。人们谈论你做的很酷的事情,却不知道你做了什么。

而不是只做演讲,发表一篇技术性文章,涵盖你所谈论的同一主题.利用你在准备演讲时收集的材料来准备这篇文章。If you want to,add the slides of your talk to the post.在您的会议发言当天,使用会议的标签发布此帖子,并解释演讲的地点和时间,以及每个人的胜利:

  • People not at the conference get the gist of what you said instead of just soundbites they may quote out of context
  • 你验证了你演讲的信息——在我真的尝试使用我想要推广的技术后,我写了几次幻灯片。
  • 你从跟随会议标签的人那里得到了参与,给他们提供的不仅仅是一个未来的暗示。
  • 你用真实的技术信息来激发人们对会议组织者的兴趣
  • 你准备的最新材料在你谈论它们的时候会在网上被听到,视频可用时不迟
  • 你重复使用了所有可能没有在谈话中用到的材料
  • 即使你没有发表一篇精彩的演讲,你成功地为会议内外的人提供了很多价值

对于额外的奖励积分,write a post right after the event explaining how it went and what other parts about the conference you liked.这样你就可以回馈组织者,让那些去过那里的人知道你只是另外一个很兴奋能去那里的极客。谁知道呢,也许你的材料和热情是一些人开始自己提出谈话所需要的动力。

少写,achieve meh?

星期三,6月4日,二千零一十四

在我的主题演讲中HTML5DevConf in San Francisco I talked about a pattern of repetition those of us who've been around for a while will have encountered,too: every few years development becomes "too hard" and "too fragmented" and we need "simpler solutions".

chris in suit at html5devconf

过去,这些是软件包,所见即所得编辑与编辑CMSthat promised us to deliver "to all platforms without any code overhead".现在我们甚至都等不及了蛇油销售人员向我们保证蓝天。相反,我们自己做。几乎每周我们都会发布新的,magical scripts and workflows that solve all the problems we have for all the new browsers and with great fall-backs for older environments.

这些解决方案大多源于解决某个问题,特别是在移动空间,太多的源于试图模拟本地应用程序的交互模式。他们做得很好,它们是编码技巧的惊人成就,乍一看,它们非常有用。

当问题出现而没有得到解决时,就会变得棘手。不幸的是,这正成为一种模式。如果您环顾Github,您会发现许多解决方案,它们承诺完全无摩擦的开发,并且有许多未解决的问题或未合并的拉取请求。更糟的是,与提交bug不同的是,创建另一个解决方案的模式可以修复原始解决方案的所有问题。People simply should replace the old one with the new one.

谁替换了有问题的代码?

所有这些都不应该是一个问题:作为一个开发人员,当某个解决方案无法提供时,我很乐意放弃并继续前进。在我的职业生涯中,我曾多次更换我的编辑人选。

问题是,完全替换解决方案需要实施者做出很多承诺。他们想要的只是一些有用的东西,最好是能解决当前问题的东西。Many requests on Stackoverflow and other help sites don't ask for the why,但只想知道怎么做。我现在能用什么来解决这个问题?所以我的老板闭嘴了?每一代开发人员似乎都会重复一个可怕的问题,几乎总是导致无法维护的代码和大量开销。

这时,“使用这个并发挥作用”的解决方案就变得危险了。

首先,these tell those developers that there is no need to ever understand what you do.你的工作似乎是让你的老板远离你,或者在项目计划中做一件你知道没有意义的事情——去工作。

其次,if we found out about issues of a certain solution and considered it dangerous to use (cue all those "XYZ considered dangerous" posts) we should remove and redirect them to the better solutions.

这个,however,不会经常发生。Instead we keep them around and just add a自述文件这告诉人们他们可以使用我们的旧代码,我们对结果不负责。最有可能的是,在这个世界的堆积如山的堆积如山的堆积如山的堆积如山的人们永远不会听到他们选择和实现的解决方案是如何被破坏的。

The weakest link?

另一个问题是,许多解决方案依赖于更多的抽象。这听起来是个好计划——毕竟我们不应该再发明东西。

However,如果我们的CSSfix needs the person to 必威体育下载learn all about Bower,No.js,NPM萨斯,红宝石或者其他什么的。我们不能仅仅假设在网络上创造事物的每个人都像我们一样参与到它的出血边缘。真的,很多这些工具使我们效率更高,被认为是“专业发展”,但它们也在不断变化。

我们不能假定所有这些依赖项都能工作,并且在将来是有意义的。Neither can we expect implementers to remove parts of this magical chain and replace them with their newer versions – especially as many of them are not backwards compatible.链条和最薄弱的环节一样坚固,remember?这也适用于工具链。

如果我们承诺神奇的解决方案,他们最好是魔法般的,并得到魔法般的维护。否则,我们为什么要创建这些解决方案?这真的是为了让事情变得简单,还是为了让彼此印象深刻?就像企业家不应该爱上企业家,而应该热爱他们的产品一样,我们应该热爱我们的代码和使用它的人。这比仅仅发布代码要花费更多的精力,但这意味着我们将创建一个更强大的网络。

The old adage of "write less,实现更多“需要重新洗头”少写,achieve better".否则,我们最终会遇到一个只有少数人写得很小的世界,针对个别问题和其他问题的巧妙解决方案将它们打包在一起,以确保真正解决所有问题。

超重的网络

这似乎已经是事实了。当你看到这个网站时HTTParchive是1.7MB大小(46%可缓存),在16个主机上有93个资源请求,然后是一些,哪里出了大问题。It is as if none of the performance practices we talked about in the last few years have ever reached those who really build things.

很多这是传统浏览器的包袱。Many times you see posts and solutions like "This new feature of $newestmobileOS is now possible in JavaScript andCSS-甚至在IE8“.这吓坏了我。我们不应该屏蔽任何网络用户。We also should not take bleeding edge,计算量大且依赖形式因子的代码,并将其提供给过时的环境。网络是为所有人服务的,对所有人来说都不一样,当然也不会因为对“支持”的误解而使旧环境变得缓慢和沉重。

Redundancy denied

If there is one thing that this discouraging statistic shows then it is that future redundancy of solutions is a myth.我们所创建的“修复当前浏览器的问题”和“一旦浏览器变得更好,就应该删除”的任何内容都可能永远阻塞管道,而不是被删除。例如,它是否真的仍然是必要的?to fix alpha transparency in PNGs forIE55和6?Maybe,但我很肯定,在所有这些统计数据中,只有很小的一部分真正仍有用户锁定在这些浏览器中。

拒绝冗余的原因是,我们用一个神奇的解决方案解决了眼前的问题——我们不能指望实施者稍后重新访问他们的解决方案,看看现在他们是否不再需要了。许多开发人员甚至都没有机会这样做——机构中的项目在完成后会移交给客户,下一个具有不同客户的项目也会启动。

重复XHTML错误

最主要的事情之一是HTML5was invented for was to create a more robust web by being more lenient with markup.If you remember,XHTML作为发送XML(应该如此,但从来没有像IE6didn't support that) had the problem that a singleHTML语法错误或未编码的和符号将导致错误消息,并且不会呈现任何内容。

这被认为是可怕的,因为我们的最终用户因为他们无法控制或改变的东西而受到惩罚。这就是为什么HTML新浏览器的算法要宽松得多,例如,为您关闭标签。

Nowadays,the yellow screen of death showing anXML几乎看不到错误消息。好,不是吗?好,对,如果我们从那个错误中吸取教训的话。必威体育下载相反,我们现在很多工作都依赖于javascript,资源加载器和许多库和框架。

This should not be an issue – the "JavaScript not available" use case is a very small one and mostly by users who either had JavaScript turned off by their sysadmins or people who prefer the web without it.

“javascript导致错误”用例,另一方面,is very much alive and will probably never go away.很多事情都会出错,from resources not being available,to network timeouts,移动提供商和代理会因为错误而干扰您的javascript,导致简单的语法错误HTTP标题。本质上,we are relying on a technology that is much less reliable thanXMLwas andwe feel very clever doing so.我们的依赖性越强,事情越有可能出错。

None of this is an issue,if we write our code in a paranoid fashion.但是我们没有。相反,我们似乎也爱上了抽象的警笛之歌,告诉我们一切都将更加稳定,much better performing and cleaner if we rely on a certain framework,构建脚本或打包解决方案。

Best of breed with basic flaws

让我大开眼界的是静态决战攻击.我对这些令人惊叹的作品以及人们仅凭这些作品就取得的成就感到非常兴奋。HTML,CSS and JavaScript.然而,让我恼火的是缺少任何处理可能失败的代码。现在,我知道这是Hackathon代码,人们想快速推出,but I see a lot of similar basic mistakes in many live products:

  • Dependency on a certain environment–许多例子只适用于Chrome,一些只有在火狐中。我甚至不敢在Windows机器上测试它们。在许多情况下,这些依赖性并不是基于功能需求——相反,代码只是假定某个特定于浏览器的功能可用,并试图访问它。This is especially painful when the solution additionaly loads lots of libraries that promise cross-browser functionality.如果您不打算支持多个浏览器,为什么要使用这些浏览器?
  • 完全没有错误处理– many things can go wrong in our code.当加载某些数据失败,并向用户提供无限加载微调器时,不执行任何操作不是一件好事。Almost every technology we have has a success and an error return case.我们似乎把所有的时间都花在了成功上,whilst it is much more likely that we'll lose users and their faith in the error one.如果一个错误案例甚至没有报告或报告为用户的错误,我们就不会编写智能代码。多疑是个好主意。告诉用户出了问题,出了什么问题,他们可以做什么重新尝试不是奢侈品-这意味着建立一个用户界面。任何不刷新视图的数据加载都应该有一个错误案例和一个超时案例——连接是最有可能失败的事情。
  • A lack of very basic accessibility–我遇到的许多解决方案都依赖于触摸,这样做提供了非常小的接触目标。其他人在不更改原始按钮或链接的情况下显示的结果与原始操作相差很远。在移动设备上,这令人难以置信地沮丧。

Massive web changes ahead

所有这些都让我担心。而不是采取基本的保护措施,使我们的代码更加灵活,并向所有用户提供出色的结果(记住:并非所有用户都有相同的结果;this would limit the web) we became dependent on abstractions and we keep hiding more and more code in loaders and packaging formats.很多这段代码都是多余的,可以解决过去的问题。

其主要原因是缺乏对网络的控制。现在情况发生了很大的变化。The flawed solutions we had for offline storage (AppCache) and widgets on the web (many,许多图书馆正在创建DOMelements) are getting new,令人兴奋的,最重要的是,控制驱动的替代品:ServiceWorker网络组件.

这两个问题都是在网络上创建应用程序时真正进城所缺少的拼图块。With ServiceWorker we can not only create apps that work offline,但是也要处理很多我们现在用依赖加载程序解决的问题。WebComponents allow us to create reusable widgets that are either completely new or inherited from another or existingHTML元素。这些小部件在浏览器的呈现流中运行,而不是试图使我们的javascript和DOM渲染在其中执行。

WebComponents的危险在于它允许我们在一个简单的元素中隐藏许多功能。而不是改变我们的DOM新模型的小部件解决方案这是一个清理我们所做工作、找到最佳解决方案并从中创建组件的好时机。

我相信那里正在发生好事。Discussions sparked by the边缘会议的Web组件和辅助功能面板已导致interesting guidelines for accessible WebComponents

欢迎使用“自带解决方案”平台

网络是并保持着“带来你自己的解决方案平台”。同一个问题有很多解决办法,每个人都有自己的问题和好处。我们可以一起工作来混合和匹配它们,创造一个更好的,faster and more stable web.We can only do that,however,当我们允许砖,我们建立这些解决方案从可拆卸和可重用。就像把乐高积木粘在一起意味着用错了一样,我们应该停止创造“完美的解决方案”,转而创造明智的积木。

欢迎来到未来——它在浏览器中,不是抽象的。我们不需要为浏览器制造商解决问题,但应该引导他们给我们提供我们应得的平台。