yogsototh/scratch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
scratch/output/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/index.html

210 lines
11 KiB
HTML
Raw Normal View History

Made this blog a rake application for heroku
2010-08-23 12:26:48 +00:00
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="disqus, intense debate, web, blog">
<link rel="shortcut icon" type="image/x-icon" href="/Scratch/img/favicon.ico" />
<link rel="stylesheet" type="text/css" href="/Scratch/assets/css/main.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/twilight.css" />
<link rel="stylesheet" type="text/css" href="/Scratch/css/idc.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://feeds.feedburner.com/yannespositocomfr"/>
<link rel="alternate" lang="fr" xml:lang="fr" title="Disqus contre Intense Debate (pourquois j'ai changé)" type="text/html" hreflang="fr" href="/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" />
<link rel="alternate" lang="en" xml:lang="en" title="Disqus versus Intense Debate (Why I switched)" type="text/html" hreflang="en" href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" />
<script type="text/javascript" src="/Scratch/js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="/Scratch/js/jquery.cookie.js"></script>
<script type="text/javascript" src="/Scratch/js/index.js"></script>
<title>Disqus contre Intense Debate (pourquois j'ai changé)</title>
</head>
<body lang="fr">
<script type="text/javascript">// <![CDATA[
document.write('<div id="blackpage"><img src="/Scratch/img/loading.gif" alt="Chargement en cours..."/></div>');
// ]]>
</script>
<div id="content">
<div id="choix">
<div class="return"><a href="#entete">&darr; Menu &darr;</a></div>
<div id="choixlang">
<a href="/Scratch/en/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/" onclick="setLanguage('en')">Switch to English</a>
</div>
</div>
<div id="titre">
<h1>
Disqus contre Intense Debate (pourquois j'ai changé)
</h1>
</div>
<div class="flush"></div>
<div class="flush"></div>
<div id="afterheader">
<div class="corps">
<h1 class="first" id="disqushttpdisquscom-vs-intense-debatehttpintensedebatecom"><a href="http://disqus.com/">Disqus</a> <em>vs.</em> <a href="http://intensedebate.com/">Intense Debate</a></h1>
<p>J&rsquo;ai écrit un article sur la façon dont j&rsquo;ai essayé d&rsquo;intégrer <a href="http://disqus.com">Disqus</a>. Mon problème majeur avec <a href="http://disqus.com/">Disqus</a> c&rsquo;était que ma page ne s&rsquo;affichait pas correctement tant que les commentaire n&rsquo;avait pas fini de s&rsquo;afficher. Ça m&rsquo;est arrivé plusieurs fois d&rsquo;avoir ma page complètement bloquée parce que les serveurs de <a href="http://disqus.com/">Disqus</a> ne répondait pas.
C&rsquo;est pourquoi j&rsquo;ai essayer de l&rsquo;inclure de manière asynchrone. Cependant j&rsquo;ai eu des <a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">difficultés pour le faire fonctionner correctement</a>.</p>
<p>De plus il n&rsquo;a pas été trivial de faire en sorte que les commentaires soient commun à plusieurs pages différentes (chaque page à trois représentations différentes, une par language plus une version multi-langue).</p>
<p>Je dois reconnaître que je suis un peu triste de quitter <a href="http://disqus.com">Disqus</a> parce que pour chacun de mes problèmes <a href="http://giannii.com">giannii</a> m&rsquo;a aidé du mieux qu&rsquo;il a pu. Cependant les problèmes que j&rsquo;ai eu étaient inhérents à des choix de conceptions plus que de simples petits problèmes techniques.</p>
<p>Lorsque j&rsquo;ai commencé à intégrer <a href="http://disqus.com/">Disqus</a> je n&rsquo;ai jamais essayé <a href="http://intensedebate.com">Intense Debate</a>. Maintenant que j&rsquo;ai essayé je doit dire que je suis conquis. Il correspond exactement à ce que j&rsquo;espérais de ce type de service. </p>
<p>Pour le rendre complètement asynchrone il suffit de récupérer leur js commun et de remplacer la ligne suivante&nbsp;:</p>
<div>
<pre class="twilight">
<span class="Support">document</span>.<span class="SupportFunction">getElementsByTagName</span>(<span class="String"><span class="String">&quot;</span>head<span class="String">&quot;</span></span>)[<span class="Constant">0</span>].<span class="SupportFunction">appendChild</span>(commentScript);
</pre>
</div>
<p>par (si vous utilisez jQuery)&nbsp;: </p>
<div>
<pre class="twilight">
<span class="Keyword">$</span>(<span class="Support">document</span>).ready( <span class="Storage">function</span>() {
<span class="Support">document</span>.<span class="SupportFunction">getElementsByTagName</span>(<span class="String"><span class="String">&quot;</span>head<span class="String">&quot;</span></span>)[<span class="Constant">0</span>].<span class="SupportFunction">appendChild</span>(commentScript);
});
</pre>
</div>
<h2 id="and-the-winner-is-intense-debatehttpintensedebatecom">And the Winner is: <a href="http://intensedebate.com/">Intense Debate</a></h2>
<p>Pour conclure les avantages majeurs (pour moi) d&rsquo;<a href="http://intensedebate.com/">Intense Debate</a> par rapport à <a href="http://disqus.com/">Disqus</a>: </p>
<ul>
<li>Se charge de façon asynchrone&nbsp;; ne bloque pas mon site web</li>
<li>Permet d&rsquo;ajouter sans rien de plus des boutons comme &ldquo;share to any&rdquo; et les charge eux aussi de façon asynchrone.</li>
</ul>
<p>Voilà.</p>
</div>
<div id="choixrss">
<a id="rss" href="http://feeds.feedburner.com/yannespositocomfr">
s'abonner
</a>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('#comment').hide();
$('#clickcomment').click(showComments);
});
function showComments() {
$('#comment').show();
$('#clickcomment').fadeOut();
}
document.write('<div id="clickcomment">Commentaires</div>');
</script>
<div class="flush"></div>
<div class="corps" id="comment">
<h2 class="first">commentaires</h2>
<noscript>
</noscript>
<script type="text/javascript">
var idcomments_acct = 'a307f0044511ff1b5cfca573fc0a52e7';
var idcomments_post_id = '/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/';
var idcomments_post_url = 'http://yannesposito.com/Scratch/fr/blog/2009-09-Disqus-versus-Intense-Debate--Why-I-switched-/';
</script>
<span id="IDCommentsPostTitle" style="display:none"></span>
<script type='text/javascript' src='/Scratch/js/genericCommentWrapperV2.js'></script>
</div>
<div id="entete" class="corps_spaced">
<div id="liens">
<ul><li><a href="/Scratch/fr/">Acceuil</a></li>
<li><a href="/Scratch/fr/blog/">Blog</a></li>
<li><a href="/Scratch/fr/about/">À propos</a></li>
<li><a href="/Scratch/fr/contact/">Contact</a></li></ul>
</div>
<div class="flush"></div>
<hr/>
<div id="next_before_articles">
<div id="previous_articles">
articles précédents
<div class="previous_article">
<a href="/Scratch/fr/blog/2009-09-jQuery-Tag-Cloud/">&larr; jQuery Tag Cloud [en]</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/2009-09-replace-all-except-some-part/">&larr; Remplacer tout sauf une partie</a>
</div>
<div class="previous_article">
<a href="/Scratch/fr/blog/11_Load_Disqus_Asynchronously/">&larr; Load Disqus Asynchronously [en]</a>
</div>
</div>
<div id="next_articles">
articles suivants
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-How-to-preload-your-site-with-style/">Charger une page web avec style&rarr; </a>
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-untaught-git-usage/">Usages non dits de Git&rarr; </a>
</div>
<div class="next_article">
<a href="/Scratch/fr/blog/2009-10-Focus-vs-Minimalism/"><em>Focus</em> &gt; Minimalisme&rarr; </a>
</div>
</div>
<div class="flush"></div>
</div>
</div>
<div id="bottom">
<div>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/deed.fr">Droits de reproduction ©, Yann Esposito</a>
</div>
<div id="lastmod">
New blog entry mail from command line
2010-08-31 13:06:43 +00:00
Écrit le : 28/09/2009
Made this blog a rake application for heroku
2010-08-23 12:26:48 +00:00
</div>
<div>
Site entièrement réalisé avec
<a href="http://www.vim.org">Vim</a>
et
<a href="http://nanoc.stoneship.org">nanoc</a>
</div>
<div>
<a href="/Scratch/fr/validation/">Validation</a>
<a href="http://validator.w3.org/check?uri=referer"> [xhtml] </a>
.
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3"> [css] </a>
.
<a href="http://validator.w3.org/feed/check.cgi?url=http%3A//yannesposito.com/Scratch/fr/blog/feed/feed.xml">[rss]</a>
</div>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Reference in a new issue Copy permalink