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

您当前正在浏览“我的文章”类别的存档。必威体育简介

“我的文章”类别的存档

使用YQL将文本添加到幻灯片共享嵌入的演示文稿中

星期日,1月11日,二千零九

我喜欢幻灯片很多(是的,重复,我知道。这是一个很好的方法传播您的演示文稿因为它允许其他人将它们嵌入到他们的博客和网站中,而且它还允许人们下载和重用您所做的工作。

关于SlideShare,我真正喜欢的一点是它可以创建HTML演示文稿的文本显示在页面的下方,如以下屏幕截图所示:

显示成绩单的幻灯片共享截图

现在,令人讨厌的是幻灯片共享美国石油学会如果你想在演示文稿的同时显示这些抄本,那么尽管它很好,但它并不能提供获取这些抄本的方法。您还需要对非常需要的详细信息进行身份验证,但如果您只想提供一个JavaScript解决方案,这也很糟糕。

好消息是,现在有一种简单的方法可以从任何一个网站检索信息,并将其作为杰森要在javascript中使用:钇铝石榴石.使用钇铝石榴石控制台和一些XPath I例如,可以提取转录信息并将其作为XML(幻灯片)统一资源定位地址网址:http://www.slideshare.net/cheilmann/shifting-gears-presentation以及XPath//OL/LI):


http://query.yahooapis.com/v1/public/yql?q=select*from html,其中url%3d“http%3a%2f%2fwww.slideshare.net%2fcheilmann%2fshifting gears presentation”和xpath%3d“%2f%2fol%2fli”&format=xml

如果将格式定义为杰森并提供一个回调参数,您可以轻松使用该参数编写一个小脚本,将脚本注入SlideShare嵌入:

slidesharescripts=function()
var div=document.getElementsByTagname('div');
var容器=
对于(var i=0;div[i];i++)
if(div[i].id.indexof(''uuu ss')!==- 1){
var slideurl=div[i].getElementsByTagname('a')[0].href.split('?')〔0〕;
containers[slideurl]=c:div[i],id_
获取(SLIDEURL);
}

}
函数get(url)
var url='http://query.yahooapis.com/v1/public/yql?'+
'format=json&callback=slidesharescripts.doit&q='+
'选择%20strong,p%20from%20html%20where%20url%3d%22'+
编码组件(slideurl)+
'%22%20和%20xpath%3d%27%2f%2fol%2fli%27&';
var s=document.createElement(“script”);
S.SRC= URL;
s.type='text/javascript';
document.getElementsByTagname('head')[0].附件子项;
}

函数doit(o)
var url=decodeuricomponent(o.query.uri).split(“”);
var out=document.createElement(“ol”);
var lis=o.query.results.li;
对于(var i=0,j=lis.长度;i var li=document.createElement(“li”);
var strong=document.createElement(“strong”);
var p=document.createElement(“p”);
strong.appendChild(document.createTextNode(lis[i].strong));
p.AppendChild(document.createTextNode(lis[i].p));
li.附属物(强);
li.附属物(p);
out.appendchild(li);
}

容器[url[1]].c.appendchild(out);
}

返回doit:doit
}();

你可以查看正在运行的脚本下载它供你自己使用。您所需要做的就是将它添加到任何带有一个或多个SlideShare嵌入代码的文档底部。脚本的作用如下:

slidesharescripts=function()
var div=document.getElementsByTagname('div');

我们得到了所有div页面中的元素(使用CSS查询这些天,但让我们防弹)。

为了找出哪一个div是Slideshare Embed,我们检查一个包含阿尔萨斯因为嵌入代码有一个从这个开始的ID。

我们要做的就是找出幻灯片的网址。这是需要的,因为有两个原因:第一,我们想要检索转录本,第二,我们需要一种匹配返回数据的方法钇铝石榴石用右手div容器。

生成的脚本节点一个接一个地加载是不安全的,这可以确保将正确的脚本添加到正确的幻灯片中。

所以,我们要做的是检查div,获取第一个链接,从中检索URL,存储div在名为containers的对象中,使用URL作为属性名。此属性获取正确的div作为其价值。我们需要做的就是通过获取()


var容器=
对于(var i=0;div[i];i++)
if(div[i].id.indexof(''uuu ss')!==- 1){
var slideurl=div[i].getElementsByTagname('a')[0].href.split('?')〔0〕;
containers[slideurl]=c:div[i],id_
获取(SLIDEURL);
}

}

这个获取()方法是您的garden-variety脚本节点生成函数,它调用YQL API并定义slidesharescripts.doit()。作为回调参数。这意味着脚本将生成一个脚本节点,指向钇铝石榴石,然后YQL从Slideshare获取成绩单信息,把它变成杰森和电话dot()以转录信息为参数。


函数get(url)
var url='http://query.yahooapis.com/v1/public/yql?'+
'format=json&callback=slidesharescripts.doit&q='+
'选择%20strong,p%20from%20html%20where%20url%3d%22'+
编码组件(slideurl)+
'%22%20和%20xpath%3d%27%2f%2fol%2fli%27&';
var s=document.createElement(“script”);
S.SRC= URL;
s.type='text/javascript';
document.getElementsByTagname('head')[0].附件子项;
}

doit()的任务是生成正确的标记并将其注入嵌入代码中。我们创建一个有序的列表并循环所有的li元素。我们创造了配件HTML为每个列表项编写代码,并将内容作为文本节点添加(innerhtml将尝试呈现幻灯片中使用的标记,这不是一个好主意)。

然后我们取回统一资源定位地址从uri属性中,将列表作为新的子节点添加到以前存储在container对象中的container div中。

新台币
函数doit(o)
var out=document.createElement(“ol”);
var lis=o.query.results.li;
对于(var i=0,j=lis.长度;i var li=document.createElement(“li”);
var strong=document.createElement(“strong”);
var p=document.createElement(“p”);
strong.appendChild(document.createTextNode(lis[i].strong));
p.AppendChild(document.createTextNode(lis[i].p));
li.附属物(强);
li.附属物(p);
out.appendchild(li);
}

var url=decodeuricomponent(o.query.uri).split(“”);
容器[url[1]].c.appendchild(out);
}

返回doit:doit
}();

就是这样。当然,您可以通过只匹配ol并使用innerhtml一次性写出列表来简化这一过程,但是这个解决方案也允许您更改HTML例如,将列表输出到使每个http://example.com成为链接。

抄写快乐!

webmaster jam session hack–使用yui网格快速修复网站

星期六,10月4日,二千零八

上周末我去了亚特兰大,佐治亚州在网站管理员干扰会话或短时间WJS由Coffeecp软件组织。我写了一篇事件详细报告综合业务数字网博客简言之,这太棒了。

我在活动中做的一件事就是坐在网站的一个小会议上,这是专家评论网站上的人在观众中提交的。其中一个网站是:

原址

令我震惊的是它是全新的,但仍然使用表格进行布局。当我调查时,我听说原因只是缺乏以不同方式构建网站的资源。这是悲哀的,现在,我们有资源可以利用网络上随时可用的资源,当我开始开发的时候,我们甚至无法想象这些资源。为了证明这一点,您可以使用语义标记和CSS即使不太了解,我用过悠悠网格并在大约15分钟内创建以下内容:

YUI重新设计站点

你可以下载网站演示文件和他们一起玩。

我很乐意多写点东西,关于这种结构的深入文章,如果有兴趣,betway体育官方网可以重新设计。我唯一的问题是在哪里出版它们?从中受益的人不太可能读我为之写作的博客和杂志。是否有政府网站标准出版物?

什么是一个好网站?

星期六,10月14日,二千零六

免责声明:这是一个列表,将是即将出版的一本书的一部分,为Ed的朋友们,关于Web服务和API的Web开发。我想在这里预览一下看看你的想法会很有趣。

[链接:http://cabanadgital.com/weblog/2006/10/14/%c2%bfque-hace-a-un-buen-sito-web/more-173,en-espa_ol]

下面是一些关于如何在网络环境中成功创建一个网站的想法。其中一些听起来很明显,但是提醒自己这些想法的好处是个好主意。

它是关于内容的。

如果你没有任何有趣的内容(或数百个其他网站上也有的内容),无论你对网站表面做了多少修饰,你都不会接触到很多人。

是关于分享。

如果你把内容放到网上,在那里人们可以看到,下载并使用。您可以通过选择和显示许可协议和版权信息来保护您的权利(在知识共享)而且尝试一些技术技巧来阻止人们下载你的图片或复制你的文本是没有意义的。当你这些天开发网站的时候,你将使用很多其他人开发的内容和程序。报恩才公平。

如果没有人们免费分享他们的工具和内容,网络将永远不会像现在这样大而激动人心。

它是关于访问的。

如果你的内容对网络上的每个人都是可用的,不管你的能力和技术环境如何,比起你试图屏蔽用户组或期望一个定义好的技术环境,你更容易被发现和谈论。你的电脑并不是网络上所有人的代表,你不能指望人们得到一个更大的显示器,更快的计算机或安装某些浏览器或插件以访问您的网站。如果你的内容足够有趣,他们可以,但我不相信。

它是关于沟通的。

允许人们与你交流。让他们评论你的信息,并为他们提供与你联系的简单方式。以易于联合的格式提供您的信息(例如RSS)并联系和链接到其他具有类似信息的网站。这听起来可能适得其反——毕竟,为什么你要把你想留住的访客发给他们——但这些其他网站也可能链接到你。更多的网站链接到你,你在搜索引擎结果中爬得越高。

它是关于可用性的。

这听起来可能有点自相矛盾,但在Web和不同网站上传播内容可能比将其保存在一台服务器上更有效。当然,你需要使用合适的网站来实现这一点。我们生活在激动人心的网络时代,您可以将照片上载到相片分享与其他图片爱好者联系,将视频上载到YouTube,共享链接书签和文件书面的.

所有这些站点都由拥有良好服务器的大型公司备份,即使您的站点停机一天,他们仍然会在外面。将您的站点作为其他站点上这些数据的源进行广告将驱使人们返回它,您可以使用它们提供的API轻松地将数据包含在您的站点中。

这是关于耐心。

对于任何真正好的东西,你需要花些时间在一个伟大的网站上。

在最初的几周(有时甚至几个月)内,您将不会在搜索引擎上高飞搜索结果。别因此而气馁,相反,试着在你感兴趣的领域增加你与其他人的交流——他们会把你联系起来,你会出现在这个世界的谷歌和雅虎中。

拥有一个网站也意味着你会得到很多烦人的或者粗鲁的反馈。别再想了,但要找出可能与实际问题相关的信息,并解决这些问题。然而,这是你的网站,总有一些人不喜欢你必须说的或提供的东西——不需要取悦每个人。

这是关于了解你的观众。

你对一个专业领域的网站应该是什么样子的假设可能是完全错误的。询问感兴趣的人他们期望的是什么,或者问他们对其他提供类似内容的网站有何厌恶。

这是为了发挥你的长处。

如果你不善于说话,不要太努力,但要坚持信息,以及什么让你对你的网站所涵盖的主题感到兴奋。你也可以从亲近的人那里得到帮助,他们可以用言语表达你的想法。如果你擅长文字,但不擅长设计或结构信息,同样适用。不要试图自己解决所有问题,但是,相反,要获得一些同行评审和输入,使最终产品能够自己进行讨论。

它是提供而不是推动。

不要强迫你的访客。除非访问者选择启动视频和音乐,否则不应启动它们。此外,提供下载。如果链接到PDF或其他媒体格式,在链接中这样说,因为很多人会选择下载这些,而不是在浏览器中阅读它们。

这是为了保持简单。

不要试图在你的网站上过度复杂化任何东西。把菜单和可用的东西弄清楚。使搜索网站和联系您变得容易。明确谁在网站背后,网站的目的是什么。坦诚面对自己,人们会喜欢你的。有太多的一人秀网站试图在网络上作为一个整体出现。

一次又一次地阅读你的内容——任何可以省略的单词或任何可以更容易表达的句子都是成功的。网络上的人很忙,并不是所有人都是以你的语言为母语的人。别让他们难堪。

此外,网络是一种辅助媒体。人们在阅读你的网站时做其他事情,而不是把所有的内容都放进去——而是扫描有趣的单词。Steve Krug在我们如何真正使用网络.

这是关于广告而不是烦人。

确保你选择了一个易于记忆的统一资源定位地址并做广告。有了这个,我们并不意味着要买广告空间,但是做一些简单的事情,比如添加统一资源定位地址到您的电子邮件页脚,文具或其他宣传材料。如果你参加论坛和邮件列表,那么步行者到达的距离可能比你想象的要远。

[更新]

它是关于新鲜度的。

一个完全没有变化的网站需要有令人惊叹的内容,否则从长远来看不会有任何访问者。最重要的是你能得到最初的访客,但同样重要的是要让他们回来,谈论你的提议,吸引新的访客。经常更新,内容好,人们会回来的。如果你使用博客系统作为你的细胞质雄性不育更新也意味着RSS订阅源更改并自动通知订户。

未来是混合体——JavaScript如何净化纯CSS解决方案

星期一,9月4日,二千零六

在过去的几个月里,在邮件列表和文章中有越来越多的请求发布了如何通过pure实现功能CSS这是传统上用JavaScript实现的。这篇文章将解释为什么这是一个有趣的概念,但希望能让您意识到Javascript增强解决方案相对于纯解决方案的好处CSS解决。

我要感谢我在研究中要求的很多人,最重要的杰姆斯爱德华兹作者安得烈杜邦.我也给了简短陈述-PDF-96kb在同一个主题上伦敦的酒吧上周末。

首先,让我们研究一下CSS解决方案变得如此流行。(更多……)

赢得免费电子书和我的书!

星期一,8月7日,二千零六

我刚刚在开始使用javascript的网站DOM脚本和Ajax有免费电子书券等价格,上述书的副本或Web可访问性:Web标准和法规遵从性.你所需要展示的,要么是一点创造力,要么是缺乏对公众公然侮辱的恐惧。

参加比赛