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

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

2月存档,2012

萨尔曼·汗:让我们用视频重塑教育

周四,2月23日,2012

最近我开始看泰德健身房电影(免费视频播客,20分钟,用于交叉过滤器会话的完美长度)。今天我退房了萨尔曼·汗的介绍可汗学院和它的起源:

总而言之,这是一次很棒的演讲,我是可汗学院(Khan academy)的忠实粉丝,我认为这是一种鼓励教育的方式。正如Salman在视频中解释的,现在老师的大部分时间都浪费在了不与学生交流上。相反,我们采用“一刀切”的教学方法,留下了很多有待改进的地方,很多学生还不知道该怎么做。我们教测量,不是为了带来知识。

这次演讲让我恼火的是它是如何以美国为中心的。虽然我同意教育是一个大问题我们(看到这个国家如此繁荣,我觉得这很讽刺)我认为,在教育不那么免费和容易获得的领域,这样的项目可能会产生更大的影响。与其与一个快乐地保持低效率的系统作斗争(因为它意味着不学习新东西,必威体育下载具有讽刺意味的是,这可能是一个可以从零开始的领域的蓝图。

Khan在最后简单地谈betway体育官方网到了这一点,他解释说一个来自加尔各答的流浪儿童可以在晚上看这些电影,因为他们需要在白天工作来赚钱养家,而不是去上学。这对我来说毫无意义。如果家里太穷而没有食物,那么他们肯定没有钱买电脑,也没有足够快的连接来看这些电影——更不用说有电脑知识了。

如果可汗学院(Khan academy)和其他机构也能启动这样的设施,这将非常有效。有公共图书馆和带有电脑的建筑,并有连接(这可能是chrome图书),人们可以去那里学习。必威体育下载例如,我可以看到世界各地的网吧都在为可汗教学提供一台赞助电脑。

仅仅说内容对所有人都可用是不够的——我们还需要使系统可用。通过给视频加上其他语言的字幕,已经有了一个良好的开端。有趣的未来。我想我在那里做志愿者。

一个快速的:(ab)使用mediaqueries不为IE < 9提供CSS

周三,2月22日,2012

我现在正在写一篇关于如何使用:图像库的目标选择器的文章。像往常一样,年长的人在那里是美中不足的IE9支持选择器。所以我想到了一种服务CSS只有对浏览器有所了解。选项当然是条件注释,添加一个选择器IE < 9不理解每一个选择器我想过滤掉(喜欢使用
身体:胎条和以前一样html >身体过滤掉IE6)但后来我想到:媒体查询只支持inIE9及以上。所以你可以简单地做一个:

. foo {/ /……所有浏览器的样式}
@媒体屏幕和(min-width: 400 px) {
  . foo {/ /……新浏览器的样式}
}

一个400像素宽的浏览器窗口的测试应该足够多,对吧?讨论Google +

HTML5 canvas中的web

星期二,2月21日,2012

每当有一个开放的论坛来讨论HTML5,你会得到非常有趣的问题。有时候你也会得到一些你刚刚看过的。其中一个是昨天在Facebook上有人想要一个“简单的网络”HTML5”。当我厌倦了看《西斯的复仇》时,我想我应该试一试。这是简单的网络HTML5帆布.

这是怎么做到的?实际上很简单,我只是在canvas中定义了web的一个部分:

varc=文件。createElement( “画布” ),残雪=c。getContext( “二维” ),= 0;文件。身体.列表末尾(c);c。宽度 =c。高度 = 400;残雪。线宽 = 3.;残雪。翻译( 200, 200 );残雪。移至( 0, 0 );残雪。画线( - - - - - -30., - - - - - -200 );残雪。quadraticCurveTo( 0, - - - - - -一百七十, 30., - - - - - -200 )残雪。画线( 0, 0 );残雪。移至( - - - - - -二十五, - - - - - -160 );残雪。quadraticCurveTo( 0, - - - - - -一百四十, 二十五, - - - - - -160 )残雪。移至( - - - - - -十八, - - - - - -120 );残雪。quadraticCurveTo( 0, - - - - - -One hundred., 十八, - - - - - -120 )残雪。移至( - - - - - -12, - - - - - -80 );残雪。quadraticCurveTo( 0, - - - - - -60, 12, - - - - - -80 )残雪。移至( - - - - - -6, - - - - - -四十 );残雪。quadraticCurveTo( 0, - - - - - -30., 6, - - - - - -四十 )残雪。中风();

我翻译的背景画布中心的400×400像素的画布,画线。我画了一行从200/200(现在翻译时是0/0)到-30/200(左上角)。然后,我在段(30,-200)的右上角绘制一条二次曲线,曲线点位于两者之间。然后我将画布“铅笔”移动到左边的其他点,并绘制相应的二次曲线。所有这些我都试过犯过——我相信有一个聪明的算法可以做到这一点,但这工作。

为了达到web效果,我所要做的就是在绘制每个部分之前旋转画布。我在每次迭代中增加了18度的角度,并以弧度旋转画布:

varc=文件。createElement( “画布” ),残雪=c。getContext( “二维” ),= 0;文件。身体.列表末尾(c);c。宽度 =c。高度 = 400;残雪。线宽 = 3.;残雪。翻译( 200, 200 );
 (= 0;< = 360;+= 十八 ) {残雪。节约();残雪。旋转(* 数学.π/180 );残雪。移至( 0, 0 );残雪。画线( - - - - - -30., - - - - - -200 );残雪。quadraticCurveTo( 0, - - - - - -一百七十, 30., - - - - - -200 )残雪。画线( 0, 0 );残雪。移至( - - - - - -二十五, - - - - - -160 );残雪。quadraticCurveTo( 0, - - - - - -一百四十, 二十五, - - - - - -160 )残雪。移至( - - - - - -十八, - - - - - -120 );残雪。quadraticCurveTo( 0, - - - - - -One hundred., 十八, - - - - - -120 )残雪。移至( - - - - - -12, - - - - - -80 );残雪。quadraticCurveTo( 0, - - - - - -60, 12, - - - - - -80 )残雪。移至( - - - - - -6, - - - - - -四十 );残雪。quadraticCurveTo( 0, - - - - - -20., 6, - - - - - -四十 )残雪。恢复();
}残雪。中风();

就是这样,一个网络HTML5画布。

在自动扶梯上绊倒了

周四,2月16日,2012

我总是惊讶于web上缺乏对渐进增强的支持。每当你提到它,你经常会说,但是……”你会觉得必须要捍卫一些根深蒂固的东西DNA任何在网上工作的人。

自动扶梯

我和艾伦·古斯塔夫森(Aaron Gustafson)在解释过去渐进式强化时引用了美国单口喜剧演员的话米奇Hedberg他对自动扶梯的见解是:

自动扶梯永远不会坏——它只能变成楼梯。你永远不会看到“自动扶梯暂时故障”的标志,只是“自动扶梯临时楼梯”。抱歉给您带来不便。我们很抱歉你还能上去。”

这就是它的意义所在。我们的技术解决方案应该类似于自动扶梯——当技术出现故障或停电(如果您看到的话)时,自动扶梯仍能正常工作CSS动画,转换,转换和JavaScript的力量)-但他们可能不太方便使用。不像现实生活中的自动扶梯,我们永远不需要把它们堵起来维修。

我们甚至可以从现实生活中学习必威体育下载到,自动扶梯在没人使用一段时间后就会自动关闭,一旦有人踩到它,它就会自动启动。在网络上,我们称之为脚本加载或功能的条件应用程序。为什么要预先加载大量的图像,而这些图像由于远离视图而无法被看到?

在现实世界中,你可以看到一件有趣的事,当自动扶梯坏掉,变成楼梯时,人们一进去就会摔倒。我们的身体已经习惯于期待运动,我们的运动记忆会发出“啊?”当没有的时候。

这也发生在网络上。那些从来没有过没有快速连接、新的、闪亮的电脑或手机和最新浏览器的人很难思考这些情况——这感觉很奇怪。

自动人行道

另一件有趣的事是机场的水平走道。这些是为了加速你的行走,而不是去取代它。你仍然会发现人们站在那些抱怨他们速度的人的立场上。

在web上,这些人不断抱怨新技术很酷,但是他们永远无法在当前的客户机/开发环境中使用它。好吧,你没必要这么做。你可以走在人行道之间,但仍然可以到达另一边——只是需要多花一点时间。

所以下次有人赞扬灵活的开发和设计实践时,你会不由自主地做出反应,要么谴责他们不使用最新和最酷的“每个人都有XYZ手机和浏览器ABC”,要么你只是不认为从一开始就有什么意义。HTML重新利用你的结构和解释来达到你的目标HTML就像“GMail和Facebook也不这么做”一样,想想自动扶梯吧,它在现实世界中是多么方便。

当你累的时候想一下(无障碍),或者你带了很多行李(表演),或者你只是想在上气不接下气的情况下,边走边聊天。你自己的身体在不同的时间有不同的需求。逐步提高我们的产品使我们能够满足许多不同的需求和环境。专业化和优化将会有一个更令人印象深刻的结果,但是举个例子,电梯不起作用的时候是毫无意义的——不管它看起来多么闪亮和令人印象深刻。

我们的工作是确保人们可以做他们上网想做的事情——从他们的开始到他们想要的目标。这可能是方便和快速的,或需要一点工作。我们的工作是确保人们不会得到一种更快、更方便的方法,这种方法一旦尝试就会失败。

你可以评论Google +如果你想的话。

jQuery英国会议,英格兰-幻灯片,音频,印象和笔记

星期六,2月11日2012

昨天我在牛津参加了jQuery英国会议,在英国,大约300名开发者聚集在一起,聆听最新最酷的关于可能是最成功的javascript库的消息。

自然地,我认为这是一个好主意,给一个演讲,他们不应该使用它。好吧,更重要的是,没有必要对所有内容都使用jQuery,而且它有很多冗余的用法。jQuery向浏览器制造商展示了开发人员想要什么,以及浏览器制造商听取了什么。jQuery的许多初始概念——通过jQuery访问文档CSS选择器而不是DOM简化了CSS类现在在本地可用querySelector,querySelectorAll班级名册.

幻灯片,笔记和音频

你可以在线阅读带笔记的幻灯片或嵌入在下面(左+右返回和前进,下一个项目符号和N切换笔记):

和往常一样,我也录下了我的演讲,音频可以在网上找到archive.org,一夜或嵌入在这里:

反馈非常好,我很高兴我敢于与众不同,没有被蔬菜砸到。

我对这次会议的总体印象

作为第一次欧洲(或英国?)jQuery会议,我可以肯定地说,它取得了巨大的成功。一个会议的成功在很大程度上取决于组织者的热情,而这个会议背后的团队还有多余的热情。你总是知道该去哪里,如果不去,你会立刻得到帮助。

这次活动是专业的,没有不必要的沟通(“请填写这份调查”)来烦扰与会者,场地也非常棒。讲堂的座位上有电源插头和以太网连接,无线网络也能正常工作(可能是因为以太网的选择)。

食物是三明治,水果和饼干——足够吃一天了——聚会上的发酵饮料也很丰盛。有很多赠品给观众(剧本,t恤,书,很棒的Firefox贴纸,龙舌兰酒瓶和剑道棍)。

作为一个单轨会议,他们邀请了太多的演讲者,所以演讲时间只有30分钟。一开始我有点困惑,但事后看来,会议进行得非常顺利,让会议有了更好的流程。没有无聊的时刻。

观众非常好,Twitter的后台频道嗡嗡作响,非常有创意和观察力。你在其他会议上发现的尖酸刻薄和恶意攻击根本就没有发生——太棒了。而不是人了太棒了 涂鸦在GitHub上对会话进行实时博客记录(!)。女性参会者的数量很少,这让我有点吃惊——我原本以为在jQuery会议上会有更多女性参会者。

关于会谈的一些简要说明

一些发言者问我关于反馈的问题,我很高兴提供更多的个人和细节(再次联系我,请)但是这里有一些我从我看到的谈话中得到的印象。

  1. 会议组织者约翰沃德以必要的整理和解释这一天开始了一天的工作——最让人震惊的是,第一件事就是去牛津大学在舞台上听到浓重的苏格兰口音(还记得苏格兰高地舞吗?)
  2. 拉尔夫·惠特贝克接着写了一份关于jquery项目状态的报告——这是唯一可以预测的谈话,传递信息,让观众保持警觉
  3. Todd Parker在我最喜欢的演讲中解释了jQuery Mobile的来去。迷人,有趣且充满善意的最佳实践我非常赞同,(渐进增强,真正的硬件测试…)
  4. Ajaxians的同事Dion Almaer和Ben Galbraith随后发表了一篇关于Web vs的长篇大论。应用程序讨论了web作为应用程序平台的好处,以及我们与本机体验的匹配程度。本和迪翁在舞台上合作得很好,有一些有趣的见解。
  5. Jorn Zaefferer谈到了单页面应用程序的缺陷。尽管很紧张,他成功地给出了在不破坏网络体验的情况下交付其中一个的必要步骤的好主意。
  6. Aloha Editor的Haymo Meran展示了编辑器的工作原理,并解释了使用和实现的问题contentEditable在浏览器中保持可访问性。他也利用这个机会释放了自己阿罗哈WikiDocs,协作式实时可编辑wiki
  7. Paul Irish谈到了面向JS开发人员的应用程序开发堆栈,它涵盖了从预处理程序到Chrome开发工具的整个范围,可以预览即将到来的远程调试和源代码生成。这里有很多很棒的内容,可能一个演讲就讲不完,但我相信(精心制作的3D效果的ladden)幻灯片将帮助我们消化其中的很多东西。
  8. Addy Osmani谈到了使用jQuery构建大型应用程序,其中涵盖了大型库中遵循的一些体系结构,比如YUIDojo并解释了一些要使用的模式以及我们在不知不觉中已经使用的模式。再一次,在半个小时的谈话中消化不了这么多东西,但是有很多好东西值得深入研究
  9. Doug Neiner最后用上下文jQuery解释了很多关于如何创建更轻的技巧,在需要时应用功能,而不是预先应用功能,从而提供响应更快的jQuery解决方案。一个非常有趣的充满实用主义美德的演讲

所有的会谈都被拍摄下来,并将在不久的将来公布。

谢谢

总之,我很高兴能参加这次会议,希望这些组织者能有更多的机会。我是第一个被问到这个问题的人(想象一下我的惊讶吧,因为我几乎与jQuery没有任何关系),我不得不说声谢谢——这是一次非常棒的体验。

你可以评论谷歌+