必威体育下载基督教Heilmann

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

8月存档,2011

浏览器喷泉-使用画布粒子

星期三,8月24日,2011

上周我参加了创意javascript培训作者:Seb Lee Delisle。我们讨论的其中一件事是使用模拟物理画布的简单粒子系统。我很惊讶地发现这很容易,尤其是当你伪造物理而不是使用真正的公式时。

我刚上传到Mozilla的演示工作室的一个实验,这个浏览器的喷泉GitHub上的源代码

这是它的样子在YouTube上

演出非常精彩,尽管我正在做一些事情,让我在写作的时候畏缩不前,如果你接近像这样的东西,你接近建设生产网站。有时候放手是有道理的,我猜。

我目前正在和SEB讨论,如果我可以写一个关于粒子的简单教程,那么让我们看看这是否会发生。

在伦敦举行的2011年露营会上,记录关于小本经营的会谈

周一,8月22日,2011

今天我在伦敦营地并举行了“小本经营录音谈话”的即兴会议。没有任何幻灯片,但为了证明我的观点,我录制了我的演示文稿的音频并在网上发布

以下是我谈到的主要内容:

  • 现在,您可以使用内置的计算机麦克风轻松录制音频,厚颜无耻.因为它不需要安装,这甚至可以从记忆棒上运行
  • VLC不仅仅是在这个星球上玩任何东西,但它也可以将屏幕录制为视频视频在这里)当你的演讲者没有幻灯片,但实际上在不同的节目中进行现场演示时,这非常方便。
  • 录制完音频或视频后,您需要将其转换为Web格式并将其托管在某个地方。你可以在工具内部完成这项工作(Audacity可以保存ogg和MP3),但是你仍然需要在这里上传它们。当我把我的演讲作为创造性的共享资源发布时,我通常使用归档文件用于托管和转换。
  • 如果你想让你的视频转换和托管,而不需要我通常使用的archive.org的宣传或授权维迪利它可以将您的视频转换为多种格式,并为您提供一个短链接,以便在您调用时将正确的视频格式发送到正确的设备。这是一项令人难以置信的服务
  • 下一步将是允许字幕和字幕。这是非常有用的,让人们能够跳到他们真正感兴趣的部分,并给搜索引擎一个机会找到你的内容。字幕和字幕是昂贵的。如果你看到它有多酷特德(例如在罗杰·埃伯特-重塑我的声音)你可以看到好处。廉价地做这件事通用字幕,为文档中的所有视频添加副标题界面和副标题和翻译界面的JavaScript。通用字幕基于波普坎图书馆。有些人已经使用这个来允许转录本与音频链接,如您在中看到的明尼苏达公共电台的演示.如果你不想亲手做这些事情,还有黄油应用项目
  • 我最后提到的一件事是幕幕,这是一个免费的工具,你可以通过Twitter登录,然后得到一个屏幕播放应用程序,它允许你录制5分钟的屏幕和动作,并为你转换和托管最终的视频。您还可以保存MP4或者发送到YouTube。

这只是一个简单的介绍,你可以使用免费提供简单的记录你的活动。这些都不能代替专业录音,但它也不能用空气代替你口袋里的几千磅。

我没有提到的是,主题演讲和QuickTime都有演示和屏幕记录功能。但由于他们不是自由的,我跳过了。

CSS挑战:CSS3中90度的标题有回退?

星期三,8月17日,2011

好啊,在一次IRC会议的仁慈的霸主多媒体数字网文档,谢皮让我帮他做多媒体数字网医生看起来更可怕的突破,在那里的标题是90度。

本质上,我们想要的是:

旋转标题

上面的版本应该适用于支持CSS旋转和下面的旋转应该是回退版本。现在,在我的努力下,而令人惊奇的是克里斯科伊尔我们走得相当远(简论):

然而,还不完全。正如您可以看到的那样,回退(第一个示例)仍然覆盖文本,而不是整个宽度。克里斯当然建议用现代化来检查CSS的支持,但这是我们不想要的。而且,让我们面对现实,不应该使用。

我认为这是一个根本性的缺陷CSS-它为我们提供了很多设计机会,但没有“如果可能,执行此操作”(MediaQueries除外)。在应用CSS效果——或者让那些不使用酷的新浏览器的人失望。

过去,这更容易。我们有CSS针对特定浏览器的黑客和过滤器。所有这些都是黑客利用浏览器渲染引擎中的问题(有时是以奇怪的方式(记住盒模型破解声音的运用CSS?).

是时候用电了吗CSS给我们提供了一个检查语句,仅当可以使用转换时才应用转换?甚至在那时,没有真正优雅的堕落。

所以,没有现代化,谁能把这项工作做好?

生锈——我们需要新的最佳实践来适应不同的发展世界。

周一,8月15日2011

好消息是:我们,那些推广开放网络标准的人,赢了!今天的网络使用越来越少的封闭技术和插件HTML,CSS和JavaScript是用来创建大量优秀Web体验的工具。

例如,几乎没有人使用flash作为简单的图片库,越来越多的公司向我们以及世界宣传自己“支持Web标准”和“使用开放技术”。

当然,有很多人在说假话,正如布鲁斯·劳森所说,我们得到了HTML5,空洞的演示和忘记基础知识.布鲁斯指出很多HTML5演示没有任何语义标记,甚至不要创建工作链接,也不要有很多我们在90年代和千年之初在Flash隧道中看到的特性。

在这场争论的另一方面,有几个人一直告诉我,他们正在写博客文章“为什么语义标记和javascript回退不再重要”。

我认为有一个快乐的中间地带有待发现,这主要意味着我们需要了解以下内容:作为一个Web开发人员,您所做的工作在很大程度上取决于我们的工作所使用的媒介.

多年来,我们如何使用互联网已经发生了变化,如果我们不想被视为进步的敌人,我们需要改变我们的最佳实践,并在应用它们时给予它们更多的灵活性。

就像一个在每一个浏览器中查找和工作相同的网站,意味着要迎合最低的共同点,而不是巧妙地使用我们的平台,“以某种方式使用的一堆技术”限制了我们接触那些刚开始在网上工作并只想完成一些工作的人。

我们的最佳实践真的植根于现实吗?

改变最佳实践?这怎么可能?好,首先,我认为我们所宣扬的很多是货物崇拜而不是基于真实的事情。我们告诉人们的许多“在网络上工作是绝对必要的”的事情是不需要的,而且许多关于语义标记有用性的激动人心的解释实际上并不是基于事实的。作为最佳实践,我们所做的很多工作都是为我们而做的,不适用于最终用户或我们使用的技术。但以后会更多。

回首往事(不生气)

我们是如何到达现在的位置的,新建的展示站点违反了最简单的概念,比如为图像提供替代文本或使用结构化HTML而不是几个空的沙发?

为了了解我们是如何陷入这必威体育下载种混乱的,了解我们过去所做的事情是很重要的。许多演讲、书籍和帖子描绘了一幅勇敢的网络标准新世界的图景,厚颜无耻地在封闭技术的丛林中开辟了一条通向光明未来的道路。这与实际情况相差甚远。如果我们诚实,我们所做的很多事情都是为了让事情变得有意义,然后试图找到一种方法让我们所做的事情可持续发展。最后一步是语义。当我听到赞扬波什—简单的旧语义HTML就像我们过去建造东西的方式一样,随着时间的推移,我们忘记了这项技能,我不得不窃笑。我们没有这样做——至少在生产中没有。

卑微的开端-HTMLCGI

很久以前,HTML用于表示,行为和结构

起初没有插件,也没有javascript。我们有HTML图像和人们已经犯下的最大错误是把文本显示为没有任何可选文本的图像。这意味着只有文本的浏览器(仍在使用中)和那些连接速度较慢的浏览器存在短端。交互被定义为点击链接和提交表单。

我们已经开始尝试使用帧来加快速度。例如,我们保留了一个“粘性导航”,只加载没有任何菜单的内容页。这是为了提高性能而打破诸如书签等基本浏览器功能的开始。我记得我曾用cookies存储页面状态,并在随后的访问中相应地重新编写框架集。这只为当前用户修复了它——再也不可能向其他用户发送链接了。但是页面加载得更快。

布局实现于HTML-水平线,之前元素,很多和桌子。最重要的是让它在所有浏览器中都看起来正确,而不是HTML真的是。

然而,我们告诉人们的是,这是一个简单的时代,HTML它的语义价值真的很重要。我记得不一样。

DHTML天(1)

当Javascript得到支持时,我们就开始正常工作了。整个菜单都是用document.write()。我们使用了弹出窗口,其中动态写入了框架(例如图像库):

Javascript允许更丰富的交互和更多的错误

我们甚至开始检查使用的是哪种浏览器,在更明智的情况下,提供了不同的体验。在考虑较少的解决方案中,我们只是告诉人们“这个网站需要Internet Explorer 4才能工作”。

我们还开始用JavaScript隐藏和显示内容。有时候我们用JS写出来的,并没有给文本浏览器(或者那些通过代理默认关闭JS的公司)提供任何内容或太多内容而不太关心结构。

什么时候?SEO开始重要了,我们也用了NOSCRIPT标签提供回退文本和链接——大多数时候都是关键词而不是意义。

DHTML天(2)

什么时候?CSS得到支持的东西真的起飞了——我们不仅可以创造动态的东西,展示和隐藏它们,而且还可以真正地去城镇移动,旋转的,动画制作和堆叠它们。我们做到了。DHTML图书馆网站上有数百个效果菜单、图像滑块和旋转按钮等:

JavaScript和CSS让我们有机会构建许多闪亮的东西

大多数行为都是用javascript完成的,但我们也开始使用CSS:徘徊伪选择器用于构建“仅限于CSS的多级下拉菜单”以及其他没有鼠标就无法使用的东西。

当时正是DHTML几乎所有脚本的第一行都在检查IE和document.all或Netscape文件层.计算机的速度也迫使我们经历各种危险的黑客和诡计(危险的是,他们使维护非常困难,因为黑客往往没有得到记录),使事情看起来很顺利。

福音书(根据塞尔德曼)

塞尔德曼之书这就是我们要传达的信息:让我们停止尝试为浏览器解决问题,跳过障碍,让我们的产品在一个不值得信任的环境中工作,转而依赖标准。此消息的主要工具是分离技术:

为了使Web开发界保持清醒,我们声称HTML是一种结构,CSS是表示,JS是行为

HTML是结构,CSS是为了视觉上的外观和感觉,而javascript是为了行为。如果我们把这些东西分开,然后我们有了一个好的易于维护的Web产品,为每个人工作,干净的扩展和工作。

这就是我们的想法,我们创造了一个术语不引人注目的javascript(我记得写这门课很有趣)然后DOM脚本(使用DOM编写黄蜂工作组的脚本杰瑞米基思S和我的书举例说明如何使用)。

今日国家

如今,我们似乎已经回到了混合和匹配发展关注点和层次的世界:

今天,似乎,所有的分离层被混合并再次匹配。

强大的力量带来了巨大的责任感,而现在我感觉到后者在我们的雷达上是非常低的,因为和我们拥有的酷的新东西一起玩太有趣了。我们的移动电话有非常快的处理器,我们有超音速JavaScript引擎,可以进行3D动画和硬件加速CSS动画。这使得人们很难对语义值感到兴奋。

在这个新的Web技术世界中,几乎所有栈中的技术都被淘汰了,分离变得更加困难。什么是好帆布没有任何脚本?我们应该在CSS还是用JavaScript?动画是行为还是表现?仅为视觉效果所需的元素是否应该位于HTML或者用javascript生成,或者用:after和:before生成CSS

这些天我们在客户身上做的比过去多得多。是时候我们在最佳实践中给予客户更多的信任了。对,旧的浏览器不太可能很快就消失(这有时是有意的,例如微软不提供对Windows的IE升级XP-很快Vista–用户

关注点与Web开发人员的形象

在其意义和方法上,塞尔德曼首先解释的分离仍然是一个令人难以置信的好主意——不同技术分离背后的思想是伟大的。一些公司在他们的培训中非常接受这个概念,例如雅虎甚至更进一步,通过称之为关注点分离“而不是发展的层次。

这种微妙的差异也部分地说明了为什么这个伟大的想法不总是在现实产品中实现:你需要了解不同的技术是如何工作的,以及如何正确地编写它们。本质上,你想让一个拥有不同专业主题的团队一起构建一个令人兴奋的产品。

事实上,尽管Web开发仍然被视为任何一个经过培训的开发人员都可以做的事情,或者当您雇佣一个专门的Web开发团队时,他们被认为是全面的专家,不允许专注于语义,CSS或JavaScript。

这就是为什么最终的Web产品没有清晰的分离的主要原因。在大多数情况下,开发人员意识到他们本可以做得更好,但是他们被迫仓促完成,或者使用他们不太关心的技术。如果你必须调试和优化CSS由Java开发人员编写,你就会明白我的意思。

Web标准展示和消耗

每当我们称赞一个新产品以正确的方式使用网络标准时,它就不是一个大产品。它几乎不是企业框架或CMS.而且,在很多情况下,它的构建实际上是为了强调使用Web标准,而不是简化构建Web产品的过程。

以最有可能成为突破CSS在社区看来:CSS禅宗花园.花园很简单XHTML文件,语义正确,但已经有很多id和类作为要应用的句柄CSS规则。它的工作是通过分离外观和感觉来显示你可以轻松地重新设计一个网站,使它看起来(以及稍后对用户的反应)完全不同于一个案例到另一个案例。

这一切进展得非常顺利,直到我们对图像替换的可能性感到兴奋。后来提交到花园的材料中有大量的背景图片文本,这很讽刺,因为最初的论点是所有的内容都应该在HTML.

在现实世界中,然而,我们从来没有固定过HTML要玩的文档–我们CMS为我们创建网页,一切都在变化。你不能控制菜单元素的数量,你不能控制文本的数量,您将无法“简单地将类添加到元素”以赋予它一些额外的功能。现在是时候让我们明白,我们可以通过展示网站和演示来激发灵感了,但我们确实不帮助人们开发网站,也不反对“每个人都可以做前端”的概念。这不是硬代码”。

当我们乘坐喷气式滑雪板时,没有人想知道海洋的深度和组成。

现在,“最佳实践Web开发”讨论,演示和教程都是非常自我参照的。我们同同同一个人谈论同一个主题,并声称人们在使用语义的同时,网络在世界范围内很小的一部分市场上与围墙花园开发和本地移动开发作斗争。

人们高兴地说他们“只为webkit构建”,因为这是“最好、最快、最稳定的浏览器”。如果你没有合适的浏览器和操作系统,人们可以看到一个展示网站完全失败。

我们开始退到各自的专家领域,并在专家会议上发言。在设计会议上教授的很多东西与在性能会议上听到的完全相反。我们在抽象层之上构建抽象层,以解决浏览器问题,并在会议上发布数十个“奇迹”库和脚本,而不考虑是否有人会使用它们。

速度仍然是我们讨论的主要问题。如何缩短脚本加载程序20毫秒?如何使动画由30帧改为50帧?

开发人员新市场的最佳实践

我最喜欢的例子是参加Google IO可访问性谈话。大约一个小时我们学会了如何把一个元素变成一个按钮并保持它的可访问性。.没有人提到我们为什么不使用纽扣作业的元素。在那次谈话中有很多很好的信息,但是当我们模拟浏览器提供给我们的JS和CSS.

我们现在拥有的新一代开发人员对技术非常感兴趣。我们,“最佳实践”的教育者和解释者都被浏览器多年来的失望所玷污。jquery和其他环境传播“写更少,“实现更多”是成功的主要目标。我们告诉人们的大部分是“加上这个和那个来赋予事物意义”,当他们问我们“为什么?”我们必须想出谎言,例如,现在没有一个浏览器关心大纲算法。

使用Web标准的唯一真正好处

使用Web标准首先意味着一件事:提供一个干净的专业工作。您没有为浏览器编写干净的标记,你不是为最终用户写的。你为从你手中接过这份工作的人写的。就像你应该在简历中使用好的语法,而不是用蜡笔写它一样,当你留下一堆“有用”的东西时,你不能指望维护代码的人会尊重你。

这就是我们需要让新开发人员理解的东西。它是关于为提供一份干净的工作而自豪。不是使用最新的技术和追求光泽。对于我们自己,我们必须理解,真正关心我们所喜爱的标准和关注点分离的是我们自己——因为我们认为可维护性,而不是快速部署和代码的连续迭代。web不是代码——web是一种媒介,我们在其中使用适合于现有目的的各种技术来为最终用户提供良好的体验。

好的政府允许知情的公民——帮助阻止社会媒体封锁的企图

星期五,8月12日,2011

当坏事发生时,人们寻找替罪羊。当一个政府受到威胁时,它试图分析所发生的事情,并找到一个快速的解决方案,给人们希望,并向他们展示那些“在那里”的人是在控制中的,可以保护我们免受邪恶。在过去的几天里,英国被烧毁了,被洗劫了,下一代公民为了建设这个国家的未来而做的就是人民。其他人站在旁边,太震惊了,以至于没有意识到仅仅是存在和“你在做什么,停下来,“本来可以防止很多损坏。

随着人们组织起来,更多的破坏得以避免,各社区保持紧密联系,各司其职。人们从Twit必威体育下载ter上直接学习,脸谱网,短信电子邮件和电话,什么时候上店,暴乱者在哪里,发生了什么。当然有很多猜测,但新闻也是如此。官员英国广播公司暴乱期间的新闻频道有一些误报,错误的地点和燃烧的建筑物的名称。通信错误会发生——如果媒体足够快,也可以非常快速地进行验证和解决。

警察,法院和政府已经做了令人难以置信的工作来阻止无意识的破坏和暴力——这就是事实——这是有组织的恐怖袭击,这纯粹是一种被压抑的愤怒和沮丧,因为在这样一个充斥着“多消费少思考”的信息的世界里,没有未来的希望。

现在,政府开始误解沟通系统为做好工作和保持信息流动所带来的机会。如果你让人们呆在黑暗中,他们认为最坏。我们习惯于不假定“一切都好”。在我们的潜意识深处,我们害怕在黑暗中一出去就被一些恶毒的动物吃掉,这让我们害怕,防御性和无效的行善。

什么时候?大卫卡梅伦谈到了取缔和“禁止社会媒体的暴徒”我害怕了。我不敢纳税,也不敢支持一个政府,它不知道公民每天使用的新媒体是如何运作的,同时花费数百万美元资助“IT创新计划”和“吸引英国企业家展示技术卓越”。社会媒体被认为是一个替罪羊,很大程度上解释了暴乱发生的原因,以及为什么警察的工作效率不如他们所能做到的。政府和老派媒体让人联想到社会媒体是一种不受任何人控制、不可控制的信息自由流动的可怕形象,因此它是一种威胁,也是一个作恶者比执法机构更有效地组织自己的场所。

这里面有很多错误的论点,想一想都很疼。尽管技术上不可能“阻止人们接触社交媒体”,但假设人们只能拥有一个社交媒体,固定身份在那里(猜猜看,我可以买一张10英镑的预付卡,我有了一个新的身份)关闭社交媒体访问的快速解决方案完全误解了社交媒体的概念——这是一个庞大的群体!

社交媒体是媒体不可思议的进化。与其等待新闻的报道,有组织和磨练来灌输一种或另一种反应(这就是我们很多媒体所做的),这意味着信息的自由流动。这对一些人来说很可怕,但对我来说,这意味着它能让每个人都参与进来,当事情不对劲时,自己决定,大声说出来。网络上总是这样。我花了很长时间在IRC,作为管理员,我踢,禁止或斥责传播仇恨或引诱非法行为的人。维基百科的编辑们花了很多时间删除错误或政治错误的文章。人们联系管理员删除内容、解决问题或调查用户的行为。我们通过参与警察社交媒体.政府不理解接受新媒体,也不理解这样做会伤害我。你们的公民互相传递信息,互相交谈——当我看到社交媒体的正式使用时,我所看到的只是一个正在发送到不同频道的新闻提要。有效利用社会媒体可以保护政府资金,时间,让它看起来平易近人,而不是一个远离尘世,无论如何都无法理解我们的实体。

我的城市燃烧了,我的国家(是,我在这里已经10年了,我确实认为这是我的国家),一些孩子能接管并摧毁人们的生计,让我们害怕在黑暗中外出,这让我感到震惊。这并不是因为他们用黑莓和Twitter组织自己——这是因为政府没有倾听,人们对负责人失去了信心和尊重。

骚乱期间我睡得不多。我在每个社交媒体频道,接受信息,对比主流媒体的报道,看看发生了什么。我在阳台上和店主聊天。我向人们致敬在伦敦的journosTwitter列表(尤其是保罗·刘易斯他们密切跟踪暴乱,并从街上提供信息,西伦敦人伯明罕以及伦敦在弗里恩多德发生的骚乱(大卫·辛格尔顿做得很好,他控制谣言,让人们陈述信息,而不是他们的政治观点)。

社交媒体现在被用得很好——比任何其他渠道都快得多。我惊讶于暴动清理和空中扫帚的照片还是让我窒息。还有勇气因为破坏了自己的社区而对暴徒宣判的女士.我喜欢社交媒体上的人们建议向阿什拉夫·哈兹克和其他人提供资金和帮助在报纸想到它之前。

甚至警察现在也在利用社交媒体找到暴乱者-Flickr组要求您识别它们而且他们在Twitter上命名暴徒.

现在有很多问题需要解决。将骚乱称为警钟将是今年轻描淡写的说法。也许暴徒们在组织他们自己,也许有一个大的,疯狂背后的邪恶编曲。没关系,因为如果我们现在专注于让人们闭嘴而不是倾听和理解他们的需求,然后我们作为一个社会和一个老练的人失败得更多,第一世界国家。那些不得不恐惧地统治和压制本国公民的国家是那些被我们指控在世界法院犯下错误的国家,在某些情况下被入侵是为了“解放”。我们现在应该解放自己。

多年来,我们的媒体一直在描绘这样一幅画面:年轻人不适合穿连帽衫,他们更有可能刺伤你,而不是跟你说话。便宜的,情绪化的头条新闻使他们不再是系统的吸食者,也不愿意工作和做一个好公民。这使得人们害怕面对他们,甚至与他们交流。这必须停止。我们面临着沟通的彻底崩溃。这些孩子觉得触犯了法律,在社会之外是无敌的,因为他们没有什么可害怕的,在某些情况下也没有什么可失去的。我们需要理解它们,并与驱使它们进入这种思维的原因作斗争。

对我们来说,作为网络上享有特权的人,他们有足够的时间讨论哪种技术最适合旋转标志,我认为是时候向政府表明,为什么信息的自由流动是一件该死的好事了。

  • 我们现在在英国的工作就是用确凿的证据证明像社交媒体这样的传播系统有助于防止损害
  • 我们的工作是证明社交媒体不仅仅是名人,广告和组织非法活动。如果你使用得当,它是一种非常有效的发布信息和获得反馈的方式
  • 我们的工作是说服政府知情公民公民是否可以采取行动防止坏事发生?

让我们用手中的力量帮助警察和政府完成他们的工作。我们不要再像Facebook这样浪费一个好机会了,twitter和google+,无意识的控制、仇恨和无知。让我们在社交媒体上进行社交,而不是固执己见。让我们收集有关社会媒体的积极信息,并将其展示给传统媒体和政府官方渠道。让我们停止告诉人们扎克伯格在不去uni的情况下赚了多少钱,以及有多少百万美元花在购买产品上,这些产品使人们更容易在网络上购买其他产品,而不是分享知识,并表明网络是学习和分享的绝佳机会。必威体育下载

我喜欢互联网,我喜欢能够得到信息,并且有自由去决定它。我喜欢获取原始数据,这些数据经过验证后可以变成事实。我不想等到新闻出来或报纸印出来后再等信息。这是2011。媒体必须继续前进——如果政府和媒体专业人士不参加,无论如何都会失去他们。自从第一本小册子出版以来,人们意识到了发行的力量。我们有一个即时的,全球分布就在我们的指尖。这可以用来做好事,也可以用来宣传和组织犯罪。我相信人们,如果我们不再专注于消费而不是分享信息,在做出判断之前先教育人们,了解背景,我们正在走向一个更好的社会。