必威体育下载基督教Heilmann

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

7月份存档,2013

玩Leapmotion来获得可访问性

周三,7月31日2013

今天我花了几个小时在跳跃运动办公室里谈论着这项新技术的网络可能性。在回来的路上,我们的互联网连接中断了,所以这是一个很好的机会去尝试一些想法。这是一个我正在做的视频

从本质上讲,这意味着:

  • 向右滑动手指会向下滚动页面,左边会向上滚动。滑动的速度决定了滚动像素的数量
  • 做一个顺时针的圆形手势会跳到下一个链接,使上一个连杆逆时针转动
  • 点击空气中的一个手势将激活链接

代码实际上非常简单,一旦你使用Leap.js库:

(函数(){
varlinkindex= -1;
var链接=文档。querySelectorAll(“一个”);myController= 的飞跃。控制器(“ws:/ / localhost:6437 / ");myListener= 的飞跃。侦听器();myListener。 = 函数(控制器) {
  var框架=控制器。框架();
  var手势=框架。手势();
  如果 (手势(0] & &手势(0]._state= = = “停止”) {如果 (手势(0]._type= = = “刷”) {
      如果(手势(0]._direction。x > 0) {窗口。scrollBy(0,手势(0]._speed*2);
      } 其他的 {窗口。scrollBy(0,手势(0]._speed*2);
      }
    }
    如果 (手势(0]._type= = = “keyTap”) {
      如果 (linkindex) {链接(linkindex]点击();
      }   
    }
    如果 (手势(0]._type= = = “圆”) {
      如果 (手势(0]._clockwise= = = 真正的) {updateIndex(1);
          如果(链接(linkindex]) {链接(linkindex]焦点();   
          };
        } 
      如果 (手势(0]._clockwise= = = ) {updateIndex(-1);
          如果(链接(linkindex]) {链接(linkindex]焦点();   
          };
      } 
    }
  }
}
函数updateIndex(添加) {linkindex+ =添加;
  如果 (linkindex< 0) {linkindex= 0;
  }
  如果 (linkindex> =链接。长度) {linkindex=链接。长度 - 1;
  }
}myController。addListener(myListener);myController。enableGesture(“keyTap”, 真正的);myController。enableGesture(“刷”, 真正的);myController。enableGesture(“圆”, 真正的);
})();

这是现在非常粗略和准备好了,我将尝试包装这是一个小书签,适用于任何网站。

使用getUserMedia访问笔记本电脑摄像机时翻转图像

星期五,7月19日,2013

这是我的一个困扰:当我看到演示或工具使用getUserMedia访问相机时,图像是“错误的”。假设我坐在这台电脑前,稍微向左倾斜。如果使用getUserMedia并将流连接到视频元素,这是你得到的:

错误的

这不是正确的,我希望视频是这样的:

对路

这很容易实现。首先,你需要翻转视频元素CSS:

视频{-webkit-transform:scaleX(-1);
  变换:scaleX(-1);
}

当然,这还不够,随着CSS变换不会改变视频的像素。以便在访问视频像素时翻转它们帆布-例如添加滤镜效果或生成动态gif您还需要转换上下文:

  // ctx是绘图画布的上下文
  // w是画布的宽度ctx。翻译(w, 0);ctx。规模(-1, 1);

这样做,让我快乐。请这样做。

Senchacon 2013 - HTML5及以上

周四,7月18日,2013

我目前在多云和炎热的佛罗里达SenchaCon 2013并被要求做一个关于“很酷的新技术和即将到来的标准”的演讲。相反,我做了一个关于使用现有的现代技术从而使未来成为今天的演讲。

综合症

我发表了视频在YouTube上

幻灯片是在线,同样的,但对你没那么有用,观看屏幕播放效果更好,不会打击我的服务器:)

以下是演讲中提到的资源:

我将在森查孔再呆两天,然后我就去纽约和旧金山。如果你在这里,来发牢骚!

的:一个脚本,时无形象的,WordPress的无第三方代码Twitter分享按钮

周二,7月9日2013

被同事缠着杰森Weathersby(“你的博客上应该有一个分享按钮,我不想复制粘贴标题和URL)我刚刚在博客上所有帖子的结尾添加了一个“在Twitter上分享”(share on Twitter)按钮。我看了一些插件和官方按钮,没有什么印象,因为它们都意味着大量的外部JS和CSSHTTP请求。这是不必要的。所以这是一个没有任何额外资源的Twitter分享按钮从外面。

JS

很简单:

  • “Twitter分享”的结构URL是http://twitter.com/share吗?url=要共享的url&text=要共享的文本&via=Twitter名称
  • 在WordPress中你会得到当前文章的标题PHP使用the_title()和post的permalink()
  • 把它们放在一起,你就完成了:

添加一些样式,我们就可以开始工作了。想添加更多的共享按钮没有JS?托比Osbourne有关于更多的好帖子吗URL社交网站结构

在技术会谈中要避免的五个演示陷阱

周二,7月9日2013

在舞台上和会议上演讲就是不断地重复,直到你变得更加自信和擅长为止。是的,你可以排练一个演讲来统治他们所有人,并重复地发表它,但我保证,如果你和你的观众把它混在一起,为不同的观众做不同的事情,将会对你和你的观众有更大的回报。对着房间说话的恐惧

看着自己的工作是痛苦的,但如果你想变得更好,这是非常棒的。你可以在不伤害别人的情况下对自己吹毛求疵——就像别人在你脑子里说的一样。在观看我的一些演讲时,我发现了一些我想避免在未来变得更好的陷阱。我在这里列出了其中的5个,很多演讲者都不知道这可能会对整个演讲和观众产生什么影响。

“有点多余”的陷阱

《变形金刚》的故事结构我很喜欢这个(我可以在我的一些演讲中指出来,当我看到视频时就会退缩):你写了一篇很好的演讲,有一个很好的叙事结构你们还记得另一件有趣的事,有趣的是,或者电流,你把它加进去,让它工作。就我而言,我在舞台上即兴表演了很多次。这是给你们的,而不是为了观众。对他们来说,这可能是一个快速的“哈哈”或“啊哈!”的时刻,但所有的一切都分散了整体信息。每当你觉得有必要添加另一件事可能需要一些说服才能融入全局,不喜欢。而是重新评估你所拥有的,也许可以改变一下例子的顺序,让自己在舞台上更有节奏。

三件事,带着信念和激情演讲,并解释清楚,这比让观众挑选和混合十件事要好得多。更有可能的是,当你走到第七步时,他们已经忘记了第二步。

“让我告诉你关于我自己”的陷阱

自我介绍很重要,无论是在“现实生活”中的交流还是在舞台上。但是,您应该考虑上下文。设置的,没有人知道谁在何时何地说话,有一张幻灯片告诉人们你是谁以及如何联系你是非常重要的,这是作为一个演讲者职业生涯的良好开端。在一个会议上,当你已经知道,所以少。首先,每个会议在会议页面上都有一个发言者简介,并在与会者获得的打印输出中。如果真的没人读,为什么要把它们加起来呢?其次,大多数会议都有一个主持人,他会介绍发言者,谈论家务等等。相反,你可以和主持人谈谈,适当地介绍自己,你可以跳过“这是我,这是我工作的地方,这就是我的家乡,这是我过去所做的”,并利用你在舞台上的短暂时间来做一些观众现在能从中受益的事情。

“我必须展示,不解释!”陷阱

这是一个棘手的问题,特别是在科技界,现场演示在观众中非常成功,人们非常兴奋地看到他们所看到的人在舞台上展示实时编码魔术。如果这是你想做的,同时也要注意,此时此刻你并不是在会议上发言。相反,你是在表演。

这可以做得非常好——Seb Lee-Delisle是一个立即跃入脑海的人。但它也可能会出现可怕的错误,当你看到有人花大部分时间谈论“等待无线连接”或“我需要启动服务器”或“哦,坠毁,让我们再试一次!”是的,现场演示令人印象深刻,但我们也应该质疑,它们对观众来说,不仅仅是一场表演。有多少是可重复的?可能没有那么多。展示一个完美工作的例子并对其进行叙述并没有什么错。不时地解释“为什么”而不是“如何”也没有错。你是一个演讲者,不一定是表演者。

这很奇怪,实际上。很多人会说他们喜欢演讲者现场编程,因为这意味着他们不是销售人员,只是承诺的东西。另一方面,我看到了太多的“产品演练”,它们看起来就像实时代码,但是已经被脚本化,在某些情况下甚至是模拟的。暂停难以置信工作在电影和舞台上-任何舞台。

“和我一起看这个视频”的陷阱

视频很酷,用一种非常简单的方式在很短的时间内传递很多信息。他们通过对观看他们的人非常苛刻来达到这个目的——你所有的感官(除了触觉,但我们正在努力)被迎合。这也意味着播放带有声音的视频会吸引观众。你成为了他们的观众,需要一些技巧才能把他们拉回来。想一想。以视频开始或结束比较容易,也不太容易造成干扰,但观看视频对于外部投影仪来说总是一个问题,你可能只是想错过它,用它来显示视频的截图URL告诉人们在自己的时间看。

“代码,代码,光荣的代码”陷阱

睡眠的羊在舞台上显示代码比不显示代码更具有技术性。但是,展示不可读的代码或用它压倒别人并不会使它成为技术上的空谈——它会使它成为一种令人沮丧的练习。尽量让你的代码示例短小精悍。在文章中,代码样本的完整性是非常重要的——当人们一字不差地复制和粘贴它们时——相比之下,没有人会从幻灯片中复制您的代码。这是一个技术信息,需要你的叙述,使它可以理解。

五六行应该足够了——确保使用彩色编码,并有一个漂亮的,大,可读的字体。行号也非常有用(即使只有5行)。在解释您现在要使用的代码时,有一个可爱的小想法instacode这给了你Instagram风格的代码过滤截图。

只是一个提醒,没什么好害怕的

这些都不是真正的表演终结者,有他们是可以的,但是意识到它们可能产生的影响永远不会有坏处。现在出去谈谈!