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

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

10月存档,2012

书的想法:香草网络饮食

星期二,10月30日,2012

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

香草小蛋糕

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

网络需要节食

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

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

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

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

用无脂肪的方法去掉这些千字节

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

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

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

这本书会教你几件事:

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

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

欢迎来到2012年Eclipsecon欧洲的主题演讲

星期四,10月25日,2012

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

DSC_0479

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

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

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

星期一,10月22日,2012

在将代码释放到野外的过程中,我们生活在一个非常激动人心的时代。像这样的产品GitHub,升降箱,在线协作工具,如JSFiddle,JSBin,Codepen轻拍使向外部世界显示代码变得非常容易。此外,许多产品都是以模块化的方式构建的,这意味着您可以通过编写插件或附加组件来参与,而不是自己提出解决方案。jQuery文字出版社是活生生的证据。

快速释放,快速前进

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

这是开源的——真的吗?

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

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

开源不仅仅是释放代码

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

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

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

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

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

现在很多人所谓的开源对我来说就像“Tada-source”或“pastu- source”:

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

括号——一个正面的惊喜

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

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

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

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

不要停止释放

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

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

数据属性摇滚——CSS和JavaScript都知道这一点

周三,10月10日,2012

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

定义播放器元素

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

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


              
              身份证件=
              “玩家”
              >
             
	
              
               >
              
		
              
              =
              “名称”
              >
             >
		
              
              =
              “分数”
              >
             100个>
	>
>
  • 100个

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

变量运动员=文件。查询选择器'玩家',的名字=文件。查询选择器'玩家名称',分数=文件。查询选择器'玩家.得分';

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

分数。内HTML = ;

旁白:是的,我知道有很多HTML模板化解决方案,我确信有几十个jquery解决方案,但让我们坚持香草JS,因为这是关于教学。

HTML5玩家元素

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


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

最聪明的是HTML5已经得到了API要更改此数据:

变量运动员=文件。查询选择器'数据播放器';/ /读警报得分: +玩家。数据集.分数;警报'名称:' +玩家。数据集.的名字;//写玩家。数据集.分数 = ;/再次阅读警报得分: +玩家。数据集.分数;

重新使用属性值

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

函数changescore新闻核心 {
	如果 新闻核心= =  {分数。分类表.添加“低”;
	} 其他的 {分数。分类表.去除“低”;
	}
}

#球员  {
	颜色: αC00;
}

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

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

# dataplayer[数据得分=“十”] {
	颜色: αC00;
}

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

# dataplayer地址: {
	内容: 收件人数据名;
	位置: 绝对; 
	左边: -50像素;
}
# dataplayer地址:之前 {
	不透明度: 0;
	内容: 收件人数据得分;
	位置: 绝对; 
	左边: 100 px;
}

看看下面的小提琴看看所有的行动:http://jsfiddle.net/codepo8/bmy6h/

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

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

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

星期一,10月8日,2012

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

我有一个非常软的地方作为一个会议前沿。我对他们中的每一个人都说了话,我总是惊讶于观众知道了多少。你向一群专家演讲,正如人们所期望的那样,这样的演讲者确实讲得很有道理,有很多技术细节的有用的谈话。

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

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

我们就是这么做的。因为领舞者有一个工作的无线网络,所以很容易向观众传达这个过程:

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

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

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

1号前锋

Mark Boulton适应响应式设计

我刚刚看到马克在Smashingconf演讲,谈到了一些有创意的理由,但我仍然不厌倦他。很好的洞察力和讲故事的方式。

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

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

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

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

亚历克斯·格雷尔,使用JS构建更大的更好的数据来启迪和兴高采烈

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

马蒂亚斯·比涅斯,我不知道的十件事HTML

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

斯蒂芬•干草样式指南是新的Photoshop

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

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

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

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

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

2号前锋

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

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

David DeSandro保持简单,聪明人

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

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

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

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

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

菲尔·霍克斯沃斯,我能闻到你的味道CMS系统

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

彼得·内德洛夫,除了简单的过渡,用一撮
javascript

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

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

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

亚历克斯·拉塞尔,传统网络对我们的阻碍

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

总结

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