必威体育下载基督教Heilmann

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

8月存档,2014

不要再找借口了——给你的YouTube视频加上字幕

周三,8月20日2014

我只是很高兴地感到惊讶,自从我上次看了YouTube的字幕界面后,它的发展突飞猛进。

Mozilla的一位法国撰稿人让我为火焰的介绍视频当你收到这样的请求时,我感到害怕。似乎很多工作没有多少收获。

然而,使用YouTube自动字幕工具,这是一件轻而易举的事情:

字幕界面

我刚去了字幕和CC标签,告诉YouTube视频是英文的。几乎立刻(这有点可疑——YouTube是否已经出于索引的原因从语音中创建了文本?)我有一套很好的字幕,带时间戳的。

按下编辑按钮,我就能编辑识别出的几个错误,这是一个简单的过程,当你打字的时候听。然后我打开字幕并导出SRT翻译文件。

自动字幕给我留下了很深的印象,因为我对我在这些视频中的讲话质量不满意(他们很匆忙,我内心的无情批评者完全听到了这一点)。

当然,也有Amara是一种成熟的转录,字幕和翻译工具,但我们没有太多理由不给我们的短片加字幕。

让我们不要忘记字幕是令人惊异的,不仅是一种听力障碍的工具:

  • 当我在公共场合观看你的视频时,我不必戴耳机——我可以关掉声音,也不会让咖啡馆里的人生气。
  • 作为一个非英语母语的人,学习一门新语言是非常棒的(我在看Monty Python的带必威体育下载字幕的飞行马戏团时学会了英语,那是当时德国唯一一个有字幕的节目。)这可以解释一些事情)
  • 您可以按内容搜索视频,而不需要知道时间戳,还可以在帖子中以文本形式提供字幕
  • 你帮助各种残疾人士使你的工作易懂。

去吧,点击字幕标签!

makethumbnails.com–将图像放入浏览器,得到一个手指甲的拉链

周一,8月18日,2014

2½年前我写了一个Mozilla Hacks演示如何使用画布创建缩略图.现在我迫不及待地想要对它进行一些更新,并添加更多有用的功能。其结果是:

http://makethumbnails.com

它使用起来非常简单:将图像放到正方形上,浏览器会为它们创建缩略图,并将其作为zip发送给您。

主页

缩略图设置页

你可以设置缩略图的大小,如果你想让它们集中在你选择的彩色背景或裁剪到它们的真实大小,你可以设置质量。所有这些都有一个实时预览。

如果您将浏览器的大小调整到非常小的大小(或单击站点上的pin图标并打开一个弹出窗口),则可以将其用作finder的额外功能:

调整到简单模式

所有设置都存储在本地,这意味着当你回来的时候一切都会准备好的。

由于不涉及服务器,你也可以下载应用程序并离线使用。

来源,当然,当然在GitHub上可用.

为了看到它的作用,你也可以观看在YouTube上快速浏览一下Makethumbnails

快乐的拇指!

克里斯

在浏览器中创建一组大小不同的图标

星期五,8月15日2014

万岁,我又做了一些编码来改变!我在向Firefox市场提交应用程序时遇到的一个问题是,清单验证器总是抱怨我遗漏了某些图标大小。这就是为什么我认为有一个浏览器内的工具可以从一个图像中生成所有需要的图标会很好。这是:

运行中的图标生成器

你可以看到它在YouTube上的演示:

这就是它的全部——它使用Canvas和fileReaderAPI要转换图像并创建文件。JSZip,还使用了Neato库来创建Zips。

现在,您的原始图像需要是正方形的,512×512像素,否则生成器将只粘贴前512×512像素。图像自动调整大小为512像素,并以透明背景为中心.更高版本可能允许您移动图像。我看看什么时候有空。

主持人提示:动态gif并不像我们想象的那么酷

周一,8月11日,2014

免责声明:我没有权利告诉你该做什么,该如何表现——我怎么敢?你想做什么就做什么。我不“讨厌”任何事情——而且我不喜欢这个术语.我也是有罪的,在未来我将在这里谈论的事情也会是这样。所以,请耐心听我说:作为一个把大部分时间花在演讲上的人,参加会议并指导人们成为演讲人,我想是时候进行干预了。


为开发人员准备一个谈话的最困难的部分是找到能够准确代表您的主题的有趣的礼物。

启动这个和它的线程的tweet

如果你是一个技术演示者,你考虑在你的幻灯片中添加很多动画礼物,停止,并重新考虑。考虑其他方法来消磨时间。例如:

  • 编写一个真正干净的代码示例,并将其保存在文档化的代码存储库中供人们使用
  • 研究非常成功的人是如何使用你希望听众关心的东西的
  • 找到一个现实生活中的例子,在这个例子中,某种工作方式产生了真正的差异,以及如何将其应用于抽象的编码思想。
  • 研究真实的数字来支持你的论点或反驳常见的“真理”

别爱上“哦,但这很酷,其他人都这么做。为什么?因为当每个人都这么做的时候,并没有什么新奇的东西。

现在网上到处都有动画赠品,我们都很喜欢。它们是在任何环境下都能工作的短视频,它们很有趣,而且非常像素化,对它们有一种“朋克”的感觉。

这一点,对我来说,首先是演示者在技术演示中使用它们的原因。它们是一种干扰,他们是新鲜的,他们是不同的。

我们都厌倦了看那些比西方电影里的决战更有杀伤力的公司演讲,以至于哭了出来。我们都受够了那些视觉狂热者们令人惊讶的精心准备的演讲,那些演讲中只有一只蝴蝶或美丽的日落。

添加文本到sunrise

我们想要一些沙砾,更接近金属的东西——就像我们一样。让我们与众不同,让我们打乱,让我们展示一个看起来没有连接的充满像素的动画。

这很好,但仍然有很多很好的理由使用动画GIF在我们的演示:

  • 他们是个引人注目的人–动画是我们视为人类的东西。潜意识里,如果有什么东西在动,那就是一只剑齿虎想要吃掉我,这是我们根深蒂固的想法。这可以制作动画GIF在你的演讲的新章节中有一个很好的第一张幻灯片:你似乎做了一些意想不到的事情,但是你想要达到的是让听众重新设置并专注于你想讨论的下一个主题。
  • 它们可以是很好的强调你所说的。当孤独Penades一位女士在桌子底下喝酒(6:05)当谈到她作为一个人的不安全感时,人们会觉得很重要。索莱达和酗酒的女人什么时候?杰克·阿奇博尔德解释道,navigator.online是真的,即使网络电缆插入了一些土壤(26:00)。这很有趣,令人兴奋和简单的事情去做,并增加了他的观点。杰克和土壤
  • 这是一件人满为患的事-一个活生生的人的不敬,meme-ishGIF告诉观众你是他们中的一员,不是一个专业,圆滑驯服的公司发言人。

是吗?不是每个人都用这种方法来克服破坏吗?当我们都使用相同的内容时,我们是否都是独一无二的和不同的?我们还要忍受多少次这很快就升级了GIF取自一部10年前的电影?我们甚至不要谈论我们期望观众得到参考的问题,以及为什么它会很有趣。

我们面临着变得可预测和无聊的危险。尤其是当你看到使用动画的演讲者时GIF知道这不是必要的,然后试着在他们的叙述中插点小喇叭。这不是一个通行的仪式。您应该使用正确的表示技术来实现某种响应。GIF在您的幻灯片中,就像代码中有一个未使用的全局变量——分散注意力,不好的做法通常会导致混乱。

我们在幻灯片中使用动画赠品(或视频)的原因也是他们的主要问题:

  • 它们确实会分散观众的注意力作为一个“哇”,发生了什么“提醒观众,这是好的。当你不得不与身后闪烁的事物竞争时,那是很糟糕的。尤其是当你选择了一个非常“out of there”GIF你花了太多时间讨论这个问题。一个快速的动画或一个非常短的循环可能会让观众感到恼火,而不是把你看成一个很酷的演讲者,他们会头疼,会想“请继续看下一张幻灯片”,而不会听你的。我犯了那个错误彩虹呕吐侏儒HTML52013年Devconf并在推特上被点名。
  • 它们太容易添加了–很多时候,我们都想去有趣的猫敲打草莓因为这很酷,这意味着我们作为一个演讲者是与众不同的,令人惊讶的。

好,这不再令人惊讶,它可以被视为一个廉价的出路,我们作为一个创造者的展示。填料材料是填料材料,无论多么古怪。

通过添加动画图像,你不会使一个无聊的主题更有趣。坐在屁垫上也不会让枯燥的演讲变得更有趣。当然,它会唤醒人们,也许会让他们咯咯笑,但它不会让你的听众更专注。我们停止在幻灯片和火爆的文本之间使用3D转换,因为它们被视为一个糟糕的演讲者试图弥补缺乏舞台表现或缺乏内容的闪亮事物的迹象。不要做那种人。

说到技术演示,有一件重要的事情要记住:您的幻灯片不重要,也不是您的演示文稿。你。

您的幻灯片可以是:

  • 你说话的部分的墙纸
  • 强调你目前正在覆盖或
  • 一个代码示例。

如果幻灯片没有覆盖这些情况-删除它。壁纸不眨眼。它存在于背景中,使前面的人更加突出。你已经要和很多其他的演讲者竞争了,观众疲劳,技术问题,声音的问题,你的身体状况和糟糕的灯光。不要增加你必须通过添加自己制作的闪亮饰品来克服的分心。

把无聊的内容包装在闪亮的盒子里,并不能让它变得更有趣。相反,不要谈论无聊的部分。通过不同的方法使它们变得有趣,展示一个统一资源定位地址以及一个无聊资源的截图,告诉人们在你谈论的话题的背景下他们的意思。如果你对某件事感到厌烦,你可以打赌观众是,也是。你遇到的是观众的反应。虚伪是你能想到的最糟糕的事情。害怕、害羞或只是提供信息是完全可以的。不要太努力去取悦当前的时尚——做你自己,为你现在所呈现的而兴奋,其余的都会到位。

所以,无论如何,在合适的时候使用动画赠品-进行幽默和不敬的演示。但只有当你和舞台上的其他角色都适合这个角色的时候,你才能这样做。外面有很多很有主见的人在做正确的事情詹•希弗出现在我的脑海里。如果你想这样做,那就全力以赴吧。不要让你谈话中有趣的部分窃取你的雷声。作为一个主持人,你是艺人,教育者和解释者。这是一种混合,当所有的混音开始时,它们只有在感觉圆的并且节奏合适的时候才工作。

微软的第一个网页和它能教给我们什么

星期五,8月8日,2014

今天微软发布了重建他们的第一个网站,20年前完成了readme.html解释如何完成为什么有些事情是这样的。

微软的第一个网站

我发现这很有趣。首先,因为它带我回到了我的起点——我在1996年左右建立了我的第一页。其次,这是一个有趣的提醒,随着时间的推移,为网络创造的东西是如何变化的,而我们的错误或误解保持不变。

本页有一些细节值得一提:

  • 注意,它在整个导航中使用图像图片中的文字有下划线.当时,“文本加下划线=可点击,带你去某个地方”的概念在人们中并不根深蒂固。我们需要提醒人们这个新的概念,这意味着一致性是王道——即使是在图像中。
  • 网站正在使用ISMAP属性和客户端CGI程序将单击的X和Y坐标转换为重定向。我记得用Perl编写这些代码,如果您考虑的话,它仍然是一个非常酷的特性。如果使用input type=image,您将免费获得相同的鼠标跟踪,因为它将告诉您在哪里单击图像作为表单提交参数
  • 客户端图像映射是后来才出现的,创建起来很麻烦。我记得第一次用Coffeecup Mapper的形象(非常高兴见到杰伊·科尼利厄斯,的创造者,后来在我在那里演讲的时候,在网络管理员的即兴演讲中,Adobe的ImageReady(它把每一层都变成了一个区域元素)
  • 表格布局是后来才出现的,天啊,这种布局会是一个非常复杂的表格,用间隔gif, colspan和rowspan来创建。

而这,对我来说,这里最有趣的部分是:第一个由大公司创建的网站之一在web设计中犯了最基本的错误——从用图形工具创建的固定设计开始,然后试图创建HTML让它发挥作用。换句话说:在网上打印。

网络被用于任何能够HTTP和文本显示(或语音,或者你想把输入的文本转换成什么)。像Lynx这样的文本浏览器在当时并不少见。微软正在创建一个没有文本替代的大图像网页。还有一个有趣的地方是图像是767px×513px大。那时我有一个计算机能力的640×480像素分辨率和浏览器没有自动规模的图片。这意味着我会有非常糟糕的滚动条。

如果你有文本浏览器,当然有你想要的:

如果你的浏览器不支持图像,我们有一个 文本菜单也一样。

这意味着这个页面也是优雅降级的第一个例子——比JavaScript早几年,闪光灯或DHTML.这意味着页面的导航菜单必须保持在两个位置(或CGI服务器上的脚本)。当然,渐进增强的概念甚至没有被提及,而且当时的技术几乎不可能(您能否检测是否支持图像,然后加载图像版本并隐藏文本菜单?)可能有个信标…)。

这一直困扰着我们:网络技术的第一个演示已经试图变得漂亮和有光泽,而不是拥抱未知的网络。固定的布局在当时是个问题,现在仍然是。努力使它们工作意味着大量的努力和可维护性债务。这会变得更糟,你依赖的技术越多,你在你的代码和浏览器显示给你的内容之间投入的步骤越多。

用户有权调整字体的大小。对能力进行假设是完全不可能的,屏幕大小,连接速度或技术设置的人,我们服务我们的内容。正如布拉德·弗罗斯特所说,我们必须拥抱柔弱的人在我们的设计中留下喘息的空间。

一件事,然而,很酷:这页是20岁,它在同一时代被重新创造出来。然而我现在可以使用这个页面在最新技术上,在浏览器中,微软从未梦想过存在(而不是他们没有试图阻止,注意)即使是在我闪亮的移动设备或电视机上。

让我们看看我们是否可以对现在为iOS或Android创建的应用程序做同样的事情。

这就是网络的力量:你现在在一个合理的,深思熟虑和逐步增强的方式将始终保持可消费性。你强加到一个更有定义和控制的格式的东西不会。需要考虑的事情。没有人会阻止你只为一个平台开发一个出色的应用。但不要假装你所做的比基于开放网络技术的产品更好甚至更具可比性。他们是不同的野兽,有着不同的目标。它们可以共存。