<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>blog.bouctoubou.com &#124; Webdesigner et Intégrateur (x)HTML &#38; CSS Freelance &#187; Outils Web</title>
	<atom:link href="http://blog.bouctoubou.com/category/outils-web/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.bouctoubou.com</link>
	<description>(x)HTML / CSS, Design, Développement, Photos, and more ...</description>
	<lastBuildDate>Fri, 06 Aug 2010 18:55:10 +0000</lastBuildDate>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Typolight CMS 2.6.2, nouvelle version</title>
		<link>http://blog.bouctoubou.com/typolight-cms-262/</link>
		<comments>http://blog.bouctoubou.com/typolight-cms-262/#comments</comments>
		<pubDate>Tue, 11 Nov 2008 17:35:03 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[Typolight]]></category>
		<category><![CDATA[cms]]></category>

		<guid isPermaLink="false">http://blog.bouctoubou.com/?p=593</guid>
		<description><![CDATA[Toujours dans ma quête de promotion pour ce magnifique outil, je ne peux m&#8217;empêcher de vous parler de la sortie d&#8217;une nouvelle version pour Typolight webCMS. L&#8217;un des ajouts majeurs, pour cette version estampillée 2.6.2, est la possibilité d&#8217;installer / mettre à jour / désinstaller quelques extensions directement via l&#8217;administration! Pas aussi complet pour l&#8217;instant, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-344" title="Typolight Header" src="http://blog.bouctoubou.com/wp-content/uploads/2008/08/typolight-header.jpg" alt="Typolight Header" width="455" height="153" /></p>
<p>Toujours dans ma quête de promotion pour ce magnifique outil, je ne peux m&#8217;empêcher de vous parler de la sortie d&#8217;une <a href="http://www.typolight.fr/lire-lactualite/items/typolight-262-disponible.html">nouvelle</a> <a href="http://www.typolight.org/news/items/typolight-2_6_2.html">version</a> pour Typolight webCMS.</p>
<p>L&#8217;un des ajouts majeurs, pour cette version estampillée 2.6.2, est la possibilité d&#8217;installer / mettre à jour / désinstaller quelques extensions directement via l&#8217;administration! Pas aussi complet pour l&#8217;instant, en termes de choix, que le &laquo;&nbsp;<a href="http://www.typolight.org/extension-list.html">repository</a>&nbsp;&raquo; en ligne, mais c&#8217;est tout même une évolution et une option très appréciable.</p>
<p><span id="more-593"></span></p>
<p>Ce n&#8217;est bien sûr pas les seules nouveautés, je vous invite donc à consulter le <a href="http://www.typolight.org">site officiel de Typolight</a> ainsi que la version localisée <a href="http://www.typolight.fr">en français</a> si vous souhaitez avoir plus d&#8217;informations.</p>
<p>A noter aussi, une très bonne nouvelle, l&#8217;ajout d&#8217;un article dans l&#8217;incontournable <a href="http://www.framasoft.net/article4791.html">Framasoft</a>, ce qui va grandement aider à une plus grande visibilité pour ce CMS.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/typolight-cms-262/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Nouvelle version et site pour le CMS Typolight</title>
		<link>http://blog.bouctoubou.com/nouvelle-version-et-site-pour-le-cms-typolight/</link>
		<comments>http://blog.bouctoubou.com/nouvelle-version-et-site-pour-le-cms-typolight/#comments</comments>
		<pubDate>Fri, 29 Aug 2008 12:45:03 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[Typolight]]></category>
		<category><![CDATA[cms]]></category>

		<guid isPermaLink="false">http://blog.bouctoubou.com/?p=342</guid>
		<description><![CDATA[Pour ceux qui lisent ce blog depuis un petit moment, vous êtes sûrement au courant de mon petit faible pour le CMS Typolight!? Sachez qu&#8217;une nouvelle version majeur est disponible, la 2.6.0. Ainsi qu&#8217;un nouveau site, avec un design plus sobre et efficace, un contenu ré-organisé et plus clair, un nouveau wiki et gestion de [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-344" title="Typolight Header" src="http://blog.bouctoubou.com/wp-content/uploads/2008/08/typolight-header.jpg" alt="Typolight Header" width="455" height="153" /></p>
<p>Pour ceux qui lisent ce blog depuis un petit moment, vous êtes sûrement au courant de mon petit faible pour le <a href="http://www.typolight.org/">CMS Typolight</a>!?</p>
<p>Sachez qu&#8217;une <a href="http://www.typolight.org/download-typolight.html">nouvelle version</a> majeur est disponible, la 2.6.0. Ainsi qu&#8217;un nouveau site, avec un design plus sobre et efficace, un contenu ré-organisé et plus clair, un <a href="http://dev.typolight.org/wiki">nouveau wiki</a> et gestion de projet grâce à Trac, de <a href="http://www.typolight.org/screencasts.html">nouveaux screencasts</a>, et pleins d&#8217;autres chose que je n&#8217;ai pas encore eu le temps de voir.</p>
<p><span id="more-342"></span></p>
<p><img class="alignnone size-full wp-image-343" title="Typolight Capture" src="http://blog.bouctoubou.com/wp-content/uploads/2008/08/typolight-capture.jpg" alt="Typolight Capture" width="455" height="409" /></p>
<p>Cyril, si tu passes par là, je serais bientôt de retour sur le forum pour remplir mon rôle de modérateur ;).</p>
<p>Depuis mon <a href="http://blog.bouctoubou.com/2008/04/11/typolight-le-meilleur-cms-au-monde/">billet de présentation</a> sur ce CMS, certains d&#8217;entre vous l&#8217;ont adopté / utilisé ?</p>
<ul>
<li><a href="http://www.typolight.org/">Le portail officiel</a></li>
<li><a href="http://www.typolight.fr/">Le site français</a> (<a href="http://www.typolight.fr/capturesdecran.html">captures d’écran</a>, <a href="http://www.typolight.fr/introduction.html">documentations</a>, <a href="http://www.typolight.fr/installer-typolight.html">tutoriels</a>, etc.)</li>
<li><a href="http://demo.typolight.org/typolight/">La démonstration en ligne</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/nouvelle-version-et-site-pour-le-cms-typolight/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Rankyoo, la position de votre site sur google</title>
		<link>http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/</link>
		<comments>http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/#comments</comments>
		<pubDate>Fri, 20 Jun 2008 14:02:56 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[mots clés]]></category>
		<category><![CDATA[pagerank]]></category>
		<category><![CDATA[positionnement]]></category>
		<category><![CDATA[référencement]]></category>

		<guid isPermaLink="false">http://blog.bouctoubou.com/2008/06/20/rankyoo-la-position-de-votre-site-sur-google/</guid>
		<description><![CDATA[Le référencement sur les moteurs de recherches et plus particulièrement sur google fait régulièrement l&#8217;actualité sur les blogs. Astuces, conseils, de nombreux articles sont disponibles sur la toile. Rankyoo permet de suivre simplement le positionnement de plusieurs sites / blogs sur google par rapport à des mots clés. L&#8217;incription sur Rankyoo Un point sympathique, il [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-235" title="Rankyoo" src="http://blog.bouctoubou.com/wp-content/uploads/2008/08/rankyoo-tete.jpg" alt="Rankyoo" width="455" height="77" /></p>
<p>Le référencement sur les moteurs de recherches et plus particulièrement sur google fait régulièrement l&#8217;actualité sur les blogs. Astuces, conseils, de nombreux articles sont disponibles sur la toile. <a href="http://www.rankyoo.fr"></a></p>
<p><a href="http://www.rankyoo.fr">Rankyoo</a> permet de suivre simplement le positionnement de plusieurs sites / blogs sur google  par rapport à des mots clés.</p>
<p><span id="more-226"></span></p>
<h5>L&#8217;incription sur Rankyoo</h5>
<p><img title="Rankyoo Inscription" src="http://blog.bouctoubou.com/wp-content/uploads/2008/06/rankyoo-inscription.jpg" alt="Rankyoo Inscription" width="455" height="94" /></p>
<p>Un point sympathique, il suffit de rentrer son e-mail pour s&#8217;inscrire<sup><a href="http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/#footnote_0_226" id="identifier_0_226" class="footnote-link footnote-identifier-link" title="L&amp;#8217;inscription n&amp;#8217;est pas obligatoire mais vivement recommand&eacute;e au vu des possibilit&eacute;s offertes.">1</a></sup>. Vous recevez par la suite un message avec votre mot de passe<sup><a href="http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/#footnote_1_226" id="identifier_1_226" class="footnote-link footnote-identifier-link" title="Regrettable, il n&amp;#8217;est pas possible de changer son mot de passe g&eacute;n&eacute;r&eacute; pour l&amp;#8217;instant.">2</a></sup> et la possibilité d&#8217;activer votre compte. Une manière de s&#8217;inscrire rapidement sans devoir remplir plusieurs champs!</p>
<h5>Comment ça marche ?</h5>
<p><img title="Rankyoo Compte" src="http://blog.bouctoubou.com/wp-content/uploads/2008/06/rankyoo-compte.jpg" alt="Rankyoo Compte" width="455" height="83" /></p>
<p>Une fois inscrit, il vous est possible d&#8217;ajouter deux sites dans votre compte <a href="http://www.rankyoo.fr">Rankyoo</a>, avec trois recherches par site. Chaque recherche peut être enregistrée dans votre compte afin de suivre facilement l&#8217;évolution du positionnement des mots clés sur google<sup><a href="http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/#footnote_2_226" id="identifier_2_226" class="footnote-link footnote-identifier-link" title="A noter q&amp;#8217;un flux RSS est disponible pour chaque recherche.">3</a></sup>.</p>
<p><img title="Rankyoo Position" src="http://blog.bouctoubou.com/wp-content/uploads/2008/06/rankyoo-position.jpg" alt="Rankyoo Position" width="455" height="164" /></p>
<p>Quelques informations sont données pour chaque site comme le nombre de pages indexées, les liens entrants et le <a href="http://fr.wikipedia.org/wiki/PageRank">pagerank</a>.</p>
<p><img title="Rankyoo Informations" src="http://blog.bouctoubou.com/wp-content/uploads/2008/06/rankyoo-informations.jpg" alt="Rankyoo Informations" width="455" height="169" /></p>
<h5>Conclusion sur Rankyoo</h5>
<p><a href="http://www.rankyoo.fr">Rankyoo</a> est très récent et n&#8217;est pas pour l&#8217;instant à mon goût sans reproches. Mais dispose d&#8217;une interface et des fonctionnalités très intéressantes par rapport à ses concurrents. En conclusion, un très bon outil gratuit pour suivre votre référencement / positionnement de vos mots clés sur google.</p>
<ol class="footnotes"><li id="footnote_0_226" class="footnote">L&#8217;inscription n&#8217;est pas obligatoire mais vivement recommandée au vu des <a href="http://www.rankyoo.fr/offre.html">possibilités</a> offertes.</li><li id="footnote_1_226" class="footnote">Regrettable, il n&#8217;est pas possible de changer son mot de passe généré pour l&#8217;instant.</li><li id="footnote_2_226" class="footnote">A noter q&#8217;un flux RSS est disponible pour chaque recherche.</li></ol>]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/rankyoo-la-position-de-votre-site-sur-google/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Un excellent générateur de menu CSS &amp; JS</title>
		<link>http://blog.bouctoubou.com/un-excellent-generateur-de-menu-css-js/</link>
		<comments>http://blog.bouctoubou.com/un-excellent-generateur-de-menu-css-js/#comments</comments>
		<pubDate>Tue, 27 May 2008 11:30:17 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[générateurs]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://blog.bouctoubou.com/2008/05/27/un-excellent-generateur-de-menu-css-js/</guid>
		<description><![CDATA[Vu sur docslumpy, Quickmenu, un moyen assez simple et rapide pour générer un menu en css avec la possibilité de mettre des effets javascripts. Disponible en ligne ou via une petite application à télécharger (1mo), l&#8217;outil est plutôt complet et intuitif, il propose en premier de choisir son type / style de menu avant de [...]]]></description>
			<content:encoded><![CDATA[<p><img title="QuickMenu" src="http://blog.bouctoubou.com/wp-content/uploads/2008/05/quickmenu.jpg" alt="QuickMenu" width="455" height="115" /></p>
<p>Vu sur <a href="http://www.docslumpy.info/ddd/">docslumpy</a>, <a href="http://www.opencube.com/quickmenu.asp">Quickmenu</a>, un moyen assez simple et rapide pour générer un menu en css avec la possibilité de mettre des effets javascripts. Disponible en ligne ou via une petite application à télécharger (1mo), l&#8217;outil est <a href="http://www.opencube.com/quickmenu.asp">plutôt complet</a> et intuitif, il propose en premier de choisir son type / style de menu avant de pouvoir l&#8217;éditer plus en détail. Impressionnant!</p>
<p><span id="more-220"></span></p>
<p><img title="QuickMenu Capture" src="http://blog.bouctoubou.com/wp-content/uploads/2008/05/quickmenu-full.jpg" alt="QuickMenu Capture" width="455" height="641" /></p>
<p>Au passage, d&#8217;autres générateurs de menu :</p>
<ul>
<li> <a href="http://cssmenumaker.com">cssmenumaker.com</a></li>
<li><a href="http://www.13styles.com">13styles.com</a></li>
<li><a href="http://www.izzymenu.com">izzymenu.com</a></li>
<li><a href="http://aplus.co.yu/adxmenu/">aplus.co.yu</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/un-excellent-generateur-de-menu-css-js/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Typolight, le meilleur CMS au monde</title>
		<link>http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/</link>
		<comments>http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/#comments</comments>
		<pubDate>Fri, 11 Apr 2008 19:00:28 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[Typolight]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[joomla]]></category>
		<category><![CDATA[plateforme]]></category>

		<guid isPermaLink="false">http://blog.bouctoubou.com/2008/04/11/typolight-le-meilleur-cms-au-monde/</guid>
		<description><![CDATA[Pour commencer, avant de parler de la bête, un peu d&#8217;historique&#8230; Il y a longtemps que je cherchais le CMS idéal pour gérer la création et la maintenance d&#8217;un site Internet. Graphiste et Intégrateur XHTML / CSS avec assez peu de notions en développement, il me fallait un outil de gestion de contenu simple, intuitif, [...]]]></description>
			<content:encoded><![CDATA[<p><img title="Typolight Web" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight-web.jpg" alt="Typolight Web" width="454" height="104" /></p>
<p>Pour commencer, avant de parler de la bête, un peu d&#8217;historique&#8230; Il y a longtemps que je cherchais le <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a> idéal pour gérer la création et la maintenance d&#8217;un site Internet. Graphiste et Intégrateur XHTML / CSS avec assez peu de notions en développement, il me fallait un outil de gestion de contenu simple, intuitif, accessible, avec le maximum de possibilités et de fonctionnalités, etc. Très exigeant, je rêvais du Saint Graal, l&#8217;outil ultime, la perle rare :) &#8230;</p>
<p><span id="more-177"></span></p>
<p>Après une longue veille sur les différentes plateformes existantes. Allant du plus connu, <a href="http://www.joomla.fr/">Joomla</a>, qui malgré une très grosse communauté et des centaines de plugins, n&#8217;a été qu&#8217;une énorme déception à court terme. Je ne rentrerai pas dans les détails, je risquerai d&#8217;être sévère et méchant&#8230;<sup><a href="http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/#footnote_0_177" id="identifier_0_177" class="footnote-link footnote-identifier-link" title="M&ecirc;me si il est vrai que moi aussi j&amp;#8217;ai &eacute;t&eacute; conquis quelques temps par Joomla, avant de vite d&eacute;chanter&amp;#8230;">1</a></sup> Ou d&#8217;autres outils comme <a href="http://www.cmsmadesimple.org/">CMS Made Simple</a>, <a href="http://textpattern.com/">Textpattern</a>, <a href="http://modxcms.com/">MODx</a>, <a href="http://drupal.org/">Drupal</a>, <a href="http://www.solucija.com/">sNews</a>, etc. Chacun avec des bonnes idées, des avantages comme des inconvénients, sans jamais trouver LE <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a> idéal.</p>
<p><img title="Typolight.fr" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight.jpg" alt="Typolight.fr" width="455" height="57" /></p>
<p>Puis, par hasard, sur un forum je suis tombé sur un message sans réponse qui vantait les mérites d&#8217;un <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a> soit disant parfait. Par curiosité, j&#8217;ai donc découvert&#8230; C&#8217;est maintenant que je balance le nom de l&#8217;élu, roulement de tambour, le suspens est à son comble&#8230; L&#8217;heureux vainqueur est : <a href="http://www.typolight.org/">Typolight</a>. Ce nom vous dit sûrement rien<sup><a href="http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/#footnote_1_177" id="identifier_1_177" class="footnote-link footnote-identifier-link" title="Si ce n&amp;#8217;est le possible rapprochement avec Typo3 o&ugrave; il y a effectivemement un lien avec l&amp;#8217;auteur.">2</a></sup> et pour cause, <a href="http://www.typolight.org/">Typolight</a> est pratiquement inconnu en France. Développé par Leo Feyer, un Allemand, ce magnifique outil ne peut rester inconnu&#8230;</p>
<h5>L&#8217;interface et les fonctionnalités de Typolight</h5>
<p><a title="Typolight structure" href="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typo-structure.jpg" rel="lightbox"><img style="display: block;" title="Typolight structure" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typo-structure-thumb.jpg" alt="Typolight structure" width="455" height="185" /></a></p>
<p>Ce qui m&#8217;a frappé en premier, c&#8217;est cette interface très simple, épurée et accessible! <a href="http://www.typolight.org/">Typolight</a> est de loin le <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a> le mieux pensé, le plus intuitif et agréable à utiliser que j&#8217;ai pu tester. Tout est dans le détail et c&#8217;est un véritable plaisir pour l&#8217;utilisateur!</p>
<p><a title="Typolight accueil" href="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typo-accueil.jpg" rel="lightbox"><img style="display: block;" title="Typolight accueil" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typo-accueil-thumb.jpg" alt="Typolight accueil" width="455" height="297" /></a></p>
<p>Du côté des <a href="http://www.typolight.fr/caracteristiques.html">fonctionnalités</a>, la liste est longue, très longue&#8230; En natif, <a href="http://www.typolight.org/">Typolight</a> permet de faire tout ce qui est nécessaire pour la plus part des sites Internet et il le fait très bien, sans non plus devenir une usine à gaz. Voici une liste non exhaustive :</p>
<ul>
<li>Mise à jour automatique</li>
<li>Code source de sortie accessible et en XHTML strict</li>
<li>En accord avec les recommandations W3C/WAI</li>
<li>Gestion des versions et des rétablissements</li>
<li>Support multilingue (emploi du charset UTF-8)</li>
<li>Framework CSS cross-browser</li>
<li>Open Source (LGPL)</li>
<li>Etc.</li>
</ul>
<p><a title="Typolight modules" href="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight-modules.jpg" rel="lightbox"><img style="display: block;" title="Typolight modules" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight-modules-thumb.jpg" alt="Typolight modules" width="455" height="205" /></a></p>
<ul>
<li>Editeur de texte incorporé (TinyMCE)</li>
<li>Différents éléments de contenu et modules</li>
<li>Gestion des actualités/news</li>
<li>Commentaires/Guestbook</li>
<li>Bulletin d&#8217;information/Newsletter</li>
<li>Calendrier/Evènements</li>
<li>Explorateur de fichiers</li>
<li>Galerie de photos (Lightbox)</li>
<li>Générateur de formulaire</li>
<li>Moteur de recherche</li>
<li>Etc.</li>
</ul>
<p>C&#8217;est juste les grandes lignes de ce qu&#8217;il est possible de faire avec <a href="http://www.typolight.org">Typolight</a>, je vous invite fortement à lire toutes les <a href="http://www.typolight.fr/caracteristiques.html">caractéristiques</a> (en français) disponibles et à <a href="http://demo.typolight.org/typolight/">tester l&#8217;outil</a>!</p>
<h5>Conclusion sur Typolight</h5>
<p><a title="Typolight formulaire" href="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight-formulaire.jpg" rel="lightbox"><img style="display: block;" title="Typolight formulaire" src="http://blog.bouctoubou.com/wp-content/uploads/2008/04/typolight-formulaire-thumb.jpg" alt="Typolight formulaire" width="455" height="145" /></a></p>
<p>Vous aurez compris tout le bien que je pense de ce <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a>. Après 8 mois d&#8217;utilisation et plusieurs projets réalisés avec, je considère <a href="http://www.typolight.org">Typolight</a> comme un gestionnaire de contenu quasiment parfait! Ceux qui me connaissent savent à quel point je peux être exigeant&#8230; Mettez votre Joomla<sup><a href="http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/#footnote_2_177" id="identifier_2_177" class="footnote-link footnote-identifier-link" title="Un petit private joke pour ma petite Jos&eacute;phine, non ce n&amp;#8217;est pas Site Kite CMS mon outil utlime, mais bien Typolight ;). Tu sais ce qu&amp;#8217;il te reste &agrave; faire!">3</a></sup> à la poubelle et ne passez pas à côté de cette petite merveille!</p>
<ul>
<li><a href="http://www.typolight.org">Le portail officiel</a></li>
<li><a href="http://www.typolight.fr">Le site français</a> (<a href="http://www.typolight.fr/capturesdecran.html">captures d&#8217;écran</a>, <a href="http://www.typolight.fr/introduction.html">documentations</a>, <a href="http://www.typolight.fr/installer-typolight.html">tutoriels</a>, etc.)</li>
<li><a href="http://demo.typolight.org/typolight/">La démonstration en ligne</a></li>
</ul>
<p>Pour ceux qui prendront le temps de <a href="http://demo.typolight.org/typolight/">tester l&#8217;outil</a>, n&#8217;hésitez pas si vous avez des questions à me laisser un commentaire! Et une dernière fois, ne passez pas à côté de ce merveilleux outil!<sup><a href="http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/#footnote_3_177" id="identifier_3_177" class="footnote-link footnote-identifier-link" title="Je savais bien que j&amp;#8217;allais en faire 3 tonnes dans ce billet et pourtant il n&amp;#8217;est pas sponsoris&eacute; ;).">4</a></sup></p>
<p>Et vous, utilisez-vous <a href="http://www.joomla.org/">Joomla</a> ou un autre <a href="http://fr.wikipedia.org/wiki/Syst%C3%A8me_de_gestion_de_contenu">CMS</a> pour vos sites ? Que recherchez-vous en priorité dans ce genre d&#8217;outil ?</p>
<p><strong>Edit</strong> : <del></del>Typolight.fr a ouvert un forum : <a href="http://www.typolight.fr/forums/">http://www.typolight.fr/forums/</a></p>
<ol class="footnotes"><li id="footnote_0_177" class="footnote">Même si il est vrai que moi aussi j&#8217;ai été conquis quelques temps par Joomla, avant de vite déchanter&#8230;</li><li id="footnote_1_177" class="footnote">Si ce n&#8217;est le possible rapprochement avec Typo3 où il y a effectivemement un lien avec l&#8217;auteur.</li><li id="footnote_2_177" class="footnote">Un petit private joke pour ma petite Joséphine, non ce n&#8217;est pas Site Kite CMS mon outil utlime, mais bien Typolight ;). Tu sais ce qu&#8217;il te reste à faire!</li><li id="footnote_3_177" class="footnote">Je savais bien que j&#8217;allais en faire 3 tonnes dans ce billet et pourtant il n&#8217;est pas sponsorisé ;).</li></ol>]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/typolight-le-meilleur-cms-au-monde/feed/</wfw:commentRss>
		<slash:comments>105</slash:comments>
		</item>
		<item>
		<title>Super Screenshot, capturez des sites en grand</title>
		<link>http://blog.bouctoubou.com/super-screenshot-capturez-des-sites-en-grand/</link>
		<comments>http://blog.bouctoubou.com/super-screenshot-capturez-des-sites-en-grand/#comments</comments>
		<pubDate>Fri, 01 Feb 2008 09:30:00 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[capture]]></category>
		<category><![CDATA[extensions]]></category>
		<category><![CDATA[screenshot]]></category>
		<category><![CDATA[super screenchot]]></category>

		<guid isPermaLink="false">http://wordpress.bouctoubou.com/?p=97</guid>
		<description><![CDATA[Pour faire une capture d&#8217;écran de la page entière d&#8217;un site Internet, j&#8217;utilisais l&#8217;extension pour Firefox, Fireshot. Seul petit problème, celle-ci enlève toute transparence au format flash[1] dans sa dernière version&#8230; Bref, avec Super Screenshot vous pouvez en quelques cliques et dans un laps de temps assez court, obtenir votre fichier image. Quelques options sont [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.bouctoubou.com/wp-public/2008/fevrier/super_screenshot.jpg" style="margin: 0pt auto; display: block" /></p>
<p>Pour faire une capture d&#8217;écran de la page entière d&#8217;un site Internet, j&#8217;utilisais l&#8217;extension pour Firefox, <a href="/index.php?post/2007/11/08/Firefox-%3A-une-extension-et-une-revolution">Fireshot</a>. Seul petit problème, celle-ci enlève toute transparence au format flash<sup>[<a href="#superscreen">1</a>]</sup> dans sa dernière version&#8230; Bref, avec <a href="http://www.superscreenshot.com">Super Screenshot</a> vous pouvez en quelques cliques et dans un laps de temps assez court, obtenir votre fichier image. Quelques options sont disponibles comme le format et les dimensions.</p>
<ul>
<li><a href="http://www.superscreenshot.com/getscreen.php?url=blog.bouctoubou.com">Un exemple avec mon blog</a></li>
</ul>
<div class="footnotes">
<h4>Notes</h4>
<p><a title="superscreen" name="superscreen" id="superscreen"></a>[<strong>1</strong>] Imaginez un peu, je travaillais sur un bandeau flash au fond transparent et sans prévenir, après avoir redémarrer mon Firefox, je m&#8217;aperçois que le fond n&#8217;était plus transparent&#8230; Il a fallu quelques minutes pour comprendre que ça venait d&#8217;une des extensions de mon navigateur&#8230; N&#8217;importe quoi&#8230;</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/super-screenshot-capturez-des-sites-en-grand/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Tester la validité de son site en XHTML et CSS</title>
		<link>http://blog.bouctoubou.com/tester-la-validite-de-son-site-en-xhtml-et-css/</link>
		<comments>http://blog.bouctoubou.com/tester-la-validite-de-son-site-en-xhtml-et-css/#comments</comments>
		<pubDate>Wed, 19 Dec 2007 22:12:00 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[extensions]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[validator]]></category>
		<category><![CDATA[w3c]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://wordpress.bouctoubou.com/?p=88</guid>
		<description><![CDATA[Il existe de nombreuses adresses pour tester la validé d&#8217;un site aux normes W3C. Mais très peu permettent de tester à la fois le XHTML et le CSS. Avec XHTML-CSS Validator, c&#8217;est dorénavant possible, en seul clique. Pour ne rien gâcher je trouve le design épuré et plutôt réussi, avec pas mal d&#8217;ajax qui rende [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 0pt auto; display: block;" title="Xhtml-css" src="http://blog.bouctoubou.com/wp-public/2007/decembre/xhtml-css.jpg" alt="Xhtml-css" width="455" height="97" /></p>
<p>Il existe de nombreuses adresses pour tester la validé d&#8217;un site aux normes W3C. Mais très peu permettent de tester à la fois le XHTML et le CSS. Avec <a href="http://xhtml-css.com">XHTML-CSS Validator</a>, c&#8217;est dorénavant possible, en seul clique. Pour ne rien gâcher je trouve le design épuré et plutôt réussi, avec pas mal d&#8217;ajax qui rende l&#8217;outil très agréable à l&#8217;utilisation. Et cerise sur le gâteau, une <a href="http://xhtml-css.com/extension.html">extension firefox</a> est disponible.</p>
<ul>
<li>Un <a href="http://xhtml-css.com/check/referer">exemple de résultat</a> avec mon blog</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/tester-la-validite-de-son-site-en-xhtml-et-css/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Graphiques pour vos statistiques feedburner</title>
		<link>http://blog.bouctoubou.com/graphiques-pour-vos-statistiques-feedburner/</link>
		<comments>http://blog.bouctoubou.com/graphiques-pour-vos-statistiques-feedburner/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 11:46:00 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[feedburner]]></category>
		<category><![CDATA[graphiques]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[statistiques]]></category>

		<guid isPermaLink="false">http://wordpress.bouctoubou.com/?p=84</guid>
		<description><![CDATA[<p><img style="margin: 0 auto; display: block;" alt="" src="http://blog.bouctoubou.com/wp-public/2007/decembre/feed-analysis1.jpg" /></p> <p>Je vous parlais dans un <a href="/index.php?post/2007/11/20/Ressources-pour-WordPress-themes-plugins">précédent billet</a> du blog <a href="http://www.blogperfume.com">blogperfume</a>. Celui-ci a sorti un <a href="http://www.blogperfume.com/feed-analysis/">outil d'analyse</a> pour les flux RSS <a href="http://www.feedburner.com">Feedburner</a>. Il permet après un export au format csv<sup>[<a href="#feed1">1</a>]</sup> de générer des graphiques du nombres d'abonnés par mois, du nombres de hits, views et clicks. </p> <p>Pas indispensable, mais ça permet d'avoir quelque chose de plus parlant et de voir plus facilement l'évolution des inscriptions. De plus cet outil est sûrement amené à évoluer et d'ailleurs l'auteur fait appel à vos commentaires pour des éventuelles améliorations.</p> <ul><li><a href="http://www.blogperfume.com/feed-analysis/">L'adresse pour générer vos graphiques</a></li> </ul> <p><strong>Edit</strong> : Mise à jour de l'outil, il n'est plus nécessaire d'importer le csv pour générer les graphiques, il suffit d'insérer l'adresse de son flux rss feedburner. D'après l'auteur, gros succès de l'outil, ma <a href="/index.php?post/2007/11/20/Ressources-pour-WordPress-themes-plugins#notesPerfume">prédiction</a> se réalise !? :p ...</p> <div class="footnotes"><h4>Notes</h4> <p><a name="feed1" id="feed1">[<strong>1</strong>]</a> Fonction disponible dans l'administration de Feedburner.</p> </div>]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 0pt auto; display: block;" title="Stats Feedburner" src="http://blog.bouctoubou.com/wp-public/2007/decembre/feed-analysis1.jpg" alt="Stats Feedburner" width="455" height="239" /></p>
<p>Je vous parlais dans un <a href="/index.php?post/2007/11/20/Ressources-pour-WordPress-themes-plugins">précédent billet</a> du blog <a href="http://www.blogperfume.com">blogperfume</a>. Celui-ci a sorti un <a href="http://www.blogperfume.com/feed-analysis/">outil d&#8217;analyse</a> pour les flux RSS <a href="http://www.feedburner.com">Feedburner</a>. Il permet après un export au format csv<sup>[<a href="#feed1">1</a>]</sup> de générer des graphiques du nombres d&#8217;abonnés par mois, du nombres de hits, views et clicks.</p>
<p>Pas indispensable, mais ça permet d&#8217;avoir quelque chose de plus parlant et de voir plus facilement l&#8217;évolution des inscriptions. De plus cet outil est sûrement amené à évoluer et d&#8217;ailleurs l&#8217;auteur fait appel à vos commentaires pour des éventuelles améliorations.</p>
<ul>
<li><a href="http://www.blogperfume.com/feed-analysis/">L&#8217;adresse pour générer vos graphiques</a></li>
</ul>
<p><strong>Edit</strong> : Mise à jour de l&#8217;outil, il n&#8217;est plus nécessaire d&#8217;importer le csv pour générer les graphiques, il suffit d&#8217;insérer l&#8217;adresse de son flux rss feedburner. D&#8217;après l&#8217;auteur, gros succès de l&#8217;outil, ma <a href="/index.php?post/2007/11/20/Ressources-pour-WordPress-themes-plugins#notesPerfume">prédiction</a> se réalise !? :p &#8230;</p>
<div class="footnotes">
<h4>Notes</h4>
<p><a id="feed1" title="feed1" name="feed1"></a>[<strong>1</strong>] Fonction disponible dans l&#8217;administration de Feedburner.</div>
<p><span id="more-84"></span></p>
<p><img style="margin: 0pt auto; display: block" src="http://blog.bouctoubou.com/wp-public/2007/decembre/feed-analysis2.jpg" alt="Feed Analyse 2" /></p>
<p><img style="margin: 0pt auto; display: block" src="http://blog.bouctoubou.com/wp-public/2007/decembre/feed-analysis3.jpg" alt="Feed Analyse 3" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/graphiques-pour-vos-statistiques-feedburner/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gestionnaire de tâches et de projets incroyabe</title>
		<link>http://blog.bouctoubou.com/gestionnaire-de-taches-et-de-projets-incroyabe/</link>
		<comments>http://blog.bouctoubou.com/gestionnaire-de-taches-et-de-projets-incroyabe/#comments</comments>
		<pubDate>Tue, 20 Nov 2007 20:41:00 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Développement]]></category>
		<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[5pm]]></category>
		<category><![CDATA[ajax]]></category>
		<category><![CDATA[gestionnaires]]></category>
		<category><![CDATA[projets]]></category>
		<category><![CDATA[tâches]]></category>

		<guid isPermaLink="false">http://wordpress.bouctoubou.com/?p=78</guid>
		<description><![CDATA[Dans ce billet j&#8217;avais déjà parlé d&#8217;un gestionnaire de projets et de tâches minimaliste[1], Todoist que j&#8217;utilise d&#8217;ailleurs toujours au quotidien. En voici un autre ouvert depuis le 15 novembre, bien plus avancé. 5pm, qui est le nom de l&#8217;application, est visuellement irréprochable, que ça soit au niveau des couleurs, des icônes ou de l&#8217;ergonomie [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 0pt auto; display: block;" title="5pm" src="http://blog.bouctoubou.com/wp-public/2007/novembre/5pm.jpg" alt="5pm" width="455" height="84" /></p>
<p>Dans ce <a href="/index.php?post/2007/07/02/Gestionnaire-de-taches-pour-vos-projets-%281/2%29">billet</a> j&#8217;avais déjà parlé d&#8217;un gestionnaire de projets et de tâches minimaliste<sup>[<a href="#notes5pm1">1</a>]</sup>, <a href="http://todoist.com">Todoist</a> que j&#8217;utilise d&#8217;ailleurs toujours au quotidien. En voici un autre ouvert depuis le 15 novembre, bien plus avancé. <a href="http://www.5pmweb.com">5pm</a>, qui est le nom de l&#8217;application, est visuellement irréprochable, que ça soit au niveau des couleurs, des icônes ou de l&#8217;ergonomie générale. C&#8217;est pour moi ce qui frappe le plus au premier coup d&#8217;œil, rien n&#8217;a été laissé au hasard.</p>
<p>On y trouve les classiques fonctionnalités d&#8217;ajouts de projets et de tâches, la gestion du temps, l&#8217;ajout de fichiers (un logo, un document word, etc.), le tout présenté et modifiable de façon très intuitive! Un planning est aussi présent, là aussi exemplaire de clarté.</p>
<p style="text-align: center"><a title="5pm, vue des projets" rel="lightbox[5pm]" href="http://blog.bouctoubou.com/wp-public/2007/novembre/5pm01.jpg"><img style="margin: 0pt auto" src="http://blog.bouctoubou.com/wp-public/2007/novembre/.5pm01_s.jpg" alt="5pm, vue des projets" /></a> <a title="5pm, vue du planning" rel="lightbox[5pm]" href="http://blog.bouctoubou.com/wp-public/2007/novembre/5pm02.jpg"><img style="margin: 0pt auto" src="http://blog.bouctoubou.com/wp-public/2007/novembre/.5pm02_s.jpg" alt="5pm, vue du planning" /></a></p>
<p>Aucune idée sur la méthode du développement<sup>[<a href="#notes5pm2">2</a>]</sup> à part que c&#8217;est bourré d&#8217;<a href="http://fr.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML">ajax</a>&#8230; Seul petit bémol (et encore) à ce tableau idyllique. Cette application en ligne est payante. A partir de 14$/mois pour 5 utilisateurs, la gestion de 10 projets et 150mo. Au vu de la qualité de leur produit et du temps de développement qu&#8217;il a du falloir pour arriver à ce résultat, ça peut aisément se comprendre non !?</p>
<p>Il aurait fallu un peu plus détailler cette application tellement elle le mérite, mais j&#8217;en doute pas que certains le feront bientôt à ma place. En attendant, allez voir la <a href="http://beta.5pmweb.com/">démonstration</a>, ça vaut le coup d&#8217;œil!</p>
<ul>
<li><a href="http://beta.5pmweb.com">La démonstration en ligne</a></li>
<li><a href="http://www.5pmweb.com/overview.php">La vidéo de présentation</a></li>
</ul>
<div class="footnotes">
<h4>Notes</h4>
<p><a id="notes5pm1" title="notes5pm1" name="notes5pm1"></a>[<strong>1</strong>] Petite précision minimaliste ici n&#8217;est pas dit de façon péjorative ou réducteur, malgré son aspect épuré <a href="http://todoist.com">Todoist</a> est bien plus puissant qu&#8217;il en parait et je le conseil vivement à ceux qui cherchent un gestionnaire de tâches gratuit et simple.</p>
<p><a id="notes5pm2" title="notes5pm2" name="notes5pm2"></a>[<strong>2</strong>] Finalement si, c&#8217;est du Flex / Ajax.</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/gestionnaire-de-taches-et-de-projets-incroyabe/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>3 moteurs de recherches pour icônes</title>
		<link>http://blog.bouctoubou.com/3-moteurs-de-recherches-pour-icones/</link>
		<comments>http://blog.bouctoubou.com/3-moteurs-de-recherches-pour-icones/#comments</comments>
		<pubDate>Sun, 11 Nov 2007 20:00:00 +0000</pubDate>
		<dc:creator>Bouctoubou</dc:creator>
				<category><![CDATA[Outils Web]]></category>
		<category><![CDATA[Ressources]]></category>
		<category><![CDATA[icones]]></category>
		<category><![CDATA[iconlet]]></category>
		<category><![CDATA[moteur de recherche]]></category>
		<category><![CDATA[png]]></category>

		<guid isPermaLink="false">http://wordpress.bouctoubou.com/?p=70</guid>
		<description><![CDATA[Voici 3 moteurs de recherches d&#8217;icônes pour vos documents, visuels ou site internet. Les trois disposent en gros des mêmes fonctionnalités comme par exemple la recherche par taille, mais n&#8217;ont pas forcément le même résultat. Pour moi ils sont complémentaires avec une petite préférence pour iconlet. iconlet.com icones.wikistuce.info iconfinder.net Si vous avez d&#8217;autres adresses du [...]]]></description>
			<content:encoded><![CDATA[<p><img style="margin: 0pt auto; display: block;" title="Iconfinder" src="http://blog.bouctoubou.com/wp-public/2007/novembre/iconfinder.jpg" alt="Iconfinder" width="455" height="63" /></p>
<p>Voici 3 moteurs de recherches d&#8217;icônes pour vos documents, visuels ou site internet. Les trois disposent en gros des mêmes fonctionnalités comme par exemple la recherche par taille, mais n&#8217;ont pas forcément le même résultat. Pour moi ils sont complémentaires avec une petite préférence pour <a href="http://www.iconlet.com">iconlet</a>.</p>
<ul>
<li><a href="http://www.iconlet.com">iconlet.com</a></li>
<li><a href="http://icones.wikistuce.info">icones.wikistuce.info</a></li>
<li><a href="http://www.iconfinder.net">iconfinder.net</a></li>
</ul>
<p>Si vous avez d&#8217;autres adresses du même genre, n&#8217;hésitez pas à me laisser un petit commentaire.  <strong>Edit</strong> : Un petit dernier, <a href="http://www.searchicon.net">searchicon.net</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.bouctoubou.com/3-moteurs-de-recherches-pour-icones/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
