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

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

9月存档,2008年

使用smushit.com轻松优化图像

星期二,9月30日,2008年

奉献是一件很好的事情。尊敬的雅虎同事员斯托扬斯蒂凡诺夫妮可·苏利文在卓越的性能团队中,有两个人致力于使Web成为更快的地方。

Nicole和Stoyan都在谈论CSS,javascript,HTML以及图像优化。图像可以通过两种方式进行优化:视觉(质量)和文件大小。后者是一个相当瓶塞,尽管图像编辑工具在文件中留下了许多我们并不真正需要的信息-外显子信息,准确地说。如果您在十六进制编辑器中打开一个图像,您将发现许多可以安全删除的东西,而不会改变图像质量。

有很多开源工具可以这样优化图像——每种图像格式只需一个。完成所有这些任务可能是一种拖累。这就是为什么斯托扬和妮可接受他们的知识,奉献精神和所有这些工具,并构建了一个应用程序,可以一次性为您进行所有优化:

污秽的屏幕截图

你可以上传一堆图片,给它一个统一资源定位地址或者将其用作火狐扩展或书签。Smushit将向您展示从图像中删除cruft可以节省多少字节,并将所有图像作为zip文件提供给您,以在您的站点上替换它们。这有多酷和容易?

这是Stoyan和Nicole在波士顿Ajax体验网站上展示smushit.com的视频(对音频感到抱歉):

使用雅虎管道和一些javascript的有用tweets小部件

星期天,9月28日,2008年

如果你看看这个博客的右边(你可以看到),你已经启用了javascript,你会发现一个“有用的tweets”小部件(列表)。这是通过雅虎管道和一些javascript完成的。当人们问我怎么做的时候,这里是:

观念

我经常使用Twitter。我写的一些东西和这里的博客很相关,有些不适合出版,有些只是个人的。所以在这里发布所有的tweet会造成破坏,因此我试图找到一种方法来过滤。

我要做的是,在我想在这里显示的每一条微博的结尾都有一个“?”符号,所以给了我一个把柄来过滤掉那些好的。

在Twitter上表现得很好,而不是召唤失败的鲸鱼。

因为Twitter可能是最热门的美国石油学会在外面,我不想经历美国石油学会所有的认证都有问题。相反,我使用原子通过管道获取信息并过滤掉。

雅虎Pipes在过滤方面仍然充满了胜利,混合和转换数据,我正在使用的管道在这里可用:有用的高音管

它接收某个ID的Twitter用户的Atom提要,删除所有推文,但以“?”结尾的推文除外,并删除输出的用户名。

使用管道并显示内容

为了显示管道,您只需要一个小的javascriptHTML在您的页面中(或者在我的示例中,是WordPress模板):



src=“http://utilteltweets.googlecode.com/files/chirpichr.js”>

链接意味着当javascript不可用,而脚本执行其余操作时,事情仍然有意义。你需要做的一件事是改变课堂上的div!你可以从你的twitter页面上找到号码:

  • 转到你的Twitter页面,传真:http://twitter.com/codepo8
  • 单击RSS底部连接
  • 检查统一资源定位地址饲料,您的ID是斜杠和“.rss”之间的数字,网址:http://twitter.com/status/user_timeline/13567年RSS

这个用于显示徽章的javascript根本就不是火箭科学:


var tweets=函数()。{
var x=document.getElementByID(“mytweet”);
如果(x){
var twitteruserid=x.classname.replace('user-','');
var s=document.createElement(“script”);
s.type='text/javascript';
s.src='http://pipe s.yahoo.com/pipe s/pipe.run?'+
''u id=f7229d01b79e508d543fb84e8a0abb0d&'u render=json''+
'&id='+twitteruserid+'&_callback=tweets.tweet';
document.getElementsByTagname('head')[0].附件子项;
};
功能tweet(数据){
if(data&&data.value&&data.value.items){
如果(typeof data.value.items.length!=='未定义'){
var ul=document.createElement(“ul”);
var all=data.value.items.length;
var end=全部>5?5:全部;
对于(var i=0;i<end;i++){
var now=data.value.items[i];
var li=document.createElement(“li”);
var a=document.createElement(“a”);
a.href=now.link;
a.AppendChild(document.createTextNode(now.title));
li.附录(a);
ul.附录(li);
}

x.附录子项(ul);
}

}
};
返回{
推特:推特
}

}();

  • 我们检查id为mytweet的元素是否存在
  • 然后,我们从类名中提取用户ID,并创建一个指向JSON公司管道输出。这个,一旦加载,将调用tweets.tweet()并将数据作为JSON公司
  • tweet()方法检查是否检索到数据,创建链接列表并将其附加到div.

希望这对其他人有用,也是。

阅读盲板——帮助我阅读的书签

星期三,9月24日,2008年

我现在是一个24英寸显示器的自豪用户,我意识到当我阅读大文本时,屏幕上的白色开始伤害我的眼睛。因此,我写了一个小书签,可以根据需要将屏幕的一部分涂黑,并在左上角有一个链接,用于显示和隐藏覆盖其余内容的百叶窗。百叶窗是固定的,所以我可以滚动它们后面的内容。我还在文档底部添加了填充,以便有足够的滚动空间。

这是一个不带百叶窗的博客:

没有阅读盲板的博客

同一个博客上有阅读盲板:

有阅读盲板的博客

书签放在我的服务器上,要安装它,只需将以下链接拖动到链接工具栏:阅读百叶窗

在@mediaajax 2008上启用脚本

星期一,9月15日,2008年

我现在在@媒体AJAX 2008准备好上台发表我的“启用脚本”演讲,解释关于可访问性的主要问题是我们之间的交流不够。技术从来都不是我们拥有可访问性的真正边界,这是因为我们不知道人们是如何工作的,也不知道什么技术是有能力的。

[幻灯片共享ID=598740&Doc=AtMediaAjaxScriptingableD-12214704002418982-9&W=425]

演示文稿中的链接

脚本可维护性——我在Fronteers会议上的演讲,阿姆斯特丹

星期六,9月13日,2008年

我刚从阿姆斯特丹的前线会议回来。我是javascript小组的一员,并在这里讨论了如何在大型和分布式团队中使用javascript。很快就会有一个视频,我还将做一个更深入的报告。现在,以下是演讲幻灯片:

[幻灯片共享ID=596899&Doc=FronteersMaintability-1221333679665493-9&W=425]