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

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

10月存档,二千零一十二

书意:香草网络饮食

星期二,10月30日,二千零一十二

我现在很想再写一本书。我看到很多人买书,靠卖书为生,我觉得我心里有一个空间。我也不知道如何在谈话或博客文章中涵盖我现在想要涵盖的所有内容。如果你认为你会遵循一系列的规则,那么使用一个带有代码的书的形式,也许一系列的屏幕显示是正确的格式。

香草小蛋糕

我有一些出版者给我的非常好的报价,但是让我的第一个出版者把我的第一本书的第二版交给其他人,而不必等待我的“是”或“否”,这就使得我不那么感兴趣地走传统的出版路线。我正在考虑其他分销优惠(如果你有,与我交谈)以下是我计划写的内容:

网络需要节食

据我们所知,网络开发最近突飞猛进。用HTML5我们有一个基于可预测的浏览器渲染算法的巨大机会。CSS已经从删除链接的下划线和在悬停时重新添加到定义布局的语言发展而来,动画和变换。的javascript部分HTML5给我们一个更简单的方法来访问DOM和传统的内容相比DHTMLDOM脚本允许我们这样做。

不管怎样,我们仍然用大量不必要的代码阻塞网络。网站的平均数据量远远超过了兆字节,其中包含大量超文本传输协议请求,因为我们的台式机和连接允许我们添加越来越多-以防我们以后需要它。

在移动设备上,整个事情看起来是不同的,而且连接更加脆弱,每个字节都很重要。在任何情况下,我们都应该考虑减少输出,因为我们投入了越来越多不需要的代码,添加到垃圾填埋场或快速定年的解决方案,这些解决方案将不会得到更新和修复,以适应未来的环境和浏览器。我们现在在网上乱丢垃圾,原因是:

  • 支持过时技术的错误责任感(是的,奥迪)如果我们的支持真的有助于IT用户,则无需进行真正的测试。
  • 一种错误的想法,认为所有东西都需要在企业级别上进行扩展和架构,而不是接受Web产品的短暂特性,并使用亚格尼方法。
  • 对于看起来光彩夺目但长期不被信任的技术,人们毫无根据地感到兴奋。

用不含脂肪的香草方法来减少这些千字节

在这本书中,我想概述一种实用的、向后兼容的Web思维和开发方式:

  • 我们从符合标准的代码开始,这些代码在不依赖黑客和临时解决方案的情况下工作。
  • 如果我们的代码所处的环境支持我们想要做的事情,那么我们将在何时和何时改进我们的代码。
  • 而不是在过时的环境中使用鞋角功能,当功能不能应用时,我们不会留下承诺。
  • 我们编写的代码量是可以理解和维护的,而不是抽象代码来编写最少的代码量,而不知道最终结果是什么。

这本书将固执己见,挑战一些我们开始喜欢的想法,因为它们对开发人员的实用性。最后,尽管我想让人们意识到我们有责任为我们的最终用户生产最好的产品,并为当我们想转移到其他事情上时将从我们手中接管的人编写代码。

这本书将教你一些东西:

  • 如何使用而不是仅为Web构建
  • 如何使用浏览器可以在不编写大量代码的情况下进行构建
  • 如何避免编写在不久的将来会失败的代码
  • 如何不让自己依赖于你无法控制的代码
  • 如何学会放弃过必威体育下载去意义重大但不再适用的“最佳实践”
  • 如何在不重复过去错误的情况下,享受我们作为Web开发人员所拥有的东西
  • 如何拥抱网络的本质——邀请每个人的地方,不管能力如何,位置或技术

你怎么认为?告诉我脸谱网谷歌+.

欢迎来到新的网络–EclipseCon Europe 2012的主题演讲

星期四,10月25日,二千零一十二

今天早上,我在路德维希堡的Eclipsecon Europe做了主题演讲,德国。大约500的Eclipse和Java爱好者等待一些关于Web中最新和最伟大的信息,这就是我给他们的信息。

DSC04047

这个在线提供幻灯片以及在YouTube上播放的是剧集.

我将在明天的Mozilla Hacks博客上对消息进行更详细的解释。

不要称之为“开源”,除非你是认真的。

星期一,10月22日,二千零一十二

在将代码释放到野外的过程中,我们生活在一个非常激动人心的时代。类产品github滴管,在线协作工具,如杰西德杰斯宾科德森小圆盘使向外部世界显示代码变得非常容易。此外,许多产品都是以模块化的方式构建的,这意味着您可以通过编写插件或附加组件来参与,而不是自己提出解决方案。JQuery文字出版社是活生生的证据。

快速释放,快速前进

一个非常简单的基础设施的最大危险之一是通货膨胀。当很容易释放一些东西时,很多都会被释放。这意味着很难找到高质量的内容,我们希望发布更多的内容,而不是发布一些我们真正关心并准备在未来也会关心的内容。就像我们写得更短,与信件相比,我们考虑较少的电子邮件更倾向于发布更小的邮件,较短且记录较少的产品。

这是开源的——还是?

这就是我们当前面临的降低“开源”一词的风险。发布开源产品远不止是免费提供。这是一个过程,通过与世界分享来培养某种东西的持续承诺。正如ClayShirky在年解释的那样,开源及其优点实际上可以成为一个更加民主的世界的蓝图。互联网将如何(总有一天)改变政府.

在前线会议期间,DavidDesandro在谈到jquery插件货币化以及如何在同一时间保持清醒。他主要担心的是他的插件砖石建筑)花费了大量的时间,却没有带来足够的收入来靠他们谋生。在谈话中,他多次解释说他确实有工作,而且没有时间回复每封电子邮件。毕竟,不需要问问题或获得支持,因为代码是可用的,在GitHub上,人们可以互相帮助,并且很高兴代码是作为开放源代码发布的。为什么没有一个神奇的社区出现在无处可寻的地方来解决这一切?

开源不仅仅是释放代码

好,这不是一个开源项目。代码是公开发布的,在存储库中可用,但它不是开源的。开源意味着——至少对我和我交谈过的很多人来说——产品是在公开的环境中生产和维护的。

这不仅仅是将代码放到Github上。它的意思是:

  • 准备好接受请求和补丁,并与发布请求和补丁的人员进行沟通。
  • 帮助人们参与其中
  • 向外界传达变化
  • 对安全问题和性能问题做出反应
  • 回答功能请求
  • 处理许可问题
  • 确保产品的发展和变化是对新环境和市场需求的反应
  • 鼓励人们贡献和帮助他人
  • 认识到人们帮助他人并与他们分享劳动成果

开源是很多工作,需要一个社区

这意味着大量的工作,这也是为什么真正的开源项目不是由一个人完成的,而是从一开始就应该围绕一群人进行计划的原因。乐于与他人分享所有权和责任以及项目收益和收入的人。那些准备好移交责任的人,如果他们厌倦了责任,就会把责任牢记在心,训练他们的前任。要成为真正的开源软件,您应该在发布项目之前考虑项目的维护和未来。这是一个团队的努力,非常棘手的部分是在不雇佣他们的情况下找到团队。

现在人们称之为开源的很多东西对我来说就像是“tada源”或者“牧场源”。

  • 塔达源–作为最终商业版本发布的产品,并在以后向世界发布源代码。它不是把世界变成创建过程的一部分,而是成为维护人员来修复错误并将它们需要的东西添加到产品中。这允许你说你是开放的,而不必处理人们的需求,并坚持自己的议程,当谈到核心功能。
  • 牧场源–这是当产品在财务上可行且有趣,但却成为一种麻烦的时候。他们不去维护它们,而是去开放源码的牧场,在那里,没有报酬的善良牧羊人将确保产品永远快乐地生活。牧场资源的产生要么是因为沟通工作量太大,要么是因为你所从事的业务并不认为产品是他们应该投入资源的东西。很多时候这是一个公关活动——“嘿,这个产品做得不好,但是现在它已经开放了,它将成为开源社区的下一个新的亮点。”

括号——一个正面的惊喜

当Adobe说他们将发布他们的编辑时括号作为开放源代码边码在他们为Web开发人员提供的新工具集中,我并不是唯一一个对此保持警惕的人。betway体育官方网这听起来像是一个封闭源代码的公司试图与叛逆的孩子们玩。从技术上讲这不是新的,因为Adobe已经用空气做了很多公开发布,甚至发布了知识共享下的书籍但仍然感觉“很好,让我们看看会发生什么。

当看到亚当·雷曼在伦敦的Adobe活动上谈论括号和它们的方法时,我非常惊讶地看到这个项目是如何作为一个开源项目运行的。代码,当然,在GitHub上可用,但这并不是全部。这个项目使用Scrum遵循一个敏捷的过程,每天都在审查拉取请求,它有一个2.5周的发布周期,外部贡献优先。一详细的博客,包含每个sprint的发行说明也有。

该项目是在Trello露天管理一个非常聪明的方法是对简单错误进行分类作为新贡献者的“快速胜利”,而不是让更高级的开发人员花时间来修复它们。

这是一个很好的例子,说明如何使用正确的工具和正确的心态来实现产品的开源版本。对,这是很多工作,但我很有信心,这意味着支架将存在很长一段时间,即使边缘套件失败。

不要停止释放

我不是说我们应该停止发布东西,让它们在Github和其他网站上可用。我只是说开放源码的意义远远不止这些,如果我们得到的贡献比我们想象的少,我们不应该感到惊讶,如果我们所做的只是抛出一些代码,等待奇迹发生。开源意味着我们有时间和大家一起建设,不适合我们。

所以当你释放东西的时候,不要称之为开源项目,除非你已经准备好全程。把它放在外面,告诉人们它是免费的,而且是可用的,这一切都取决于他们。

数据属性Rock–正如CSS和JavaScript所知

星期三,10月10日,二千零一十二

目前,我的另一半kasia正在编写一个javascript培训课程,想用一个游戏来解释javascript的概念。所以我们坐下来,做了一个简单的游戏例子,而她正在为课程的结构而烦恼。因为她想解释如何与DOM在javascript中而不是使用画布,我们使用CSS动画和简单的键盘控件。在适当的时候更多的比赛,但我们发现,这是一个非常有用的东西,在野外并没有真正充分利用——数据属性的相互作用,CSS以及不断变化的状态。

定义播放器元素

我们想让游戏更容易破解,玩的人HTML可以改变它。这更像是我的一个请求,因为Mozilla有WebMaker项目,在11月的MozFest上会有很多游戏黑客。

为了定义一个player元素,我的语义fan会这样做:


              
              身份证件=
              “玩家”
              >
             
	
              
               >
              
		
              
              =
              “姓名”
              >
             >
		
              
              =
              “得分”
              >
             一百>
	>
>
  • 一百

这在以下方面是有意义的HTML,而且容易接近,也是。然而,在用javascript访问时,这很烦人,因为你需要三个元素匹配。另外,在维护方面,它意味着三个要素。在JS中,您需要执行以下操作:

var运动员=文件。查询选择器“玩家”名称=文件。查询选择器“玩家”分数=文件。查询选择器'玩家.得分'

为了改变分数值,你需要改变内层HTML分数参考。

分数。内层HTML = 

旁白:是的,我知道有很多HTML模板化解决方案,我确信有几十个jquery解决方案,但让我们继续使用普通的JS,因为这是关于教学的。

HTML5玩家元素

与其经历这些痛苦,我们发现使用数据属性要容易得多:


              
              身份证件=
              “DATAPER” 
              数据名=
              “乔” 
              数据评分=
              “100”
              >
             
>

最聪明的是HTML5已经给了我们一个美国石油学会要更改此数据:

var运动员=文件。查询选择器“数据播放器”//读警觉的得分: +玩家。数据集.分数警觉的名称: +玩家。数据集.名称//写玩家。数据集.分数 = /再次阅读警觉的得分: +玩家。数据集.分数

重新使用属性值

使用数据属性的另一个好处是CSS得到它们。例如,当分数值达到10时,您希望以红色显示分数值的颜色。在第一HTML使用一个列表,您需要在javascript中进行测试,并添加一个类来进行不同的显示。当然,你也可以直接用款式系列改变颜色,但这在维护方面是很糟糕的。它可以在渲染中引起反射,也意味着要向维护人员解释另一件事。

功能改变核心纽马克 {
	如果 纽马克= =  {分数。分类表.添加“低”
	} 其他的 {分数。分类表.去除“低”
	}
}

玩家  {
	颜色 αC00
}

旁白:jquery包含(“foo”)以将元素与其选择器引擎中节点内容中的文本匹配,但它已被弃用为CSS标准,所以这不是解决问题的方法。

当使用数据属性时,您不需要它–您只需要在CSS

数据播放器[数据评分=“10”] {
	颜色 αC00
}

要显示分数,可以使用生成的内容CSS

数据播放器::之后 {
	内容 阿特尔数据名
	位置 绝对的 
	左边 -50PX
}
数据播放器::之前 {
	不透明性 
	内容 阿特尔数据评分
	位置 绝对的 
	左边 100px
}

查看以下小提琴以查看所有动作:http://jsfiddle.net/codepo8/bmy6h/

我能想到的唯一缺点是,只有Firefox允许在生成的内容上进行转换和动画。总之,我们发现数据属性非常有用。

评论?这是螺纹谷歌+脸谱网.

前沿12–问答结果,舞台上的快速评论和印象

星期一,10月8日,二千零一十二

上周,第五届年度前沿会议吸引了数百名开发商,阿姆斯特丹的设计师和经理,荷兰将了解Web开发中的热门和新功能。今年我没说话,而是扮演主持人和采访者。

我有一个非常软的地方作为一个会议前沿。我对他们中的每一个人都说了话,我总是惊讶于观众知道了多少。你与一组专家交谈,因此,这些发言者是被期望的,并且确实是明智的,有很多技术细节的有用的谈话。

在一个会议上,让观众在“知道”中也会成为一个嗡嗡作响的频道,而在过去,这个频道是无情的,它击落了那些不知道或不知道100%在火焰中谈论什么的演讲者。

为了把这变成一个更有成效的环境,我去年向组织者提议,我自愿介绍演讲者,而不是传统的问答方式,而是在演讲结束后直接与他们进行静坐式访谈。我以前在高地玩过发现这是一种更有效的处理问题的方法.

我们就是这么做的。由于前台人员有一个可工作的无线网络,因此很容易向观众传达程序:

  • 我介绍演讲者
  • 演讲者做了演讲,在演讲过程中,观众可以使用FQA标签(Fronteers Q&A)推特发问。
  • 我和演讲者坐在舞台边上,用问题进行采访,在采访中下一位演讲者可以提出问题。

总之,这是一个令人难以置信的有效的会议运行方式,因为你使用通常在发言者之间浪费的时间,你会得到更多的问题的答案。没有等待漫游麦克风,也没有“可以重复,我听不懂你说什么。有120个字符的限制也意味着人们会更多地思考他们的问题。

下面是所有的谈话,我写了一个简短的笔记,并链接到收集到的tweets。我将尝试联系所有的发言者,抓住他们并在他们自己的博客上回答他们,如果发生这种情况,我将从这里链接:

1号前锋

Mark Boulton适应响应式设计

我刚看过马克在粉碎会议上的讲话,还有一些有创意的理由,但我还是不厌倦他。很好的洞察力和讲故事的方式。

Addy Osmani新的和改进的开发人员工具带

艾迪孜孜不倦地工作,收集伟大的信息,建立和连接工具,使我们的生活更容易。本次讨论涵盖了工具和构建过程的需求,并结束介绍了约曼。总之,这是一次很好的谈话,但依我看,它的内容太多了。有时,艾迪会用每一句话向观众朗读他的幻灯片,我发现自己基本上是想要一副甲板,因为我被提供的东西淹没了。

彼得·保罗·科赫,像素不是像素

PPK很好地解释了为什么视区和像素密度不是一件容易的事情,并举例说明了在一台设备上跨各种浏览器构建一致的体验是多么困难。一个很好的广告PPK对这件事的研究以及我们为什么需要它。

Alex Graul使用JS构建更大的更好的数据来启迪和兴高采烈

亚历克斯第一次轻微心脏病发作是因为他把幻灯片弄混了,如果你不习惯和英国人说话,那么你说的太快太难理解了,大约15分钟后完成。在这里,我来负责35分钟的问答,直到餐饮部的工作人员准备好为部落提供食物。令人难以置信的是,亚历克斯在面试的时候是如何冷静下来的,而不是“我的幻灯片在哪里?”这是什么?总的来说,我从亚历克斯身上得到的信息比他在谈话中提到的要多得多,因为这个话题非常有趣,很容易聊上一会儿。

Mathias Bynens我不知道的十件事HTML

马西亚斯很危险。他很聪明,很有魅力,对标记和浏览器渲染的出入做了很多研究。基于此,他向我们展示了浏览器显示页面不需要编写多少代码。这段代码是人们理解你所做的事情的必要条件,马蒂亚斯自己也很相信,我只是希望当他说的时候,人们还是会倾听,而不仅仅是快速的“哦,好,我不需要结束标签”。像马蒂亚斯这样的人才让我对网络的未来充满信心,当我坐在门廊上的时候,用拐杖追鸭子,抱怨孩子们吃我的樱桃。

Stephen Hay样式指南是新的Photoshop

史蒂芬除了我之外,唯一一个在每个前线讲话的人,是一个制度,是正确的。在这次谈话中,他还在SmashingConf上展示了如何从模型自动生成样式指南,从而缩短了我们的工作流程。喜欢的设计师CLI及用途vim.你还想要什么?

安托万·黑格曼,Bor VerkroostBram Duvigneau和Chris Heilmann,辅助面板

好啊,这是我在会议上的一个时刻,正如人们所说,我在那里扔砖头。我知道我的A11Y,我也看到过A11Y技术的现场演示在舞台上一次又一次的失败。它表明了专家组成员是多么的专业和务实,没有任何问题,我想说,这是我所见过的一次会议上最能提供信息的一次会议。

Lea Verou更多CSS秘密:另外10件你可能不知道的事CSS

丽亚又一次被惊艳夺目CSS技巧,以前在粉碎会议上展示过,并在舞台上进行现场编码。伟大的东西,但她已经够伤心了。这就是说,玩弄她在这里展示的东西,要学很多东西。必威体育下载

2号前锋

Marcin Wichary最小细节中最大的恶魔

马金是谷歌涂鸦大师,使用两个浏览器通过节点互相交谈来构建自己的幻灯片,当他把笔记本电脑放在舞台上的时候,不会有太多的阶段性变化,总体来说,他是个十足的修理工。伟大的演说家。可爱的,可爱的谈话。

David DeSandro保持简单,聪明的人

大卫在意识到观众的了解程度后,在最后一分钟改变了他的演讲,而不是他计划的会议,讨论了如何用“开源”的javascript解决方案赚钱,以及如何做到这一点。这是我做的最生动的采访,因为似乎有一个巨大的误解开源意味着什么。我很快会在博客上详细介绍这一点。betway体育官方网

杰罗·维杰林,状态HTML5视频

杰伦是JW玩家背后的人,这个HTML5/flash视频播放器在youtube中使用,在网络上看到很多。他介绍了HTML5视频和保持他的讲话非常简短,这让我可以深入挖掘一些新的未知的开放媒体,如流媒体和数字版权管理在面试中。

安妮·范·凯斯特伦,构建Web平台

安妮·范·凯斯特伦在网络上非常聪明,浏览器和标准,在这次谈话中,他分享了他的一些想法和想法。可悲的是,我觉得谈话很混乱,缺乏一个整体的故事弧或目标。当我再次观看视频时,一切可能变得更加明显,但我自己更困惑,而不是受到启发。

菲尔·霍克斯沃斯,我能闻到你的味道细胞质雄性不育

菲尔似乎是去设计学校的杰克·阿奇博尔德的克隆人。非常有趣,很快,有了漂亮的幻灯片、例子和来自战壕的故事,他知道如何参与进来,并提供好的启动信息。对我来说,这是我最近看到的最好的谈话之一。

Peter Nederlof除了简单的过渡,一撮
JavaScript

彼得是个沉默寡言的明星。他做了令人难以置信的工作,并参与了一些解决方案,在过去图书馆代码方面取得了一些更大的突破,但他没有吹牛太多。这里也发生了同样的事。彼得有一些很好的例子和代码想法,但缺乏让人们对此兴奋的能力。总的来说,这会是一次15分钟的闪电谈话,但感觉很舒展。尽管如此,利用他所说的,里面有很多好东西。

丽贝卡·墨菲,JSMinty Fresh:识别和消除代码库中的气味

Rebecca是一名用心的培训师,他对如何重构和清理基于懒惰或“快速”的陈旧的javascript代码给出了非常好的概述。把这个从门上拿出来“思考。好建议,但对我来说,jquery太专注了。我想在jquery论坛上看到这个,因为它让我想起了去年在那里的演讲,主要的区别是丽贝卡从里到外都知道。

亚历克斯·罗素传统网络对我们的阻碍

亚历克斯真的很聪明,发表了一篇令我吃惊并让我高兴的演讲。而不是谴责过时的技术,并将踢腿和尖叫推到一个基于当前浏览器技术的以应用程序为中心的网络中,亚历克斯从一些思想实验开始,得出了一个伟大的结论,那就是我们应该从过时的技术束缚中解放出来。精彩的谈话,去看看吧。

总结

所有前线人员都再次交付。这对我来说是一个巨大的惊喜,因为我没有准备任何东西,也没有及时指导演讲者,也不认识一些演讲者。我还说服组织者在最后一分钟采取“面试问答”的方式,并在现场寻找椅子,使之成为现实。事实上,我为自己的成功感到骄傲,希望更多的会议能遵循这一原则。对于任何一个出去做MCing和面试的人:休息一下,这是一卡车的工作和相当累,因为你需要先到那里,最后,100%集中在内容上。对即将到来的现场问题进行即席采访不是一个简单的壮举,但当你这样做的时候,这是非常值得你的一段时间。我经历了一次爆炸,我希望人们能从2012年的前沿人物中得到很多。