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

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

8月存档,二千零一十四

别再找借口了-给你的YouTube视频加字幕

星期三,8月20日,二千零一十四

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

Mozilla的一位法国撰稿人让我为火焰介绍视频当你提出这样的要求时,我感到你的恐惧。似乎很多工作都是为了微薄的收益。

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

字幕界面

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

点击编辑按钮,我可以编辑识别出的几个错误,这是一个简单的听你打字的过程。然后我打开字幕并导出SRT翻译文件。

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

当然,也有阿玛拉作为一个成熟的抄写,字幕和翻译工具,但我们没有太多理由不给我们的短片加字幕。

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

  • 当我在公共场合观看你的视频时,我不必戴耳机——我可以关掉声音,也不会让咖啡馆里的人生气。
  • 作为一个非母语者,他们非常擅长学习一门新的语言(我在看《巨蟒飞行马戏团》(Monty必威体育下载 python's Flying Circus)时学过英语,这是当时在德国唯一的一个学过这门语言的节目。这可以解释一些事情)
  • 你可以按内容搜索视频,而不必知道时间戳,你也可以在一篇文章中提供字幕作为文本。
  • 你帮助各种残疾人士使你的工作易懂。

去吧,点击字幕标签!

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

星期一,8月18日,二千零一十四

大约2.5年前我写了一篇Mozilla Hacks演示如何使用画布创建缩略图.现在我觉得有必要对它进行一些更新,并添加更多有用的功能。结果是:

http://makethumbnails.com网站

它非常容易使用:将图像放在正方形上,浏览器会为它们创建缩略图,并将其作为压缩文件发送给您。

主页

缩略图设置页

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

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

调整为简单模式

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

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

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

要想看到它的作用,你也可以看在YouTube上快速浏览制作缩略图

快乐的拇指!

克里斯

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

星期五,8月15日,二千零一十四

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

图标生成器正在运行

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

仅此而已,它使用画布和文件阅读器美国石油学会转换图像并创建文件。JSZip还使用了Neato库来创建Zips。

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

演示者提示:动画礼品并不像我们想象的那么酷

星期一,8月11日,二千零一十四

免责声明:我没有权利告诉你该做什么和该如何呈现——我怎么敢?你想做什么就做什么。我不“讨厌”任何事情——而且我不喜欢这个词.我也很内疚,将来我会在这里谈论的事情。所以,请原谅我:作为一个一生中大部分时间都在演讲的人,参加会议并指导人们成为演讲人,我想是时候进行干预了。


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

启动这个和它的线程的tweet

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

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

别爱上“哦,但它很酷,其他人都在做“陷阱”。为什么?因为当每个人都这样做的时候,没有什么新鲜或酷的。

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

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

我们都厌倦了公司演示会上的眼泪,因为公司演示会上的子弹比西方电影中的决战还要多。我们都受够了视觉爱好者们令人惊讶的润色演示文稿,这些演示文稿中只有太多鼓舞人心的蝴蝶或美丽的日落。

向日出添加文本

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

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

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

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

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

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

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

好,这不再令人惊讶了,它可以被看作是我们作为演示文稿创建者的廉价出路。填料是填料,不管多古怪。

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

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

您的幻灯片可以是:

  • 你谈话部分的墙纸
  • 强调你目前所涵盖的内容或
  • 一个代码示例。

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

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

所以,尽一切办法,在合适的时候使用动画赠品-进行幽默和不敬的演示。但只有当这真的是你和你舞台上的其他人适合的时候才这样做。有能干的人在做这件事-詹·希弗浮现在脑海中。如果你想这样做,那就全力以赴吧。不要让你谈话中有趣的部分窃取你的雷声。作为主持人,你是个艺人,教育者和解释者。这是一种混合,当所有的混音开始时,它们只有在感觉圆的并且节奏合适的时候才工作。

微软的第一个网页以及它能教给我们的东西

星期五,8月8日,二千零一十四

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

微软的第一个网站

我觉得这个很有趣。首先是因为它把我带回到了我的开始-我在1996年左右建立了我的第一页。其次,这是一个有趣的提醒,在我们的错误或误解保持不变的情况下,为网络创造东西是如何随着时间而改变的。

本页有几个细节值得一提:

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

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

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

如果你有文本浏览器,当然,你也有需要:

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

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

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

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

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

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

这就是网络的力量:你现在建立在一个明智的,深思熟虑和逐步增强的方式将始终保持可消费性。您强制转换为更为定义和控制的格式的内容将不会。想些什么。没有人会阻止你只为一个平台构建一个惊人的应用程序。但不要假装你所做的比基于开放网络技术的产品更好甚至更具可比性。他们是目标不同的野兽。它们可以一起存在。