必威体育下载基督教Heilmann

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

7月份存档,二千零一十三

玩Leapmotion来获得可访问性

星期三,7月31日二千零一十三

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

本质上,这意味着:

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

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

(功能({
varlinkindex= - - - - - -1
var链接=文档。查询选择单元格(“一个”MyCube= 的飞跃。控制器(“ws: / / localhost: 6437 / "MyListor= 的飞跃。侦听器(myListener。架上 = 功能(控制器 {
  var框架=控制器。框架(
  var手势=框架。手势(
  如果 (手势[] & &手势[]._state= = = “停止” {如果 (手势[]γ型= = = “刷卡” {
      如果(手势[]方向。x >  {窗口。滚动(手势[]._speed*
      } 其他的 {窗口。滚动(,-手势[]._speed*
      }
    }
    如果 (手势[]γ型= = = “keyTap” {
      如果 (linkindex {链接[linkindex].点击(
      }   
    }
    如果 (手势[]γ型= = = “圈” {
      如果 (手势[]顺时针方向= = =  {更新索引(1
          如果(链接[linkindex] {链接[linkindex].焦点(   
          }
        } 
      如果 (手势[]顺时针方向= = =  {更新索引(- - - - - -1
          如果(链接[linkindex] {链接[linkindex].焦点(   
          }
      } 
    }
  }
}
功能更新索引(添加 {linkindex+ =添加
  如果 (linkindex<  {linkindex= 
  }
  如果 (linkindex> =链接。长度 {linkindex=链接。长度 - - - - - - 1
  }
}myController。addListener(MyListormyController。enableGesture(“keyTap” myController。enableGesture(“刷” myController。enableGesture(“圆” 
}(

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

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

星期五,7月19日,二千零一十三

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

错误的

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

对路

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

视频{-WebKit转换斯卡克斯(- - - - - -1
  转型斯卡克斯(- - - - - -1
}

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

  // ctx是绘图画布的上下文
  //w是画布的宽度CTX翻译(W CTX规模(- - - - - -1 1

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

Senchacon 2013 - HTML5及以上

周四,7月18日,二千零一十三

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

综合症

我发表了YouTube上的屏幕直播.

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

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

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

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

周二,7月9日二千零一十三

被同事缠着杰森·韦瑟斯比(“你的博客上应该有一个分享按钮,我不想复制粘贴标题和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的情况下添加更多共享按钮吗?托比奥斯本有关于更多的好帖子吗URL社交网站结构.

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

周二,7月9日二千零一十三

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

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

“额外的一点”陷阱

变压器层结构我很喜欢这个(我可以在我的一些演讲中指出来,当我看到视频时就会退缩):你写了一篇很好的演讲,有一个好的叙事结构然后你还记得另一件有趣的事,有趣的是,或者电流,你把它加进去,让它工作。在我的情况下,我在舞台上做的很多。这是给你们的,而不是为了观众。对他们来说,这可能是一个快速的“哈哈”或“哈哈!”瞬间,但所有的一切都分散了整个信息的注意力。每当你觉得有必要添加另一件事可能需要一些说服才能融入全局,不要。而是重新评估你所拥有的,也许可以改变一下例子的顺序,在舞台上更慢一点。

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

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

自我介绍很重要,无论是在“现实生活”交流还是在舞台上。但是,您应该考虑上下文。设置的,在那里没有人知道谁在何时何地说话,有一张幻灯片告诉人们你是谁以及如何联系你是非常重要的,这是作为一个演讲者职业生涯的良好开端。在一个会议上,当你已经知道,所以少。首先,每次会议都会在会议页面和打印输出中显示演讲者简介。如果真的没人读,为什么我们要费心添加它们?其次,大多数会议都会有一个主持人介绍演讲者,并讨论家政等问题。相反,你可以和主持人谈谈,适当地介绍自己,你可以跳过“这是我,这是我工作的地方,我来自这里,以下是我在过去所做的”,用你在舞台上的短暂时间来代替观众现在所得到的好处。

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

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

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

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

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

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

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

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

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

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

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