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

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

5月存档二千零一十二

快速回顾:在伦敦需要注意的原因

星期四,5月31日,二千零一十二

两天前,我做了一件新的事情:我第一次骑车去了一个我要去演讲的地方。有两个原因:一个是讨厌金格夫妇的黄色东西在天上,第二个是合理的理由发生在LSO在路加福音,骑车25分钟就到了。

适合听众的理由

要应用的原因是关于Web应用程序和Web开发的一天的会议非常拥挤。它以许多优秀的演讲者为特色,涵盖了大量的印刷主题,设计和用户体验决策,直至在移动设备上调试。每次谈话45分钟,中间休息10分钟,午餐休息时间更长。所有的格式都很好地解决了,尽管我想知道它是否不会太多的观众。没有提供午餐,但对于参加者来说,去附近的市场买点吃的很简单。

我自己的谈话,将你的应用思维转移到网络上(幻灯片)围绕着本地应用程序与网络应用和我们对这场冲突的一些误解。这个视频播放可用。.

这是我对其他会谈的简要说明,看看你错过了什么。可惜没有拍摄,但是有一些滑动甲板兰屿.

  • 彼得·格雷森的《玩大提琴游戏》是一个富有启发性的主题演讲,讲述了他的GoPlay应用程序,该应用程序允许音乐家在舞台上拥有的硬件少得多,从而为现在创造出一种新的室内乐。很棒的东西,我觉得从一个古典音乐家开始在一个像LSO
  • 接下来是我的话题——我讨厌那个家伙。对我来说太容易预测了
  • 微软的安德鲁·斯普纳紧随其后的是“我们,“人类”—历史上连接的设备的汇总,以及与日常对象和网络的交互现在看起来是什么样子—我错过了一半,因为我通常需要在演讲后休息一下。
  • RemySharp的“移动调试”展示了许多工具和思想,如何在各种设备上构建和调试,并充满了巨大的“陷阱以避免”信息。它以remy预览下一代jsbin结束,它允许在多个设备上远程执行代码。
  • 蒂姆·阿伦斯的《新媒体的新字体技术》是一篇关于网络字体的深入讨论,不同设备的字体格式和呈现问题,平台和浏览器。这是非常技术和详细,但有趣。和杰克·阿奇鲍兹一起在您的@font face中这可以帮助人们在网上使用字体时做正确的事情(提示:如果使用粗体文本,请包括粗体字体)。冒牌是可怕的
  • James Alliban和Keiichi Matsuda的“牢房,“揭示数字光环”是关于阿尔法维尔艺术节的细胞艺术装置它用一些扭结和投影来显示房间里的人周围的“标签光环”,象征着他们的在线身份。这个项目非常惊人,哈姆斯和Keiichi都是视觉化和增强现实的老手。这次谈话结构合理,既展示了他们在制作展览方面的关系,也展示了他们参与展览的工艺。该项目仍在进行中继续你可以在节日里吃,太
  • 马克·博尔顿的《当有渣滓的时候,“Brass”是一个关于数码产品中绿宝石的话题。马克呼吁产品更诚实,而不是试图成为其他东西。假木材,屏幕界面上的皮革和纹理并不能使它们更自然,它们实际上承诺了一种不存在的触觉体验。马克的表现风格非常可爱,他只是胡说八道,提醒自己和我们一些好故事,从而得出他想得出的结论。总是很有价值。
  • Seb Lee Delisle的“PixelPhones”是一个实验,它将观众的所有手机变成像素,显示动画并与观众一起玩游戏。灵感来自垃圾场大屏幕当然还有经典闪烁的灯光这再次是一个很好的例子,说明SEB在创建复杂的实时代码和推动观众互动的边界时是多么无畏。有趣又有趣。现在我们需要消息来源:)
  • Brendan Dawes的《逃离平地》中有马克的一些话,因为Brendan解释了有缺陷的实物的快乐,以及我们如何将同样的缺陷带入数字世界而不是让事物一直完美。他还提醒我们,为了打造未来的产品,我们必须停止对旧产品的虚假怀念。过去情况并不好,我们只想记住他们的优点。

总之,我喜欢所有的谈话,并为即将到来的一些项目获得了一些不错的灵感。其中任何一个应用程序本身都没有太多的内容(除了我的,甚至在那里我也没有显示任何代码),但我们的想法是展示我们现在拥有的新技术和作为新消费产品的应用程序有什么可能。我喜欢所有的一切都是那么平易近人——没有星光或蓝天思维,而是有很多“这很好,让我们再做一次”和在舞台上大量的咒骂。

由于微软和Ubelly是赞助商之一,所有50部手机都发给观众,舞台上有很多拥抱。同样令人印象深刻的是,Ubelly团队是如何建造和拆除了一个带有Kinnects的起居室。触摸桌和Windows8在一天中的整个过程中都在展示。它让我想起了《哈利波特》中的家庭精灵。

同一组织者的下一次会议将是有创意的理由,在纽约和布赖顿。

Brvt+++?

星期四,5月17日,二千零一十二

讨论。反应灵敏的图像。图片太多?SRCSET奇怪的语法?简洁的论点。打字很难。人们懒惰。我们去购物吧?

另一方面,更人性化,文字:在当前关于响应图像的讨论以及使用照片元素或SRCSET公司我遇到了一个总是让我恼火的争论。我担心,我们越是使用这一论点,我们就越是疏远自己,不了解网络是什么,它是如何变成现在这个样子的。

它是关于代码简洁性的论证高于一切,尤其是标记。越短越好,因为这意味着人们打字越快,做错事情的机会就越少。我称之为恶作剧。

XHTML的失败不是代码量

这个论点是基于这样的假设XHTML失败,因为输入太多,工作太多。HTML5因为我们只需要输入我们需要的内容,所以我们被认为是优秀的,而且我们甚至可以省略很多“可选”代码,因为浏览器是一流的,并且可以修复我们的遗漏。我们写得少得多,它仍然有效。我们称之为实用主义。但事实并非如此。这是懒惰和傲慢的假设,我们写代码浏览器执行而不是人阅读。

XHTML不会因为你写的东西太多而失败.它失败是因为冗余你必须写的东西,它过于复杂,在当时最常用的浏览器中不支持这种方式。

即使这不是问题,因为没有人用手写过这些过于复杂的结构——我们有编辑,模板和代码片段。代码自动完成很常见。我们很高兴为电影添加了大量的对象/嵌入代码,直到视频出现,我们从来没有手工输入过。我们有相应的工具。

富有成效地懒惰

优秀的开发人员之所以懒惰,是因为他们不想重复自己的工作。我们不是一次又一次地亲手做同样无聊乏味的工作,而是写一个脚本来帮我们完成。这就是编程的目的:允许人类做比计算机所做的重复性任务更好的事情。

如果你写了很多代码,却从来没有被使用过,那是令人沮丧的。非常如此。这也是毫无意义的工作。然而,错误XHTML不应该把我们推向为计算机编写代码的另一个极端,而不是编写执行的代码对于那些想要学习的人或者那些必须维持我们所写内容的人来说,这很容易理解。必威体育下载

标记与其他代码不同

我喜欢标记.我喜欢这样的想法-明白了-标记文件。在文本和URL周围添加那些时髦的括号并不是为了移动字节,访问芯片组或设置中断。它们是为了给文本和它们包含的URL赋予意义。

把它们想象成用记号笔突出文本,在页边空白处写下许多解释来解释突出文本的含义。把它们想象成一本小册子,你可以从莎士比亚的朱利叶斯·凯撒那里得到,他向你解释什么是政治,社会或历史的小道消息,作者说,你永远不会得到,因为你不生活在那个时代。

好的标记给文本带来意义.不要为了简洁性和可能非常短暂的技术用例而将其从Web中去掉。

我们现在所使用的网络并不是编写非常聪明和漂亮的代码的结果,也不是从文档中压缩最后一个字节以使它们在特定环境中完美工作的结果。我们所做的大多数原子微观优化、性能测试和调整都可以通过一个简单的培训不好,维护人员也很好。

网络很容易进入——让我们从一张干净的石板开始吧。

我们现在拥有的网络是最容易访问的媒体的结果.你不知道怎么把你的照片和一个大标题写在报纸或电视上。但是你可以在几分钟内学会必威体育下载如何写:



              
              =
              “恩”
              >
             

              
               >
              
  
              
              字符集=
              “UTF-8”
              >
             
  
              
               >
              克里斯的页面>
>

             
              >
             

             
              >
             克里斯规则!>

              
              SRC=
              “http://example.com/chris.jpg” 
              中高音=
              “克里斯的照片” 
             
     标题=“那是我,那就是“>
>
>

克里斯规则!

克里斯的照片

为什么是doctype,头字符集定义和正文?浏览器肯定会为我们做到这一点吗?

因为上面的代码应该是关心网络的人告诉你:

  • doctype确保了显示页面时的可预测性
  • 定义语言意味着搜索引擎更容易索引页面,盲人用户不会听到用不同语言发音的文本。
  • 这个统一潮流基金-8表示如果需要国际字符,它们将显示而不是矩形或问号,以及
  • 头部和身体清楚地区分了可见内容和浏览器的使用说明。

所有这些都可以被智能和惊人的技巧所破坏,并且仍然有效。HTML5很酷。我敢肯定,在最后一点上有一些人会抽搐和不同意,因为您可以将样式标题设置为可见,脚本可以放在正文中,并且有内联样式等的用例。

不过,关键是,上面的任何一项都不会伤害到Web开发人员的写作,而且所有这些都有其目的。这样的结构使人们更容易学习我们所做工作的基础知识。必威体育下载这使得我们的工作可以预测,干净,可维护,至少对我来说,是专业的工艺,而不是疯狂和酷极客的东西。我们被困在后者中,一个接一个地互相展示可能发生的事情,我们忘记了人们在观看,也没有花时间学习基础知识。必威体育下载恰当的例子?优秀的学习资源codecad必威体育下载emy最近添加了HTML 101课程,在第一步中省略图像的doctype和可选文本。我们开始把教学视为“最快的方式”,而不是“最干净的方式来解释和产生结果”。

我们重视即时满足,而不是为实现目标而工作。当你达到你必须为之工作的目标时,你所感到的满足感会持续更长的时间,并且比快速变化的感觉更好。这包括犯错和吸取教训。必威体育下载给予人们一个难以置信的宽容的环境,作为进入的第一道障碍,并不能帮助人们成长或实现他们自己的目标。

培养新一代网络创建者

在Mozilla,我们有一件非常有趣的事情:我们为自己设定了一个目标培育一个网络制造商社区.我们与记者就如何利用网络作为新闻和娱乐的平台举办研讨会。我们展示爆米花作为一种生成新闻项目的方法,可以在不重新拍摄的情况下进行维护。我们和孩子们交谈,寻找有趣的方式让他们进入网络,而不是通过购买他们的应用程序,播放一天左右,然后丢弃它们购买下一个。为此,我们在浏览器中使用标记和实时编辑器.退房网络拱廊看看我的意思。

进入我们市场的下一代人不应该是虚拟的沙发土豆,他们希望一切都能神奇地工作,并在休息或变慢时将其丢弃。修补网络才是我们现在所处的位置。利用开放技术,从别人的所作所为中学习,使我们成为现在的开发者。必威体育下载下一代人应该能够感受到和我们现在一样的兴奋。

简明扼要,但要理解

写不多的东西来完成某件事并不酷。尽可能少地写,把你的信息传达出去,让别人很容易根据你所做的来建立。这意味着你可以自由地做其他事情,更好的,而且——对你来说——更有趣的事情。

让我们专注于工具而不是混淆基础知识

如果你真的想让人们少写多写,帮助改进和构建用于创建的工具,以缩短创建和查看结果之间的距离。在这个领域有很多令人兴奋的工作正在做,我们需要为那些不想写代码的人做点什么。作为知情人士,我们嘲笑外面的梦想家,但当糟糕的代码最终出现在网络上时,这也是我们的错,因为我们太自大了,无法帮助那些只想把内容放到网络上的人。

去地狱与浏览器战争面板

星期五,5月11日,二千零一十二

总结:浏览器的战争面板已经变得可预测和不提供信息。相反,他们在那里是为了娱乐观众,但引起更多的戏剧而不是好的。

浏览器2面板的状态

我参加了很多会议。我组织了活动,一个会议和一些不同意的意见,我在很多会议上发言。最近,我也退后了一点,指导人们说话,而不是到处去。

我认为会议应该做一些事情:教育,娱乐,允许人们联网,让与会者可以使用演讲者和专家。

你不需要去参加会议去学习东西必威体育下载–所有信息都在互联网上,并注册了一些好的订阅源,组和列表将为您提供所需的所有信息。

会议所做的就是把人的因素进入它。一个好的演讲者可以使一个话题活跃起来,向你展示一个你没有想到的角度,并激励你去发挥它。一个好的研讨会给你指导如何使用一种技术,并给你一个不被一个大的可怕的话题压倒的方法。一个会议让你有时间从一天到一天的交付,并允许你做的事情还没有在你的公司雷达上,但可能很快。

还有“浏览器战争面板”。浏览器战争面板的最初前提是,观众可以听到最新最酷的关于不同浏览器的信息并提出问题。第一批是在雅虎举行的,有来自不同浏览器的首席工程师来展示不同的产品是如何工作的,那是当时的黑暗魔法。

HTML5定义了浏览器应该如何处理它得到的内容——我们已经在标准中有了更多的可预测性。关于这一主题的大量信息都在网络上发布,浏览器的加速交付使得平台工程师的出现并没有发生太多。没有必要重复这些标准,相反,讨论更多的是关于什么让哪个浏览器脱颖而出,在很多情况下,这意味着公司想要推广什么,而不是开发人员现在想要使用什么,因为它不起作用而陷入困境。

如今,浏览器面板吸引了来自公司的人,他们要么是浏览器的产品传道者,要么是一般的技术传道者。倡导者,或者——在最坏的情况下——销售人员。这可能很好,他们可以指出浏览器中人们不知道的功能,并且可以显示浏览器未来的一些计划。这也可能很糟糕。由于浏览器对媒体很感兴趣,你会突然看到很多模式被遵循。而不是提供有关浏览器的信息,处理开发人员和实现人员的顾虑或显示变更,小组成员开始扮演预先定义的角色,并重复他们所代表的公司的信息。

可以预见,哪家公司的代表会看重速度胜过其他一切,这一点值得称赞的是,作为更大操作系统体验的一部分,浏览器中的出色体验,其中一个会讨论遵循标准,抱怨网站屏蔽了浏览器,另一个会指出浏览器是用户的选择,应该通过在遵循标准的同时对所有事情保持开放来控制它们。

如今,我们对浏览器的关注越大,面板就越不属于会议的教育部分(很多时候,你会看到“我必须回到工程团队去做这个”),但会把它推到会议的娱乐部分。这是一个含蓄的推销策略。

每个人都喜欢好的戏剧。你可以说我们有一个以戏剧为生的科技新闻市场。看到人们在话题上意见不一致,并就一方或另一方进行了良好的争论,是很有趣的。

相当开放的,无剧本和计划外的格式,像一个小组,使伟大的戏剧。人们很容易互相攻击,用油嘴滑舌的方式指出其他浏览器的缺陷,并与观众一起得分。它也给了布朗点与观众作出广泛的发言或提供声音片段。

声叮咬,机智和敏捷正成为最重要的部分。如果你在Twitter上看到一个浏览器面板,你将很难找到一个“哦,功能$X将在浏览器$Y中发布-太酷了”,但是你会得到更多的“$X的浏览器$Y刚刚在$A问题上给$Z打了个电话”。

声音片段也受到媒体的喜爱。当戏剧多次成为头条新闻时,你会发现一句讽刺的话或油嘴滑舌的反驳出现在“公司代表X说Y的竞争”。一个能让观众笑出声的快速镜头会使公司的沟通团队得到很多不必要的工作。值得吗?

我甚至参加过小组讨论会,组织者故意要求小组成员找出不同意的话题,或者看到小组主持人一个接一个地提出一个加载的问题,以诱使人们不同意,并使这出戏继续上演。我们称之为拖拉或诱饵,而不是让会议参与者了解浏览器世界中发生了什么。必威体育下载

当您查看开源引擎时,不难发现浏览器世界中发生了什么。你很少听到关于封闭的面板,对我来说,一个没有苹果参与的面板并不是一个“浏览器战争”面板,因为它缺少一个巨大的玩家,这个玩家应该回答网络开发者的一些问题。

也有例外。我非常喜欢在伦敦的第二浏览器的状态面板上,我认为由于没有自我,也没有人为的戏剧,我们设法回答了不少观众的问题。但总的来说,这些都是少之又远之又多的“浏览器大战”面板是娱乐和廉价的笑声或“哇,他刚才是不是说“时刻”。

这个,从长远来看,对于那些花钱很高的观众来说是不公平的(如果目标是娱乐的话,应该找真正的喜剧演员或艺人)。这对平台工程师来说是不公平的(因为他们被歪曲了,而不是允许人们和他们一起在引擎盖下窥视),而且在真正的“浏览器战争”中,这并不能让我们找到任何地方。

作为开发人员,您不应该只为一个浏览器构建,也不应该为不同的浏览器构建不同的版本。把这一切都放在戏剧上,谁喊得最响,谁会被认为是最机智的人,不会让这一切发生。这是浪费时间。

使用CSS同时演示和显示JavaScript

星期二,5月8日,二千零一十二

在编写文档或做示例时,您经常遇到相同的问题:如何同时显示和演示代码?您不希望有代码显示和实时代码,因为它们会失去同步(另一方面,我发现在将代码复制到文档中时,我也会对其进行清理和优化)。

最简单的方法是所有的“新”服务,比如杰西德杰斯宾小圆盘丁克里还有其他的(现在每个月都有一个新的),你甚至可以将它们嵌入到其他文档中,但这意味着您需要一个iframe并从另一个服务加载内容(以后可能会丢失或忘记)。

当然,另一种方法是使用Ajax/javascript将代码加载到页面中。回到2008,我写了Ajax代码显示为此编写的脚本(后来我从未使用过它)。

我想知道如何在不需要任何额外库的情况下简单地演示和显示文档中的内联JavaScript。最简单的方法似乎是读取脚本元素并将其写出之前使用textcontent(innerhtml将呈现HTML或者剧本中更大的符号,这不是主意)。

然而,您可以做一个简单的演示和显示相同的脚本,这些天使用CSS.退房这个演示页面对于即将发表的SmashingMag文章:

用CSS显示的代码

如果执行视图源,则没有其他脚本在使用中,但它会显示在页面中。这是什么资料*?简单,是的。马蒂亚斯·比涅斯是谁让我明白的:只需将脚本元素显示为块,并添加一些生成的内容来显示“源”文本:

脚本{
  显示 
  白色空间 之前
  文本阴影没有人
  背景 α333
  颜色 γ-FFF
  字体族摩纳哥信使 单空间
  衬垫 10px
}脚本::之前{
  内容 '来源:'
  颜色 α0F0
}

马蒂亚斯有更详细的解释为什么会这样但我再一次感到惊讶的是,如今我们拥有的浏览器让事情变得如此简单。

*sourcery=执行(看似)意外事件的神奇代码。