必威体育下载基督教Heilmann

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

11月存档,2012

浏览器真正需要的很可能不是您所想的那样

星期六,11月24日,2012

免责声明:虽然我在那里工作,但这篇文章是在我的个人博客上,并不一定反映Mozilla的观点。关于Firefox如何不能满足你的需求的反馈意见会被我屏蔽掉,方法是在网上看一些可爱的图片(举个例子每次都会杀了我)。谢谢你!


湖冰
它能抓住你吗?你不先检查一下就跳上去好吗?

“浏览器应该做些什么,才能真正提高你的效率,让你开发出优秀的产品?”是一个有趣的问题。我在不同的环境下问过几次,得到了很多不同的答案。当你深入研究并询问浏览器为什么需要人们想要的东西时,你会发现这很有趣——大多数时候他们都说不出为什么。

新玩具有更老更好的实现

在很多情况下,作为开发者,我们需要新的玩具,我们在一个浏览器中看到一个很酷的实验特性,就在这里,马上,不管它是否有用。

浏览器中的许多热门新功能都是Flash的,并且以更灵活的方式实现,因此在某种程度上,我们仍然在追赶。这很烦人,因为我们可以从Flash给了网络什么以及它是如何向前移动的必威体育下载(是的,没有Flash我们就没有视频,网络上的音频或游戏,让我们面对现实),并复制和增强,而不是进行并行的创新流。

一个没有隐藏议程的战场

除了想要新的、闪亮的浏览器之外,一些公司还需要销售自己的浏览器,并获得开发者的认可,让他们推荐自己的其他产品。这就导致了一个浏览器战场,它试图用新的、酷的方式给人留下深刻印象,而不是建立一个可预测、稳定的平台。当然,这主要是你从营销材料中得到的印象,而不是与浏览器工程师交谈,但是,例如,我看不到任何一个球员真的努力去争取一切HTML5支持的输入类型和样式-这是我们真正需要的,因为表单不会很快消失。

不管缺乏支持,在一些基础上HTML5说到让浏览器向前发展,我认为我们需要的主要特性是在浏览器中测试api的特性。我这么说是什么意思?我们为什么需要它们?好吧,在这里。

我们需要本机特性测试

Web开发总是有一个选择:

  • 您想使用某个功能并要求您的用户有能力使用它并冒险破坏体验,还是
  • 您希望在使用某个特性之前进行测试,并且只将其提供给能够使用它的人吗?

前者是一些带有免责声明的网站,比如“这个网页有x美元的功能,需要像y美元这样的现代浏览器”,几年后可能看起来非常愚蠢。后者就是我们所说的渐进增强,给每个人他们能处理的,而不是更多。还有一种不幸的中间立场,叫做优雅的堕落,这意味着您可以构建具有所有特性和回退解决方案的东西,并希望同时维护它们。

如果您采用渐进式增强方法,那么您需要提供几个解决方案,或者需要进行测试。一些解决方案的方法,例如,将确保你没有一个按钮与白色文本的白色背景,通过提供一个后备的背景颜色的浏览器,不呈现梯度:

按钮 {
	颜色: # fff;
	边境: 没有一个;
	定义所有浏览器的背景颜色*/
	背景: α0C0;
	/*为那些可以定义渐变的人定义一个渐变*/
	背景:线性梯度0度,α000, α0C0);
}

这不是很多工作,应该很容易为每个人(有很多按钮只有)WebKIT线性渐变背景让我困惑)。但是,当您想要使用更高级的功能时,它会变得更加困难。

测试机制

我们想要做的是在应用一个特性之前测试它。最糟糕的方法是尝试检测浏览器,并假设它确实是您要瞄准的浏览器,并且它可以做到它所承诺的。读取浏览器的用户代理字符串是一种标准的方法现在让我告诉你们这就是疯狂的地方。忘记试图检测浏览器,他们会对你撒谎,你会把自己锁在不断变化的捉迷藏游戏中,新浏览器层出不穷。

更强大的测试方法是特征检测,在应用它之前,您可以简单地询问用户代理是否可以执行某些操作。这可以像问“如果”一样简单导航器.地理位置在尝试调用其方法之前是一个对象。这可能会导致大量的代码,并且需要考虑浏览器的一些特性,这就是为什么我们要非常感谢那些建造和维护的人们现代主义为我们做所有的工作。使用modernizr,我们在根元素上有类名形式的句柄和非常方便的JavaScriptAPI为了测试功能和引擎盖下,它会彻底检查并分叉几个浏览器怪癖-我们不需要给自己造成痛苦。

在我看来,Modernizr的存在和成功表明,在应用浏览器特性并得到明确的答案之前,我们非常需要能够在浏览器中测试这些特性。这就是浏览器做得不太好的地方。

本地测试机制

如背景示例所示,在大多数情况下,我们的本机测试只意味着应用浏览器可能无法理解的东西,并依赖它跳过它不知道的部分。这个工作CSS,作为CSS不会抛出错误并停止执行。JavaScript,另一方面,做。

CSS目前在这方面做了很多。媒体查询,例如,是特征检测机制。我喜欢只在浏览器窗口具有特定大小或特定方向时才能应用样式。它简单而有效。更多的。

好吧,有趣的是,已经有更多了。当前的Opera和Firefox Aurora支持CSS3条件规则模块级别3这意味着你可以测试CSS特性的@supports布洛克:

@supports -webkit-transform:rotateX0度))-MOZ变换:rotateX0度))-ms-transform:rotateX0度))-o-transform:rotateX0度))变换:rotateX0度)) {//这只适用于具有3D转换的浏览器}

这也带有JavaScriptAPI测试语法仍在讨论中的特性。你可以以window.supportscss('display:flex');css.supports('display:flex')分别但这一理念的力量仍然是惊人的,这可能意味着未来不需要现代化(或者比我们所能提供的要小得多,因为我们只需按需提供“支持”和“懒惰地加载”现代化的其余部分)。

如果你想了解更多关于@supp必威体育下载orts的信息,请查看Chris Mills的本机CSS通过@supports规则进行特性检测.

指向正确的方向

所有这些都让我希望下一代浏览器能够给我们开发者真正需要的东西:一种测试我们所做的事情在我们做之前是否适用的方法.现在,我们需要花费太多的开发时间来添加要测试的填充和库,如果需要的话,还需要模拟我们应该能够使用的功能。一个伟大的案例是浏览器中的触摸和鼠标支持这不是一个有趣的应用,这就是为什么我们必须使用像pointer.js.

事实上,我们永远不会有一个浏览器和一个网络环境。这将使其中性化,并违反其主要原则。我们可以欺骗自己,让自己相信我们可以控制并要求我们的用户看我们的产品,但这是一个愚蠢的游戏。数以百计的网站和企业系统要求你在2012年使用Internet Explorer 6获得最好的体验,这应该告诉我们,这是一个错误,不要重复。

更可能的未来是,我们必须有一个更加多样化的环境来支持。Web设计社区已经为此喋喋不休了很长一段时间。未来的友好标签。看到智能手机的数量,平板电脑和支持网络的电视机和游戏机,不难理解,在我们的网络开发方法中,测试和灵活是真正的未来。

所有东西的本地测试!

发生了什么CSS令人鼓舞,我们需要把这个想法进一步推进。浏览器中的其他部分就不那么重要了。例如,当我们得到本地视频时,我们很早就意识到,对于支持视频格式的功能测试是非常好的。我同意,这确实是非常需要的,但得到一个API返回“”,“也许”或“可能”是一个笑话,不是一个有用的补充。另一方面页面可见度API及其在引擎盖下的实现requestAnimationFrame是一个很好的补充,它应该是这样的。我可以问浏览器用户是否看到我在做什么,如果没有,它就会停止,直到需要再次动画。的之前的工作当然,这也是非常令人鼓舞的——我们只需要让他们支持跨浏览器。

视网膜显示器及其对大(按尺寸和文件大小)图像的需求是一个新的大问题。您是应该在移动设备上添加大图像,并在其数据允许计划中使用小屏幕,还是应该冒险使用模糊的视图,稍后根据需要加载更大的文件?什么时候有需求?什么时候显示器真的能显示更大的图像,或者什么时候连接速度足够快来加载它们?

现在没有办法检测连接的速度,如果可以加载大量数据的话。PPK正在做一些研究看看会是什么样子,这并不容易。但我们需要这个,我不是在开玩笑。仅仅假设人们可以加载大量数据并不能提供好的服务。

举个简单的例子:当我嵌入的时候,我在我的博客上得到了很多HTML5视频。我认为这是一个很好的教条练习,但得到了反馈,我应该切换回YouTube嵌入,因为他们的Flash版本将视频的低质量流媒体版本提供给有不良连接的人。HTML5视频还没有进行连接协商(这是一种将视频分成4k位并一次发送尽可能多的脏方法)。为了提供优质服务,我需要回到“封闭”技术,因为我没有办法测试我的读者是否能够使用我给他们的东西。

这些天我们把浏览器推到了极限,我们没有得到多少关于什么是可能的反馈。说你做了大量CSS具有复杂过渡的动画,放置阴影和透明度。你怎么能确定这将是顺利的,而不是一个恼人的闪烁幻灯片放映的经验?想象一个浏览器告诉你帧/秒它运行动画,想象一下,甚至更好的是,当浏览器太慢时,它会有一个内部阈值来停止动画并自动移动到它们的末尾(一些悠悠已经有一段时间了)。

在不久的将来,我们需要知道许多事情,我希望浏览器能添加一些这样的测试功能:

  • 连接速度/可靠性如何?
  • 机器有多忙?开始这个动画有意义吗?还是会拖后腿?
  • 什么是电池状态?我的应用程序是否应该提供一个低级别的体验,以延长生存时间?
  • 机器的音频/视频频道是否已忙?为什么在用户无论如何都在听音乐时播放声音?
  • 是否已经有字体可用,或者是否需要加载Web字体?
  • 我可以在本地存储内容吗?配额已经用完吗?
  • 这是一个带有手势或kinnect的触摸设备还是一个支持鼠标的设备?
  • 安装了哪些编解码器,可以播放什么媒体?
  • 什么是硬件加速,什么不是?
  • 浏览器是否与辅助设备层对话,以及使用的辅助技术是什么?
  • 浏览器缓存中发生了什么?

很多可以添加到列表中,我真的希望浏览器供应商理解,只有我们有合适的工具,我们才能有效地工作。现在我觉得我们需要求助于图书馆,填充和垫片的东西太多了。这可能是另一种未来,但我个人会喜欢浏览器为我做这些工作,这样我就可以专注于构建运行在其中的应用程序。

保持冷静并信任HTML5–Chris Heilmann–Hacker News Meetup

星期五,11月23日,2012

保持冷静,信任HTML5昨天晚上我作了HackerNews聚会在老街,伦敦,英国。我加入了大约200个开发人员,许多空的披萨盒和啤酒罐被认为是“保持冷静和信任”HTML5”。这是幻灯片,一个录音,讲义和a视频在YouTube上.这段视频谈话应该在一周左右的时间内进行。 现在Vimeo上有售.

Chris Heilmann -保持冷静和信任HTML5HN伦敦Vimeo.

您可以在archive.org上获得音频MP3(29.6)OGG(16.1 mb).

笔记

蜜月期HTML5似乎已经结束了,作为开发人员,我们似乎感到困惑,并对有关它的炒作保持警惕。相反,我们比较HTML5随着另一个蓬勃发展的技术,我们怀疑它是否真的是我们应该努力的东西。在这次谈话中,Mozilla的Chris Heilmann将打破这种宣传,展示什么是准备使用的,并在拐角处帮助你做你的部分HTML5在不增加混乱的情况下工作。

今天我将试着让你放心HTML5一个你是否应该打赌。剧透:你应该。另一个剧透:你不是被迫的。

关于这个HTML5东西…

HTML5就像其他新技术一样炒作周期.我们已经过了膨胀的期望阶段,正在进入幻灭的低谷。这很好,这意味着我们可以专注于让技术为我们工作,而不是围绕它编造出令人印象深刻的事实。

很多球员都在HTML5太空已经花了大量的钱,用闪亮的新技术展示给人们留下深刻的印象,并“突破了我们利用网络所能做的极限”。其中很多都是毫无意义的,更可怕的是,它们与我们过去使用Flash所做的事情非常相似。

令人沮丧的是,大量的这些演示只在具有特定设置的特定浏览器上工作,并告诉用户应该下载那个浏览器。这是一种产品营销策略,但对网络造成很大伤害。HTML5不是告诉人们该用什么,而是在当前环境下给他们最好的经验。对于开发人员来说,这意味着升级我们已经在web上做的事情,并给予它更多的可预测性。

我们看到的很多演示都很漂亮,但是很重,而且对他们运行的机器有很大的期望。那不好。当然,这是伟大的给那些美丽和丰富的经验,谁可以消费它,但我们的错误是,我们把它们看作是一种给予,而不是努力去给予,而是给别人愉快的经历。

另一件事是我们经常做错事HTML5是模拟本地环境。我们试着做HTML5应用程序的行为就像本地应用程序一样,不知道什么时候会出现我们想要的结果。

迎合时尚市场…

很多工作在HTML5我们现在正努力迎合当前的市场。帕斯卡·费内特刚刚在他的博客中解释道应用程序的虚假经济“封闭的应用程序市场让开发者赚的钱少得可怜,问题又出在哪里。”应用程序市场现在很火爆,有很多关于它的炒作。炒作的问题是它们发生得很快,所以如果你想玩那个游戏,快点,否则你的机会就没有了。

一个新的市场…

令人惊奇的是,下一个市场已经临近了,而且很有趣。根据Anna Debenham的演讲在正面会议上,在英国,青少年与家庭的联系达到95%,但只有10%的人拥有智能手机。46%的人有手机,44%的人有自己的电脑。
其中69%的青少年有掌上游戏机,86%的青少年有游戏机连上电视。这是他们很多人冲浪和上网的地方。鉴于这些设备的限制这确实会变得有趣。

网络已经准备好了!

这就是网络的用武之地。而不是在这些设备和下一个设备上安装本地应用程序(汽车,烤面包机,我们可以使用web技术构建应用程序,轻松地适应设备的新需求。
我的前同事Mike Davies在"我们注定要重复的webapp错误最近的一篇文章指出,网络的主要功能是它不依赖任何平台。这使得它在一些已经出现和消失的物种中存活了下来:

网络与平台无关,它的成功并不依赖于特定平台的持续成功。

他提出的另一个很好的观点是,我们尝试模拟本地的小部件和接口,因此,构建承诺很多但不能像本地接口那样交付的接口。我们不使用那里的东西,而是把另一个环境变成我们玩的环境。相反,我们应该接受这种差异,并根据使用的设备和浏览器提供不同的体验。Android设备不应该得到类似iOS的东西,也不应该具有与操作系统提供给我们的功能不同的后退按钮。


这个平台独立的特点是 特征在网络上,不是一个缺点。它不是用来模拟操作系统图形小部件的。这是浏览器的工作(或操作系统的工作)。不是web堆栈的。

但这不是分裂吗?这难道不意味着我们需要为不同的浏览器构建许多不同的版本吗?我们的应用程序在不同的浏览器看起来会不一样吗?

不,这就是互联网体验!互联网可以参与其中,人们不应该因为环境或能力而被拒之门外。这总是意味着,也将永远意味着,人们对它有不同的经验。这很好。为什么我们要强迫每个人都有相同的经验,当他们可以有一个更好的或一个满足他们的需要?

刀锋会伤到你的!

当你生活在任何技术的前沿时,失望就会伴随着你的领地。同样的情况也发生在HTML5.很多最初的信息都告诉我们,一切都很简单,只要清楚就行.再一次,这是意料之中的。我们在这里试验。

事情是这样的:网络作为一个平台革命正在发生——无论发生什么。浏览器在每一个版本上都表现得更好,每隔几周就会有一个新版本。你可以享受这样的生活,并从中获得回报,也可以抱怨一件让人心烦、坏掉的事情好几个月。也许当你冷静下来的时候,它就会得到解决,你会意识到你的精力可以花得更有成效。

如果HTML5不是你,没关系…

如果你不想参与其中,这完全没问题。网上有我们所有人的空间。构建本地应用程序,坚持一个环境,赚钱,取得成功。但不要把每个人的时间浪费在比较苹果和桔子上。你可以通过不加选择地推销你的服务和产品,但这真的是你想要过自己的生活,还是把自己当成专家?当你的创造力可以为你自己说话的时候,我觉得这是在浪费精力。

没有那么复杂……

总之,一开始并不复杂HTML5和成功。它可能不像在封闭环境中那么快,但从长远来看,这很可能会更有回报。

所以如果你想开始HTML5在没有炒作和仇恨的轻松和理智的方式下,这里有一些事情需要记住和检查。

HTML52013年应避免的错误

.net杂志让我想出五个HTML52013年要避免的错误。它们在这里。

  • HTML5不是“为iPhone构建”- web上到处都是只能在Webkit浏览器上运行的web站点和应用程序,因为它们依赖于只有iPhone提供的功能。当然,这是一个开创性的产品HTML5离开地面,但现在出现了一些更符合标准的产品,确实表现得很好,也需要你的支持。所以停止嗅探用户代理并提供非webkit前缀,符合标准的产品会退回到你编写的任何代码,当下一个没有苹果支持的杀手级产品问世时,你会微笑。
  • HTML5不是“随便写”的意思-HTML5解析器是令人惊奇的,它允许您在标记中执行难以置信的随机操作,并且仍然获得可预测的结果。你可以省略结束标记,没有必要在属性和许多其他在过去被认为是不好的东西周围加上引号。解析器如此宽容的原因是web上有很多坏的和损坏的代码,新的浏览器不应该因为我们过去的错误惩罚用户。我们不要再犯新的错误了。浏览器显示的内容不应该是您的指导原则,维护代码的人应该得到什么。
  • HTML5必须脱机工作-主要的机会HTML5位于移动设备和应用程序空间中。应用程序必须离线工作——句号。为第一次加载构建一个小shell,获取安装上的其余内容,并将其脱机存储以供以后使用。是的,AppCache很糟糕,还可以改进很多,对,我们的浏览器与IndexedDB和WebSQL有所不同。但这些都是暂时的问题,我们只能在人们使用它们并报告问题时修复它们。所以下线吧,不要指望每次别人下载你的东西时都能有很好的连接HTML5解决方案。
  • HTML5应该友好-很多HTML5响应式设计展示就像几年前的Flash页面,除了它们更重,而且不像Flash那样支持流内容和连接协商。我们应该精简,“使用你需要的”方法,而不是在没有相同机会的情况下模拟flash的丰富性。我们厌倦了Flash加载动画——在Canvas中加载动画并不能使它变得更好。
  • HTML5能够适应——让我们允许它吧!–最后,但非常重要的是–让我们通过“演示”和“展示”阶段HTML5.很多我们称之为HTML5期望在特定的设置中有特定的浏览器,并展示可以做什么。“可能”结束了,如果我们想成为本地解决方案的重要替代方案,我们现在必须交付。HTML5能给所有环境带来感性的体验,给高端人群带来美丽的体验。让我们为那些足够在意改变自己的浏览器并处于最前沿的少数人提供高端体验,而不是这种体验。

更多的事情要知道

这里有更多的事情可以帮助你在陷入困境时保持清醒HTML5发展。

  • Javascript会留下来,必威体育下载学习它!JavaScript是网络语言。这是一种奇怪的语言,但功能强大。去学吧。必威体育下载是的,jQuery是简单,而Coffeescript更有条理,但是到了紧要关头,当你在一个非常有限的硬件上时,你需要你能得到的每一点性能。
  • 不要依赖实验特性–我们现在做的一件非常危险的事情是在我们的产品中依赖带有特定浏览器前缀的实验功能。浏览器前缀功能的想法是测试它们,并在没有前缀的情况下找到最终的共识。前缀功能不仅会很快消失,它也会不断变化。你不能依赖它。给任何在旧浏览器中工作的东西一个回退,并使用非前缀版本。这样您就可以测试新特性,并且在不久的将来,当浏览器取消该特性的前缀时,您不会破坏代码。
  • 浏览器是开发人员环境——失踪的HTML5来自本地环境的开发人员环境哀叹在这里-我们称之为浏览器。所有浏览器都有开发工具,许多甚至有电话远程调试。这就是它将要发生的地方。这是有道理的,在调试用户位置时。
  • 建立在HTML5,自然渲染–有趣的是HTML5你能用它来创建本地应用吗PhoneGap(还有许多其他的)。这意味着你可以从一个可以在网上找到的应用中获得回报你可以把它提交给封闭的市场,也是。

这也不是新的。正如Mike Davies在他关于网络应用的最新文章中提到的,我们一直在用XML,CSS和JavaScript有很长一段时间了——Firefox就是其中之一。

当webapp忍者们抱怨他们的工具和环境时,企业家使用web堆栈创建这些应用程序。-迈克戴维斯

美妙的东西正在制作中

但这还不是全部——现在有很多伟大的事情正在发生。

一大烦恼HTML5在移动设备上,我们无法从JavaScript访问硬件。这在某种程度上限制了我们,,需要改变。

网络API这项工作试图解决这个问题——使用JavaScript接口的开源驱动程序可以访问手机的所有硬件。

Web api支持Firefox OS,Mozilla现在正全力以赴将其推向市场。Firefox OS将是第一个真正开放的移动设备操作系统。它有市场,它支持具有统一资源定位地址并将于明年在移动设备上发布。

另一件大事是Web组件,它定义了我们所缺少的应用程序小部件,X标签是什么使得跨浏览器和砂浆网络游戏存根系统。这两种方法都允许任何开发人员从构建块和使用使用GitHub作为主机的部署脚本启动应用程序或游戏。他们甚至为你创建离线和应用程序清单。

谷歌也在研究一个非常聪明的系统自由民它是一个Web应用程序的打包系统,可以为您自动化许多优化和部署步骤。

总的来说,我认为工具是我们最需要的,更多。Adobe发布了一个非常有趣的举动括号,它是一个编辑器,也可以与浏览器中的实时渲染联系在一起。这是一个很好的alpha版本,但这里非常重要的一点是,这个公司所有的钱都是通过工具和规则赚来的,例如,图形创作市场supreme正在玩开源游戏。他们希望开发人员与他们一起工作,使括号更好,看看它如何为他们工作。这是一个很好的机会,可以与一家知道如何构建好的工具并使其更加开放的公司合作。括号是用JS/CSS/HTML5编写的,目标是用它编写这些语言。

香草网络饮食

最后但并非最不重要的是,我正在写一本新书来解释如何以一种非常简单的方式使用web技术在不依赖大量第三方库和编写大量代码的情况下构建面向未来的解决方案。检查演示页面明白我的意思。JavaScript代码很少,没有图片,对于小屏幕设备和旧浏览器来说,这是一个不错的回退。

总而言之,现在是时候把手弄脏了HTML5.我们还有很长的路要走,如果我们接受web是一个多样化的环境而不是另一个封闭平台的想法。

Chris Heilmann培训宣言

周二,11月20日2012

我是一名培训师,我喜欢为我的知识“众源”提供培训。我很重视培训,在经历了太多无聊和糟糕的训练之后,我发誓,如果有机会的话,我会做得更好。

使用人类HTML节点教学事件处理

训练是一件很好的事情

有,然而,在培训中有一点松懈,这让我很伤心。培训不能让工作过得愉快,它们也不是什么好东西。他们应该是学习新事物和在你的职业生涯中取得进步的最有效的方式,并且应该被这样对待。必威体育下载在一次活动结束后,你发现自己在一个疲惫的团队面前,而不是有许多机灵的、毛茸茸的参加培训的人,其中一半没有出现,其他人被耽搁了,没有准备好,或者人们在试图“加入”的过程中中途打断。这是在浪费时间,考虑到培训成本之高,简直是匪夷所思。

培训既昂贵又珍贵——就这样对待它

派遣工程师或经理参加培训的成本很高。并不是说我收费很高(我应该,但是你会有一段时间脱离正常的工作流程。对我自己来说,准备一个培训意味着8个小时的研究,我在房间里每小时都要做准备和计划。这是我生命中的一大块——无论是职业上的还是个人的——它应该值得我花时间去做。我判断我的训练是否成功,要看人们学到了多少,后来做了什么。必威体育下载他们如何运用所获得的知识。如果我没有机会学习这些,我浪费了我的时间,可能还有你的时间必威体育下载。培训的成功不应是偶然的,它应该是可测量和明显的。这就是为什么从现在开始,我将不再参加任何培训,除非满足以下几点。

我的训练宣言

  • 我们不是陌生人-培训的总人数和每一位学员都应该让我知道。这包括与会者向我发送一封关于培训的快速电子邮件:
    • 他们是谁
    • 他们对培训的期望
    • 他们的相关知识和例子(“以下是我的演讲,我想变得更好”)
    • 需要特殊处理(英语熟练,残疾,材料)
  • 我们要么准时,要么不参加–我的培训计划是分分秒秒的,以充分利用我们的短时间。如果你迟到了,你延误了每个人,扰乱了正在进行的部分训练,这将影响到其余的部分,并使你没有为以后的高级课程所需的预先知识
  • 门是关着的-会有人类问题的休息时间,会有饮料和零食(健康的,坚果和水果,没必要让你甜言蜜语,昏昏欲睡)。所以不要中途离开,不要被外界打扰。这是我们的时间,我们就这样利用它。
  • 笔记本电脑关闭,电话是无声的,在口袋里–在我的培训中,你绝大部分不需要你的电脑,被你的邮件分散注意力是很不礼貌的,微博或小猫。你正在接受训练,你是不可用.没有什么比你的老板或同事更重要的了,你的出勤费很贵,应该意味着你和那些不在里面的人不交流
  • 该小组负责文档
    • 我只会提供很少的培训资料(主要是链接以了解更多)必威体育下载
    • 当你以自己最能理解的方式记录自己时,你更有可能真正学到东西必威体育下载
    • 在架子的末端没有粘合剂来收集灰尘,记笔记
    • 在培训中会有时间分配给文档化
  • 会有一个测验和家庭作业–我想知道你学到了什么,如果你需要了解更多。必威体育下载唯一的办法就是让你利用我们谈论的东西

如果这些东西不能通过训练来满足,我就不给它了。我不想成为一个收集钱或花别人的时间,而不确保他们从中得到很多的人。

遵守这一点意味着你需要在培训中投入比以往更多的精力。这也意味着你会从中得到更多。我保证。

把你的博客文章写成好的摇滚歌曲

星期六,11月17日,2012

我现在在新加坡的MozCamp Asia,刚刚做了一个关于博客的简短介绍,将一篇好的技术博客文章比作摇滚歌曲。当你想到它的时候,他们有很多共同点:

写博客就像摇滚歌曲

  • 没有介绍-只是直截了当地说
  • 难忘的钩和重复
  • 每篇邮件一条
  • 简单语言
  • 一个容易重复的主要信息(无论喝多醉,都要伴随着尖叫)
  • 一个难忘的独奏结束

困惑的?我想等你弄清楚了再说吧看幻灯片听电影剧本.

为您的活动提供一个价值40美元的照相馆-由WebRTC和Makey Makey提供支持

周二,11月13日,2012

如果你在Mozfest在伦敦,你可能见过我站在一个奇怪的电缆装置旁边,锡纸覆盖的方块和我的电脑。下面是它实际的样子:

makey-makey-cam

这就是所谓的交互凸轮这是照片人们接受了。它是这样工作的:

  • 你把你的手放在左边的垫子上——这应该一直留在那里。
  • 你拍了一张自己触摸右边平板的照片
  • 如果你喜欢,你从右边触摸第二个垫子
  • 或者你可以通过触摸左边的第二个垫子来丢弃它

你也可以和不止一个人一起使用相机。如果你们中的一个把手放在左边的垫子上,另一个把手放在右边握手,击掌或拥抱会触发相机:

1816021569

如果你离线,相机会将照片存储在硬盘上,或者你可以立即将照片上传到imgur.com。

您可以使用事件的交互Cam。你所需要的只是一台带摄像头的电脑和一个新的浏览器(Chrome,Firefox夜间- Opera即将推出)。开箱即用,你可以用空格键来拍照,左右箭头键上传或拍照。

为了让这个垫子工作(你可以使用任何导电的东西——水果,水,你需要一个MaKey MaKey连接Makey Makey的适当部分(左,对的,空间和接地)到垫。

你自己的凸轮-一步一步

以下是为您的活动逐步配备摄像头的步骤:

  • 有一台带摄像头和Chrome或火狐浏览器的笔记本电脑吗
  • 确保在Firefox中通过输入“about:config”来启用WebRTC,说你想要改变,查找“media.navigator.enabled”条目并将其设置为true
  • 确保你有一个PHP如果要使照片保持脱机状态而不依赖上载到网站(马普对于MacXAMPPwindows - Linux人知道该怎么做)
  • 下载交互cam代码并将其解压缩到本地服务器的htdocs文件夹中
  • 将mozfest.png文件替换为您自己的事件徽标-这应该是600×104像素,并使用一些透明度以获得更棒的效果(对于其他大小,您可以在interactioncam.js中更改关于“/*品牌*/”的设置)。
  • 转到浏览器并打开相机应用程序的安装—在我的示例中是http://localhost:8888/interactioncam /
  • 授予浏览器对摄像机的访问权限——您应该看到它在播放。
  • 按空格键拍照并按右箭头保存
  • 在你的硬盘上,您现在应该在“副本”文件夹中有一个文件,即您的照片

当所有这些都起作用时,添加makey makey:

  • 接通MaKey MaKey通道USB
  • 经历MaKey MaKey(像其他任何人一样)的识别过程USB键盘)
  • 摊开你的垫子/连接器,将电缆连接到MaKey MaKey的适当部分(确保它们不接触)
  • 回到你的浏览器
  • 重新加载交互凸轮
  • 利润

这样就可以了——只要把照片上传到你的复制文件夹里,在你空闲的时候,在你连接到网络的时候。

可以碰撞的东西

电力,电缆,电脑和软件不是自然的,因此它们憎恨人类。所以事情可能会出错。以下是我发现的一些事情:

  • 如果相机没有开始运行,请确保您每晚都有最新的Chrome或Firefox,并打开WebRTC。
  • 如果它仍然什么都不做,您可能需要重新启动计算机(我不得不经常使用MacBook Pro)
  • 如果你的电脑连上了电源线(这是个好主意,因为WebRTC对电池很饥渴),那么只要触碰“拍照”板就能触发它。只需隐藏最左边的pad,因为它不再需要了。如果有人不开枪,告诉他们触摸左边的那个,也是。

摄影快乐!我要去MozCamp亚洲我要把摄像机放在那里。我的朋友马克·蒂勒打算在除了Tellerrand,也是。