<?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>css 4 design &#187; Blog</title>
	<atom:link href="http://css4design.com/tag/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://css4design.com</link>
	<description>Le blog de l&#039;intégrateur web</description>
	<lastBuildDate>Sun, 05 Feb 2012 18:10:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
	<atom:link rel='hub' href='http://css4design.com/?pushpress=hub'/>
		<item>
		<title>Journalistes vs Blogueurs (Gladiators inside)</title>
		<link>http://css4design.com/journalistes-vs-blogueurs-gladiators-inside</link>
		<comments>http://css4design.com/journalistes-vs-blogueurs-gladiators-inside#comments</comments>
		<pubDate>Sun, 15 Jan 2012 19:03:57 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[Journalisme]]></category>
		<category><![CDATA[Média]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=293</guid>
		<description><![CDATA[La France est un beau pays où le corporatisme parvient à se glisser un peu partout. Il ne se passe pas une semaine sans que les blogueurs soient remis plus ou moins gentiment &#171;&#160;à leur place&#160;&#187; par des journalistes qui sentent bien que leurs prérogatives sont menacées : la réécriture du code du travail amorcée depuis longtemps n&#8217;a fait l&#8217;objet d&#8217;une couverture médiatique qu&#8217;à partir du moment où les journalistes se sont aperçus qu&#8217;ils étaient des travailleurs comme les autres&#8230; Journaliste, un métier à reconfigurer Pour accompagner ce billet, je vous propose d&#8217;ouvrir un onglet à côté et d&#8217;écouter Gladiator, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fjournalistes-vs-blogueurs-gladiators-inside">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fjournalistes-vs-blogueurs-gladiators-inside&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>La France est un beau pays où le corporatisme parvient à se glisser un peu partout. Il ne se passe pas une semaine sans que les blogueurs soient remis plus ou moins gentiment &laquo;&nbsp;à leur place&nbsp;&raquo; par des journalistes qui sentent bien que leurs prérogatives sont menacées : la <a href="http://www.leblogfinance.com/2007/09/le-snat-ratifie.html">réécriture du code du travail</a> amorcée depuis longtemps n&#8217;a fait l&#8217;objet d&#8217;une couverture médiatique qu&#8217;à partir du moment où les journalistes se sont aperçus qu&#8217;ils étaient des travailleurs comme les autres&#8230;<span id="more-293"></span></p>

<h3>Journaliste, un métier à reconfigurer</h3>

<p>Pour accompagner ce billet, je vous propose d&#8217;ouvrir un onglet à côté et d&#8217;écouter <a href="http://www.deezer.com/music/lord-kossity/everlord-edition-deluxe-350167">Gladiator</a>, le duo entre Lord Kossity et Jacky pour pimenter le débat.</p>

<blockquote><em>(Lord Kossity)</em>
Lord Kossity dans l&#8217;arène j&#8217;suis un warrior
J&#8217;vais t&#8217;kill j&#8217;suis un barbare dans la guerilla.</blockquote>

<p>Pour commencer, <em>Lord Kossity</em> attaque fort en allant voir ce qui se passe dans la tête d&#8217;une femme au foyer avec un billet intitulé <a href="http://papot-smala.over-blog.com/article-13280829.html">Journaliste, un métier à reconfigurer</a>. L&#8217;analyse est aussi claire qu&#8217;efficace : le différent entre blogueurs et journalistes tient en peu de mots : obsolescence des seconds face aux <em>nouvelles technologies</em>, sans compter que rien que cette expression ressemble déjà, pour la plupart d&#8217;entre nous, à une photo sépia&#8230;</p>

<p>En prime, Mimi nous propose une <a href="http://www.dailymotion.com/video/x390iq_francis-pisani-au-cfj">vidéo de l&#8217;intervention du journaliste Francis Pisani</a> au CFJ (Centre de Formation des Journalistes) qui <q>sonne comme le plaidoyer d&#8217;un homme d&#8217;une génération née bien avant l&#8217;invention du microprocesseur [...] pour un journalisme moderne résolument multimédia, face un parterre de jeunes aspirants journalistes qui semblent découvrir pour la plupart les flux RSS, les wikis, les digg, les del.icio.us etc.</q></p>

<iframe src="http://www.dailymotion.com/embed/video/x390iq" frameborder="0" width="633" height="475"></iframe>

<p><a href="http://www.dailymotion.com/video/x390iq_francis-pisani-au-cfj_news" target="_blank">FRANCIS PISANI AU CFJ</a> <em>par <a href="http://www.dailymotion.com/lucos" target="_blank">lucos</a></em></p>

<h3>Professionnels vs amateurs</h3>

<blockquote><em>(Jacky)</em>
A ce qui paraît j&#8217;suis là pour un clash, une mise à l&#8217;amende.
Dès la deuxième mesure j&#8217;te l&#8217;dis tu tiendras pas un round.</blockquote>

<p><em>Jacky</em> continue donc avec <a href="http://blog.profession-web.ch/index.php/373-le-debat-pro-amateur-qui-gagnera">le billet de sandrine Szabo du blog profession-web</a> qui arrive à l&#8217;instant dans mon lecteur de mail (le hasard fait bien les choses) et qui s&#8217;interpose dans le débat entre les professionnels (les journalistes) et les amateurs (les blogueurs). Il semblerait quand même que les blogueurs &laquo;&nbsp;amateurs&nbsp;&raquo; n&#8217;aient rien à envier à leurs hétérologues journalistes professionnels en terme de capacité d&#8217;analyse et de réactivité sur l&#8217;information et de dialogue avec les lecteurs ! Un comble, non ?</p>

<h3>Journalisme vs blogging</h3>

<p>Il faut remonter dans le temps pour trouver un texte qui, sans mettre tout le monde d&#8217;accord, permet d&#8217;aborder la question du <a href="http://www.nanoblog.com/past/2006/05/blogueurs_vs_journalistes_again.htm">journalisme vs blogging</a>, sous un autre angle.</p>

<p>Cyril Fievet commente une décision de justice rendue en <a title="La page a été déplacé. Je recherche la publication d'origine. " href="http://www.courtinfo.ca.gov/opinions/documents/H028579.PDF">Californie</a> en 2006 selon laquelle &laquo;&nbsp;toute publication régulière d&#8217;informations en ligne assimile son auteur à un journaliste, protégé &#8212; en Californie au moins &#8212; comme un journaliste professionnel&nbsp;&raquo;. De sorte que la pratique du journalisme ne résulte pas d&#8217;une logique sociologique ou économique et que &laquo;&nbsp;Les blogueurs qui pratiquent le journalisme sont des journalistes. Point final.&nbsp;&raquo;</p>

<h3>5 siècles pour apprendre son métier&#8230;</h3>

<p>C&#8217;est vrai qu&#8217;après 500 ans de diffusion d&#8217;informations <em>up to bottom</em> on comprend (ou pas) que les jeunes générations de journalistes peinent à se former par leurs propres moyens&#8230; Mais qui va donc informer les informateurs, hein ?</p>

<p>Bref, de toutes manières, si le débat a encore de l&#8217;avenir sur le fond, sur la forme, c&#8217;est déjà la fin, vu que j&#8217;imagine mal un journaliste ne pas tenir <em>aussi</em> un blog pour faire son travail sérieusement. Ne serait-ce pour soumettre ses idées à des lecteurs avertis avant publication pour éviter les approximations ou erreurs d&#8217;interprétations dont les journalistes sont friands ^__^v</p>

<p>Nous en revenons donc au refrain de <em>Gladiator</em> qui, je l&#8217;espère, vous aura accompagné tout au long de ce billet ;-)</p>

<blockquote><em>(Jacky &amp; Lord Kossity)</em>
Choisis un adversaire de ta portée !
Les gladiateurs sont dans l&#8217;arène et le combat est lancé.
Qui de toi ou moi va l&#8217;emporter ?
Jusqu&#8217;à la mort ça va saigner, un seul devra rester.</blockquote>

<h3>A méditer</h3>

<p><q>La France compte l’une des « blogosphère » les plus dense et, au pays des lumières et de la révolution, l’heure est semble-t-il arrivée de tenter d’éditorialiser ce foisonnement, par nous même, d’analyser et de mettre en avant le meilleur des contributions « journalistiques » et spontanées.</q> (<a href="http://www.six35.fr/">six35.fr</a>).</p>

<p>Note : Cet article date de 2008 mais il m&#8217;a semblé intéressant de le publier malgré tout, histoire de faire mentir celles et ceux qui prétendent que le web est une fuite en avant qui ne regarde jamais en arrière pour prendre le temps de la réflexion ^^</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/vis-ma-vie-d-integrateur-html' title='Vis ma vie d&#039;intégrateur HTML'>Vis ma vie d&#039;intégrateur HTML</a></li><li><a href='http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css4design.com/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%c2%abpeople%c2%bb-le-%c2%abweb-beuh-zero%c2%bb-avec-parfois-beaucoup-de-recul' title='Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul'>Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul</a></li><li><a href='http://css4design.com/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li><li><a href='http://css4design.com/les-editions-theles-a-livre-ouvert' title='Les Editions Thélès à livre ouvert'>Les Editions Thélès à livre ouvert</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=293&amp;md5=5f6cb3c1b713a90d6c0a5129fddac79c" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/journalistes-vs-blogueurs-gladiators-inside/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=293&amp;md5=5f6cb3c1b713a90d6c0a5129fddac79c" type="text/html" />
	</item>
		<item>
		<title>Schema.org &#8212; Microdata pour Google, Bing et Yahoo!</title>
		<link>http://css4design.com/schema-org-microdata-google-bing-yahoo</link>
		<comments>http://css4design.com/schema-org-microdata-google-bing-yahoo#comments</comments>
		<pubDate>Fri, 03 Jun 2011 21:09:17 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Google & Référencement]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Article]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Book]]></category>
		<category><![CDATA[CreativeWork]]></category>
		<category><![CDATA[Event]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Intangible]]></category>
		<category><![CDATA[ItemList]]></category>
		<category><![CDATA[Map]]></category>
		<category><![CDATA[MediaObject]]></category>
		<category><![CDATA[Microdata]]></category>
		<category><![CDATA[Microformats]]></category>
		<category><![CDATA[Movie]]></category>
		<category><![CDATA[MusicPlaylist]]></category>
		<category><![CDATA[MusicRecording]]></category>
		<category><![CDATA[Organization]]></category>
		<category><![CDATA[Painting]]></category>
		<category><![CDATA[Person]]></category>
		<category><![CDATA[Photograph]]></category>
		<category><![CDATA[Place]]></category>
		<category><![CDATA[Placement]]></category>
		<category><![CDATA[RDFa]]></category>
		<category><![CDATA[Recipe]]></category>
		<category><![CDATA[Review]]></category>
		<category><![CDATA[Rich Snippets]]></category>
		<category><![CDATA[Schema]]></category>
		<category><![CDATA[Sculpture]]></category>
		<category><![CDATA[SiteNavigationElement]]></category>
		<category><![CDATA[Table]]></category>
		<category><![CDATA[TVEpisode]]></category>
		<category><![CDATA[TVSeason]]></category>
		<category><![CDATA[TVSerie]]></category>
		<category><![CDATA[WebPage]]></category>
		<category><![CDATA[WebPageElement]]></category>
		<category><![CDATA[WPAdBlock]]></category>
		<category><![CDATA[WPFooter]]></category>
		<category><![CDATA[WPHeader]]></category>
		<category><![CDATA[WPSideBar]]></category>
		<category><![CDATA[Yahoo]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=10478</guid>
		<description><![CDATA[Schema.org propose un ensemble de micro-données hiérarchisé destiné à donner du sens au marquage HTML qui structure les pages web. Ce système complet de microdatas est comparable à RDFa, à ceci près qu&#8217;il est proposé conjointement par Google, Bing et Yahoo! pour enrichir les résultats de leurs moteurs de recherche respectifs. Pour vous faire une idée de la richesse de ce vocabulaire commun, il suffit de jeter un oeil sur l&#8217;ensemble de la hiérarchie disponible sur la page The Type Hierarchy. On le voit, ce vocabulaire a l&#8217;ambition de taguer l&#8217;ensemble de la production culturelle humaine, et plus à venir. [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fschema-org-microdata-google-bing-yahoo">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fschema-org-microdata-google-bing-yahoo&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p><a href="http://schema.org">Schema.org</a> propose un ensemble de micro-données hiérarchisé destiné à donner du sens au marquage HTML qui structure les pages web. Ce système complet de microdatas est comparable à <a href="http://www.w3.org/TR/rdfa-syntax/">RDFa</a>, à ceci près qu&#8217;il est proposé conjointement par Google, Bing et Yahoo! pour enrichir les résultats de leurs moteurs de recherche respectifs.<span id="more-10478"></span></p>

<p>Pour vous faire une idée de la richesse de ce vocabulaire commun, il suffit de jeter un oeil sur l&#8217;ensemble de la hiérarchie disponible sur la page <a href="http://schema.org/docs/full.html">The Type Hierarchy</a>. On le voit, ce vocabulaire a l&#8217;ambition de taguer l&#8217;ensemble de la production culturelle humaine, et plus à venir.</p>

<h2>Thing</h2>

<p>Au sommet de cette hiérarchie de micro-données, on trouve la «chose».<em>Thing</em> est décomposée en:</p>

<ul>
    <li>CreativeWork,</li>
    <li>Event,</li>
    <li>Intangible,</li>
    <li>Organization,</li>
    <li>Person,</li>
    <li>Place,</li>
    <li>Product.</li>
</ul>

<h2>CreativeWork</h2>

<p>Chaque élément est lui-même structuré en sous-ensemble. Pour <em>CreativeWork</em>, nous avons par exemple :</p>

<ul>
    <li>Article,</li>
    <li>Blog,</li>
    <li>Book,</li>
    <li>ItemList,</li>
    <li>Map,</li>
    <li>MediaObject,</li>
    <li>Movie,</li>
    <li>MusicPlaylist,</li>
    <li>MusicRecording,</li>
    <li>Painting,</li>
    <li>Photograph,</li>
    <li>Recipe,</li>
    <li>Review,</li>
    <li>Sculpture,</li>
    <li>TVEpisode,</li>
    <li>TVSeason,</li>
    <li>TVSerie,</li>
    <li>WebPage,</li>
    <li>WebPageElement.</li>
</ul>

<h2>WebPageElement</h2>

<p>Parmi les éléments qui permettent d&#8217;ajouter du sens aux balises HTML pour préciser leur portée. Par exemple, <em>WebPageElement</em> se subdivise en :</p>

<ul>
    <li>SiteNavigationElement,</li>
    <li>Table,</li>
    <li>WPAdBlock,</li>
    <li>WPFooter,</li>
    <li>WPHeader,</li>
    <li>WPSideBar.</li>
</ul>

<h2>Exemple d&#8217;utilisation du schema « Movie »</h2>

<p>J&#8217;ai repris un exemple de la <a href="http://schema.org/docs/gs.html">documentation</a> de schema.org en prenant la liberté de modifier le balisage HTML initialement proposé pour ajouter un peu plus de sémantique via une liste de définition. Un peu dans l&#8217;esprit de ce que j&#8217;avais fait pour le <a href="http://css4design.com/proposition-de-balisage-html-semantique-du-microformat-hcard">microformat hCard</a>, souvent expliqué avec des exemples de marquage HTML un peu «léger».
<pre>&lt;dl&gt;
    &lt;dt&gt;Avatar&lt;/dt&gt;
     &lt;dd&gt;Director: James Cameron (born August 16, 1954)&lt;/dd&gt;
     &lt;dd&gt;Science fiction&lt;/dd&gt;
     &lt;dd&gt;&lt;a href="../movies/avatar-theatrical-trailer.html"&gt;Trailer&lt;/a&gt;&lt;/dd&gt;
&lt;/dl&gt;</pre>
<em>Fig. 1 : exemple de fiche pour le film Avatar sans les microdatas.</em>
<pre>&lt;dl itemscope itemtype ="http://schema.org/Movie"&gt;
    &lt;dt itemprop="name"&gt;Avatar&lt;/dt&gt;
    &lt;dd&gt;Director: &lt;span itemprop="director"&gt;James Cameron&lt;/span&gt; (born August 16, 1954)&lt;/dd&gt;
    &lt;dd itemprop="genre"&gt;Science fiction&lt;/dd&gt;
    &lt;dd&gt;&lt;a href="../movies/avatar-theatrical-trailer.html" itemprop="trailer"&gt;Trailer&lt;/a&gt;&lt;/dd&gt;
&lt;/dl&gt;</pre>
<em>Fig. 2 : même marquage qu&#8217;au-dessus avec les microdata issues de «Movie».</em></p>

<h2>RDFa c&#8217;est fini ?</h2>

<p><a href="http://insidesearch.blogspot.com/2011/06/introducing-schemaorg-search-engines.html">D&#8217;après Google</a>, les site utilisant RDFa continueront à être valorisés en tant que <em>Rich Snippets</em> mais il ne dit pas pendant combien de temps&#8230;</p>

<h2>Enfin une solution stable et pérenne pour enrichir nos données ?</h2>

<p>Je suis un farouche supporter des <a href="http://css4design.com/tag/microformats">microformats</a>, mais j&#8217;ai toujours gardé également à l&#8217;esprit qu&#8217;il ne s&#8217;agissait globalement que d&#8217;un exercice de style. Je n&#8217;ai jamais pu observer un quelconque impact dans le fait de mettre des classes microformatées dans mes balises. Avec les schémas proposés par Google Bing et Yahoo! nous aurons peut-être plus de chances de voir nos efforts enfin récompensés. A tester et à voir.</p>

<p>→ Consulter <a href="http://www.w3.org/TR/microdata/">HTML Microdata</a> du W3C</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css4design.com/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li><li><a href='http://css4design.com/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas' title='Optimiser son blog pour le référencement est inutile dans 80% des cas'>Optimiser son blog pour le référencement est inutile dans 80% des cas</a></li><li><a href='http://css4design.com/goopilation-les-blogs-officiels-de-google-traduits-en-francais' title='Goopilation &#8212; Les blogs officiels de Google traduits en français'>Goopilation &#8212; Les blogs officiels de Google traduits en français</a></li><li><a href='http://css4design.com/quelques-lignes-de-php-pour-proteger-la-serp-diversite' title='Quelques lignes de PHP pour protéger la SERP-diversité'>Quelques lignes de PHP pour protéger la SERP-diversité</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=10478&amp;md5=1ab658826a410071e910ed18e92c853c" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/schema-org-microdata-google-bing-yahoo/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=10478&amp;md5=1ab658826a410071e910ed18e92c853c" type="text/html" />
	</item>
		<item>
		<title>Le prêt-à-bloguer bride-t-il la créativité ?</title>
		<link>http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite</link>
		<comments>http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite#comments</comments>
		<pubDate>Fri, 08 Oct 2010 18:54:47 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Design & Graphisme]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogosphère]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Minimaliste]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=7125</guid>
		<description><![CDATA[Comme toutes les disciplines graphiques, la conception de modèle de site internet (Webdesign) est traversée par les modes et les tendances. Parmi elles, le design minimaliste (style épuré, typographie fine, utilisation parcimonieuse des visuels, grille de mise en page tirée au cordeau) est sans doute le plus répandu. C&#8217;est certainement celui qui est amené à perdurer en raison de son faible potentiel de lassitude. Toutefois, il ne faut pas confondre ce style épuré avec le style «sans style». Sorte de design pauvre mis au service d&#8217;un contenu pré-mâché où le contenant n&#8217;a d&#8217;intérêt que s&#8217;il permet à Google d&#8217;avaler les [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fle-pret-a-bloguer-bride-t-il-la-creativite">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fle-pret-a-bloguer-bride-t-il-la-creativite&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Comme toutes les disciplines graphiques, la conception de modèle de site internet (<em>Webdesign</em>) est traversée par les modes et les tendances. Parmi elles, le design minimaliste (style épuré, typographie fine, utilisation parcimonieuse des visuels, grille de mise en page tirée au cordeau) est sans doute le plus répandu. C&#8217;est certainement celui qui est amené à perdurer en raison de son faible potentiel de lassitude. Toutefois, il ne faut pas confondre ce style épuré avec le style «sans style». Sorte de design pauvre mis au service d&#8217;un contenu pré-mâché où le contenant n&#8217;a d&#8217;intérêt que s&#8217;il permet à Google d&#8217;avaler les contenus sans avoir le hoquet.<span id="more-7125"></span></p>

<p><img class="alignnone size-full wp-image-7228" title="wordle-blog-creativite" src="http://css4design.com/wp-content/uploads/2010/10/wordle-blog-creativite.png" alt="" width="633" height="270" /></p>

<p>Force est de constater que le fait d&#8217;avoir mis l&#8217;installation des blogs à la portée de tous, allié à la propension des individus au moindre effort ainsi qu&#8217;à leur tendance à la reproduction des comportements, abouti à une double uniformisation des contenus et des contenants.</p>

<h2>Des contenus dupliqués à l&#8217;extrême</h2>

<p>Si on enlevait les blogs des spécialistes SEO autoproclamés, des <em>Community Manager</em> en devenir ou des chantres des réseaux sociaux et du High-Tech s&#8217;extasiant sur le moindre déplacement d&#8217;un bouton de connexion, la circulation sur les autoroutes de l&#8217;information serait plus fluide. Savez-vous qu&#8217;un seul blog peut en remplacer un bon millier ? <a href="http://www.goopilation.com">Goopilation</a>, par exemple, propose la traduction des actualités publiées sur les blogs de Google. On retrouve plus ou moins la même chose pour Twitter avec la version française du <a href="http://blog.fr.twitter.com/">blog de Twitter</a>.</p>

<p>Il suffirait de traduire ainsi une grosse dizaine de blogs anglo-saxons issus du web 2.0 pour mettre au chômage 90% des blogs francophones soi-disant High-Tech. Les 10% restants sont les blogueurs qui apportent une valeur ajoutée grâce à leur vision sur le long terme et leur compréhension des enjeux socio-économiques sous-jacents.</p>

<h3>Ergonomie ou marketing ?</h3>

<blockquote>Beaucoup pensent que l’ergonomie est aux blogs ce que l’aérodynamisme est à l’automobile : un moyen permettant d’aller plus vite en essayant de ne pas gaspiller trop de ressources. Cela semble séduisant, mais à l’époque des débuts de l’aventure automobile, la forme des véhicules n’avait que l’imagination des créateurs comme limite… Les blogs vont-ils tous se ressembler pour offrir le moins de résistance au clic sponsorisé et s’adapter au plus petit dénominateur commun ?</blockquote>

<p>Voilà en substance ce que j&#8217;écrivais en mars 2007 dans <a href="http://css4design.com/ergonomie-des-blogs-utilisabilite-ou-marketing">Ergonomie des blogs : utilisabilité ou marketing ?</a> Je pensais à l&#8217;époque que la <a href="http://br1o.fr/je-monetise-vous-monetisez-pauvre-monet/">monétisation des blogs</a> allait tuer la blogosphère mais il semble que la course au SEO et aux classements s&#8217;en soit chargés avant&#8230;</p>

<h2>L&#8217;absence de design, ce n&#8217;est pas du minimalisme</h2>

<p>Dis, c&#8217;est quoi le design ? En anglais, une des acceptions du terme «design» est «dessein», comme dans <a href="http://www.thegreatdesign.com/">The Great Design</a>. Je n&#8217;irais pas jusqu&#8217;à dire que si l&#8217;on enlève une lettre à «dessein» on obtient «dessin», mais presque !</p>

<p>Le minimaliste c&#8217;est du design où les fioritures graphiques auraient laissé la place à du blanc distribué avec générosité et à bon escient. Mais attention : tous les sites web ne gagnent pas à être ultra minimalistes ! Une fois qu&#8217;il n&#8217;y a plus rien à retrancher dans le design d&#8217;un site internet, il peut être judicieux d&#8217;ajouter des éléments graphiques pour flatter l&#8217;oeil et valoriser le contenu.</p>

<h2>Trouver son chemin</h2>

<p>Sur la durée, l&#8217;intérêt d&#8217;un blog réside en grande partie sur l&#8217;originalité du contenu (style, angle de vue, diversité des sujets abordés par l&#8217;auteur) que le contenant devrait refléter. Le design est une vitrine pour les contenus. Pour que les lecteurs s&#8217;arrêtent, il est important de personnaliser son blog quand bien même on n&#8217;aurait pas de véritable patte graphique. L&#8217;important est que le ramage se rapporte au plumage.</p>

<p>Ecrit à quatre mains avec <strong>Jiann Venturini</strong><strong> </strong>&#8211;<strong> </strong>@_jiann sur Twitter &#8211; étudiant en Master <em>Webdesign</em> à <em>Sup de Pub</em> Paris.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/le-design-serait-inutile-dans-80-des-cas' title='Le Design serait inutile dans 80% des cas'>Le Design serait inutile dans 80% des cas</a></li><li><a href='http://css4design.com/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li><li><a href='http://css4design.com/optimiser-son-blog-pour-le-referencement-est-inutile-dans-80-pourcent-des-cas' title='Optimiser son blog pour le référencement est inutile dans 80% des cas'>Optimiser son blog pour le référencement est inutile dans 80% des cas</a></li><li><a href='http://css4design.com/j-ai-reference-mon-site-sur-plus-de-400-moteurs-de-recherche-et-annuaires-j-ai-bon' title='J&#8217;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#8217;ai bon ?'>J&#8217;ai référencé mon site sur plus de 400 moteurs de recherche et annuaires de liens, j&#8217;ai bon ?</a></li><li><a href='http://css4design.com/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=7125&amp;md5=20c7167411795234fb83f9cb8c287ee1" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite/feed</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=7125&amp;md5=20c7167411795234fb83f9cb8c287ee1" type="text/html" />
	</item>
		<item>
		<title>Ressources pour concepteur de modèle pour Internet</title>
		<link>http://css4design.com/ressources-concepteur-modele-internet</link>
		<comments>http://css4design.com/ressources-concepteur-modele-internet#comments</comments>
		<pubDate>Wed, 29 Sep 2010 12:17:56 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Intégration web]]></category>
		<category><![CDATA[Le petit journal du web]]></category>
		<category><![CDATA[Métiers du web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Coins arrondis]]></category>
		<category><![CDATA[Concepteur de modèle]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Ergonomie]]></category>
		<category><![CDATA[Reset CSS]]></category>
		<category><![CDATA[Sécurité]]></category>
		<category><![CDATA[Webdesigner]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[XSS]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=7029</guid>
		<description><![CDATA[«Ressources pour webdesigner» aurait été plus concis, mais c&#8217;était sans compter la bonne ou la mauvaise idée de l&#8217;Insee qui souhaite supprimer les termes design et designers de la NAF 74.10 comme nous l&#8217;apprend l&#8217;Alliance Française des Designers. Tiens, AFD ça fait aussi All For Design&#8230; Hasard ? Je ne crois pas ^__^ Pendant que nous sommes dans les métiers du webdesign, profitons-en pour balader notre souris chez Pixenjoy ! Nous pourrons ensuite étancher notre soif de connaissance sur l&#8217;excellent portail des métiers de l&#8217;Internet. Pour approfondir les aspects liés à l&#8217;ergonomie et au design d&#8217;interfaces, la lecture du blog de Laurent Demontiers [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fressources-concepteur-modele-internet">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fressources-concepteur-modele-internet&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>«Ressources pour webdesigner» aurait été plus concis, mais c&#8217;était sans compter la bonne ou la mauvaise idée de l&#8217;Insee qui souhaite supprimer les termes <em>design</em> et <em>designers</em> de la NAF 74.10 comme nous l&#8217;apprend l&#8217;<a href="http://www.alliance-francaise-des-designers.org/blog/2010/09/26/designers-designeuses.html">Alliance Française des Designers</a>. Tiens, AFD ça fait aussi <a href="http://all-for-design.com/">All For Design</a>&#8230; Hasard ? Je ne crois pas ^__^ Pendant que nous sommes dans les métiers du webdesign, profitons-en pour balader notre souris chez <a href="http://www.pixenjoy.com/blog-webdesign">Pixenjoy</a> ! Nous pourrons ensuite étancher notre soif de connaissance sur l&#8217;excellent <a href="http://www.metiers.internet.gouv.fr/">portail des métiers de l&#8217;Internet</a>. Pour approfondir les aspects liés à l&#8217;ergonomie et au design d&#8217;interfaces, la lecture du <a href="http://demontiers.com/blog/">blog de Laurent Demontiers</a> nous apprendra beaucoup.<span id="more-7029"></span></p>

<p><img class="alignnone size-full wp-image-7058" title="wordle-integrateur-web" src="http://css4design.com/wp-content/uploads/2010/09/wordle-integrateur-web.png" alt="" width="633" height="270" /></p>

<p>L&#8217;air de rien, l&#8217;introduction fourmille déjà de très bons liens pour en savoir davantage sur les métiers de la conception web au sens large. Dans la suite de ce billet, je vous présenterai brièvement les nouveaux blogs ou sites web qui ont attiré mon attention ces derniers temps, ainsi que des ressources plus anciennes qui en ont encore sous la botte.</p>

<h2>Les nouveaux blogs</h2>

<dl> <dt><a href="http://www.boiteaweb.fr/">Boite à Web</a></dt> <dd>Le blog de Julio spécialisé dans le CMS WordPress et la création sur le web se consacre plus particulièrement aux failles de sécurité des plugins destinés à WordPress. </dd> <dd>Lire <a href="http://www.boiteaweb.fr/blog/faille-xss-chez-fur-ly-attention-aux-faux-liens-1459.html">Faille XSS chez Fur.ly : attention aux faux liens !</a></dd> <dt><a href="http://www.devblog.fr/">DevBlog</a></dt> <dd>Blog dédié aux langages web. Scripts et ressources pour webmaster.</dd> <dd>Lire <a href="http://www.devblog.fr/2010/09/07/shortcode-wordpress-creation-de-shortcode-personnalises/">Shortcode WordPress : création de shortcode personnalisés</a></dd> <dt><a href="http://seebz.net">seebzNet</a></dt> <dd>Un blog sur le développement web avec PHP et Javascript avec des vrais morceaux de code à l&#8217;intérieur !</dd> <dd>Lire <a href="http://seebz.net/47-minifiez-vos-feuilles-de-styles-et-vos-fichiers-javascript.html">Minifiez vos feuilles de styles et vos fichiers javascript</a></dd> <dd>Visitez aussi <a href="http://code.seebz.net/">code.seebz.net</a> &#8212; Plus de 25 scripts autour de PHP et Javascript.</dd> <dt><a href="http://www.weedle.fr/">Weedle</a></dt> <dd>Ce nouveau blog créé par <a href="http://www.fredzone.org/">Fred</a> et <a href="http://monsieurlours.com/">David</a> est consacré au graphisme et au design. D&#8217;après <a href="http://moderateur.blog.regionsjob.com/index.php/post/Weedle,-le-blog-des-ressources-autour-du-design"> Modérateur</a> vous y trouverez <q cite="http://moderateur.blog.regionsjob.com/index.php/post/Weedle,-le-blog-des-ressources-autour-du-design">de nombreux tutoriels, des ressources gratuites, des sélections de thèmes WordPress ou encore des sources d&#8217;inspiration</q>.</dd> <dd>Lire <a href="http://www.weedle.fr/30-tutoriels-dessin-manga/">30 tutoriels pour apprendre à dessiner des personnages de mangas</a>.</dd> </dl>

<h2>Techniques pour l&#8217;intégrateur web</h2>

<ol>
    <li><a href="http://www.splashnology.com/blog/css/225.html">Méthode universelle pour décorer les blocs</a> (coins arrondis inside) &#8212; Agrémenter ses blocs HTML est souvent un casse-tête pour de nombreux intégrateurs. Entre la création de `div` surnuméraires qui nous éloigne d&#8217;une saine séparation de la forme et du fond et les fonctions Javascript non obstrusives déportant la couche présentationnelle dans des fichiers externes, il y a désormais une alternative.</li>
    <li><a href="http://articles.sitepoint.com/article/css3-border-images">CSS3 Border Images for Beautiful, Flexible Boxes</a> &#8212; L&#8217;essentiel pour comprendre le mode de calcul de découpe des images pour obtenir de belles bordures flexibles avec CSS3 avec une seule image sans marquage HTML superflu. Voir <a href="http://sitepoint-examples.s3.amazonaws.com/css3-border-image/demos.html">la démonstration</a>.</li>
    <li><a href="http://ecsstender.org/">eCSStender</a> &#8212; Toujours rêvé d&#8217;utiliser les sélecteurs CSS avancés dans vos designs web sans vous soucier d&#8217;IE6 ? Alors vous devriez vous intéresser au travail d&#8217;Aaron Gustafson. Une fois le DOM chargé, eCSStender rassemble les feuilles de styles impliquées dans l&#8217;affichage de la page dans une variable. Le parsing peut commencer et eCSStender recherche tous les motifs pour lesquels une extension est disponible (`@font-face` et `@page` pour le moment). Pour la suite des explication je vous invite à lire <a href="http://ecsstender.org/documentation/how-ecsstender-works">la documentation</a> ;)</li>
    <li><a href="http://www.nota-bene.org/">Nota-Bene</a> &#8211; Bienvenue sur le site de Stéphane et Stéphanie (ne riez pas). Stéphane est expert accessibilité web et Stéphanie est professeur des écoles. Lire <a href="http://www.nota-bene.org/Je-n-aime-pas-le-reset-CSS">Je n&#8217;aime pas le reset CSS</a> et plus généralement les articles de la rubrique <a href="http://www.nota-bene.org/-Sur-le-web-">Sur le web</a>.</li>
</ol>

<h2>Astuces WordPress</h2>

<ul>
    <li><a href="http://blog.barbayellow.com/2010/08/31/configuration-avancee-de-wordpress/">Configuration avançée de WordPress</a> &#8212; Si l&#8217;installation de WordPress s&#8217;effectue en 5 mn. chrono, il est possible d&#8217;y passer bien plus de temps. Ajouter des options au fichier `wp-config.php` occupera les longues soirées d&#8217;automne : optimisation des performances, sécurité, débugging et développement sont au programme. Lire également <a href="http://digwp.com/2010/08/pimp-your-wp-config-php/">Pimp your wp-config.php</a> et <a href="http://codex.wordpress.org/Editing_wp-config.php">Editing wp-config.php</a>.</li>
    <li><a href="http://adambrown.info/p/wp_hooks/">WordPress Hooks Database</a> &#8212; Cette base de données contient l&#8217;ensemble des hooks disponibles dans WordPress : `apply_filters()`, `do_action()` et `do_action_ref_array`. Pratique pour connaitre les hooks dépréciés, ceux qui ont changé de nom. Une brève description est disponible et il est même possible de voir le hook dans son contexte. Voir l&#8217;<a href="http://codex.wordpress.org/Plugin_API">API des plugins</a> pour plus d&#8217;information sur les hooks, les actions et les filtres.</li>
    <li><em>From Photoshop to WordPress</em> -– <a href="http://www.thewebsqueeze.com/web-design-tutorials/from-photoshop-to-wordpress-part-i-design.html">Part I – Design</a> et <a href="http://www.thewebsqueeze.com/web-design-tutorials/from-photoshop-to-wordpress-part-ii-coding.html">Part II – Coding</a>. Tutoriels très instructifs pour connaitre dans le détail l&#8217;ensemble des étapes nécessaires à la création d&#8217;un thème pour WordPress <em>from scratch</em>.</li>
    <li><a rel="bookmark" href="http://speckyboy.com/2010/09/19/10-useful-wordpress-search-code-snippets/">10 Useful WordPress Search Code Snippets</a> &#8212; Dans WordPress les fonctions de recherche sont un peu le parent pauvre. Pour y remédier, voici 10 bouts de codes qui permettront de relever l&#8217;ordinaire : exclure des billets ou des pages des résultats de recherche, restreindre la recherche à une catégorie, ou dans les sous-catégories, afficher le nombre de résultats renvoyés, surligner les mots-clé sur la page (jQuery), etc.</li>
    <li><a href="http://www.seomix.fr/wordpress/plugins/extensions-inutiles/">21 plugins et extensions WordPress à éviter</a> &#8212; Un des élément-clé de la popularité de WordPress réside sans doute dans le nombre de plugins disponibles, à condition de ne pas installer tout et n&#8217;importe quoi ;)</li>
    <li><a href="http://www.seomix.fr/wordpress/hack/sans-plugins/">21 hacks pour 21 plugins WordPress inutiles</a> &#8212; Cet article fait suite au précédent et propose d&#8217;ajouter quelques lignes de code dans le fichier functions.php ou dans vos templates pour vous passer de certains plugins.</li>
    <li><a href="http://www.devblog.fr/2010/09/02/ajouter-une-limite-a-wp_list_pages-dans-wordpress/">Ajouter une limite à wp_list_pages dans WordPress</a> &#8212; Très pratique pour limiter le nombre de page renvoyé par la fonction `wp_list_pages()`.</li>
    <li><a href="http://pioupioum.fr/outils-astuces/wordpress-shortcode-afficher-fichiers-joints.html">Shortcode WordPress : afficher les documents liés aux billets</a> &#8212; La gestion des documents joints n&#8217;est pas le point fort de WordPress. Heureusement, <a href="http://mehdi.kabab.name/">Mehdi Kabab</a> s&#8217;est penché sur la question et nous offre la possibilité d&#8217;afficher de manière élégante les pièces jointes liées à des articles ou des pages.</li>
    <li><a href="http://maniacgeek.wordpress.com/2010/09/29/le-guide-complet-pour-configurer-votre-blog-wordpress/">Le guide complet pour configurer votre blog WordPress</a> &#8212; Envie de connaitre toutes les ficelles pour maitriser WordPress ? Ce guide fait le point sur l&#8217;ensemble des options présentes dans le menu Réglages : Général, Ecriture, Lecture, Discussion, Médias, Vie Privée et Permaliens.</li>
    <li><a href="http://bbxdesign.com/2010/05/31/introduction-a-wordpress-3-custom-post-type-et-custom-taxonomy/">Introduction à WordPress 3 : custom post type et custom taxonomy</a> &#8212; Les  types personnalisés de contenus permettent de sortir des sentiers battus que sont les billets et les pages en permettant de créer par exemple un type de contenu Petite annonce ou Portfolio avec des champs spécifiques. Les taxonomies personnalisées permettent quant à elles d&#8217;aller plus loin que les catégories ou les tags proposés par défaut par WordPress.</li>
</ul>

<h2>Mesure d&#8217;audience</h2>

<ul>
    <li><a href="http://piwik.org/">Piwik</a> &#8212; La mesure d&#8217;audience en temps réel. Vous vous souvenez peut-être de l&#8217;outils de statistiques <a href="http://www.phpmyvisites.net/">phpMyVisites</a> dont j&#8217;avais parlé dans <a href="http://www.css4design.com/mesure-d-audience-google-ecriture-des-mots-clefs-au-clickrank/3">Mesure d’audience : des mots-clefs au ClickRank</a>.phpMyVisites a donc changer de nom et de look and feel : maintenant, c&#8217;est Piwik ! Du coup, je laisse une chance au produit : le temps réel dans les statistiques d&#8217;accès au blog est quand même bien pratique.</li>
    <li><a href="http://getclicky.com">GetClicky</a> &#8212; Encore un outil de mesure d&#8217;audience rapide et précis. Les résultats s&#8217;éloignent peu de ceux de Google Analytics si ce n&#8217;est que GetClicky semble calculer le taux de rebond d&#8217;une manière totalement différente. Là où Google Analytics exagère avec des taux de rebonds allant jusqu&#8217;à 70%, GetClicky est plus flatteur avec un 30% certainement plus proche de la réalité.Cet écart est sûrement du au fait que GA confond les visites de moins de 20 secondes d&#8217;une page (un &laquo;&nbsp;vrai&nbsp;&raquo; rebond, selon moi) avec les visites d&#8217;une page dont la durée permet de lire un article. La version gratuite est largement suffisante mais la version payante propose d&#8217;afficher les visites en temps-réel, ce qui est assez plaisant et dont vous pourrez profiter gratuitement pendant un mois.</li>
</ul>

<h2>Miscellanées</h2>

<ul>
    <li><a href="http://www.shancarter.com/data_converter/">Mr. Data Converter</a> &#8212; Il suffit de coller des données séparées par des virgules ou des tabulations dans un champs pour que <em>Mr Data Converter</em> s&#8217;occupe de leur conversion dans différents formats : ActionScript, ASP/VBScript, JSON, PHP, Ruby ou XML. (via <a href="http://roget.biz/">Roget.biz</a>).</li>
    <li><a href="http://seebz.net/46-imagethumb-generer-facilement-des-miniatures-avec-php.html">imagethumb()</a> &#8211; Générer facilement des miniatures en PHP.</li>
    <li><a href="http://www.wordle.net/">Wordle</a> &#8212; Créez rapidement des nuages de mots-clés en collant vos propres textes ou en fournissant une URL. Nombreuses options de personnalisation pour un résultat toujours intéressant.</li>
</ul>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/html5-boilerplate-thematic-wordpress-theme-framework-complet' title='HTML5 Boilerplate Thematic &#8212; Un «WordPress Theme Framework» complet'>HTML5 Boilerplate Thematic &#8212; Un «WordPress Theme Framework» complet</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-les-fruits-de-la-veille-ont-garde-leur-fraicheur' title='Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur'>Le petit journal du web &#8212; Les fruits de la veille ont gardé toute leur fraicheur</a></li><li><a href='http://css4design.com/liens-javascript-jquery' title='390 ressources Javascript &amp; jQuery'>390 ressources Javascript &#038; jQuery</a></li><li><a href='http://css4design.com/petit-journal-du-web-septembre-2011' title='Le Petit Journal du Web &#8212; 09/2011'>Le Petit Journal du Web &#8212; 09/2011</a></li><li><a href='http://css4design.com/theme-wordpress-basics-0-2-6' title='Mise à jour du thème WordPress ♥ Basics avec HTML5 Boilerplate 2 '>Mise à jour du thème WordPress ♥ Basics avec HTML5 Boilerplate 2 </a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=7029&amp;md5=0e36242b21df76f96f198ef1445dd18e" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/ressources-concepteur-modele-internet/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=7029&amp;md5=0e36242b21df76f96f198ef1445dd18e" type="text/html" />
	</item>
		<item>
		<title>Des CMS rapides et légers pour votre blog et votre site vitrine</title>
		<link>http://css4design.com/cms-rapides-et-legers-pour-blog-et-site-vitrine</link>
		<comments>http://css4design.com/cms-rapides-et-legers-pour-blog-et-site-vitrine#comments</comments>
		<pubDate>Mon, 14 Jun 2010 10:03:20 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Système de gestion de contenu (CMS)]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=6027</guid>
		<description><![CDATA[Les Systèmes de gestion de contenu (CMS) ont tendance à devenir de plus en plus lourds à mesure que le temps passe. A côté des poids lourds du secteur (WordPress, SPIP, Joomla!, Drupal ou Typo3 pour ne citer que les plus populaires), il existe des solutions légères à garder sous le tapis de souris, qui ont en commun la légèreté, la simplicité et la facilité d&#8217;utilisation. Neko CMS : un CMS/Moteur de blog simple, rapide et libre Neko CMS &#8212; Ce Moteur de blog libre et Open Source sous licence LGPL &#8211; dont les maitre-mots sont simplicité, souplesse, convivialité et économies [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fcms-rapides-et-legers-pour-blog-et-site-vitrine">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fcms-rapides-et-legers-pour-blog-et-site-vitrine&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Les Systèmes de gestion de contenu (CMS) ont tendance à devenir de plus en plus lourds à mesure que le temps passe. A côté des poids lourds du secteur (WordPress, SPIP, Joomla!, Drupal ou Typo3 pour ne citer que les plus populaires), il existe des solutions légères à garder sous le tapis de souris, qui ont en commun la légèreté, la simplicité et la facilité d&#8217;utilisation.<span id="more-6027"></span></p>

<h2>Neko CMS : un CMS/Moteur de blog simple, rapide et libre</h2>

<p><img class="size-medium wp-image-6352 alignleft" title="neko-cms" src="http://css4design.com/wp-content/uploads/2010/06/neko-cms-134x67.jpg" alt="Neko CMS" width="134" height="67" /><a href="http://neko-cms.elseif.eu/">Neko CMS</a> &#8212; Ce Moteur de blog libre et Open Source sous licence LGPL &#8211; dont les maitre-mots sont simplicité, souplesse, convivialité et économies de ressources &#8212; permet de mettre en place un système de blog avec des pages indépendantes. Plusieurs modules proposent la mise en place de sondages ou l&#8217;envoi et la gestion de fichiers. Neko CMS est fourni avec le logiciel NekoConf qui facilite la création du fichier de configuration pour la base de données MySQL.</p>

<h2>99ko : CMS simple et léger</h2>

<p><img class="size-full wp-image-6355 alignleft" title="99ko" src="http://css4design.com/wp-content/uploads/2010/06/99ko.png" alt="CMS 99ko" width="43" height="84" /><a href="http://www.99ko.org/">99ko</a> &#8212; Ce CMS très léger (moins de 100 ko)permet de créer votre site Web en deux temps, trois mouvements. La mise en place d&#8217;un thème personnalisé est facilitée grâce à un système pour créer vos <em>templates</em> et vos feuilles de styles CSS. 99ko est parfait pour créer un site «vitrine» : gestion des pages, formulaire de contact, actualités. Extensible par le biais de <em>plugins</em>. Suivez les nouveautés sur le compte Twitter <a href="http://twitter.com/99ko">@99ko</a>. Via <a title="Partage via Twitter de ressources pour les développeurs web." href="http://twevelopers.net/">Twevelopers</a>.</p>

<p>Mise à jour du 22/11/2010 : comme <a href="../3-cms-rapides-et-legers-pour-votre-blog-et-votre-site-vitrine#comment-6076">le précise</a> <cite><a href="http://www.99ko.org/">Jonathan</a></cite>, <q>il y a eu pas mal de changements depuis la publication de cet article,  une refonte complète du projet pour tout dire. 99ko utilise maintenant  une base de données mais l’esprit est toujours le même : simplicité et  légèreté !</q></p>

<h2>PluXml : Blog ou CMS à l&#8217;XML</h2>

<p><img class="size-full wp-image-6361 alignleft" title="pluxml-logo-bleu" src="http://css4design.com/wp-content/uploads/2010/06/pluxml-logo-bleu.png" alt="" width="62" height="49" /><a href="http://pluxml.org/">PluXml</a> &#8212; Idéal pour créer un site ou un blog sans connaissance en programmation. Même pas besoin de base de données : PluXml stocke les textes dans des fichiers XML que vous pourrez copiez pour sauvegarder votre blog.</p>

<h2>Mais aussi :</h2>

<ul>
    <li><a href="http://pyrocms.com/">PyroCMS</a> &#8212; Un CMS léger et modulaire basé sur le Framework PHP <a href="http://codeigniter.com/">CodeIgniter</a>. Idéal pour ne pas repartir de zéro.</li>
    <li><a href="http://www.freeguppy.org">GuppY</a> &#8212; Permet de générer un site web interactif et complet avec une grande facilité. Gratuit et sans base de données.</li>
</ul>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/pluxml-un-mini-cms-sans-base-de-donnees' title='Pluxml &#8212; un mini CMS sans base de données'>Pluxml &#8212; un mini CMS sans base de données</a></li><li><a href='http://css4design.com/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-novembre-2011' title='Le petit journal du web &#8212; WordPress, développement web, etc.'>Le petit journal du web &#8212; WordPress, développement web, etc.</a></li><li><a href='http://css4design.com/schema-org-microdata-google-bing-yahoo' title='Schema.org &#8212; Microdata pour Google, Bing et Yahoo!'>Schema.org &#8212; Microdata pour Google, Bing et Yahoo!</a></li><li><a href='http://css4design.com/phpcrossref-reference-open-source-wordpress-drupal-joomla-textpattern-zend-framework' title='PHPCrossRef &#8212; Bibliothèques de référence pour projets PHP Open source'>PHPCrossRef &#8212; Bibliothèques de référence pour projets PHP Open source</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=6027&amp;md5=ffc8de11ced2be79c9db44b840117b84" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/cms-rapides-et-legers-pour-blog-et-site-vitrine/feed</wfw:commentRss>
		<slash:comments>20</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=6027&amp;md5=ffc8de11ced2be79c9db44b840117b84" type="text/html" />
	</item>
		<item>
		<title>Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul</title>
		<link>http://css4design.com/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%c2%abpeople%c2%bb-le-%c2%abweb-beuh-zero%c2%bb-avec-parfois-beaucoup-de-recul</link>
		<comments>http://css4design.com/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%c2%abpeople%c2%bb-le-%c2%abweb-beuh-zero%c2%bb-avec-parfois-beaucoup-de-recul#comments</comments>
		<pubDate>Mon, 01 Mar 2010 03:27:13 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Mizukara (3615 MyLife)]]></category>
		<category><![CDATA[3615 MyLife]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Blogosphère]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=5560</guid>
		<description><![CDATA[Comme Francis Chouquet de fran6art qui a pu acheter le nom de domaine franc.is,  j&#8217;aurais bien aimé avoir bru.no pour centraliser ma vie et mes avis numériques. Malgré tout, j&#8217;ai décidé de rassembler une partie des billets sur AVEC BRIO ! mon nouveau blog un peu plus «perso» que les autres. Vous y trouverez les archives de Notorious Blog et de Zeugme. J&#8217;avais lancé le premier fin 2006 dans le cadre de la vente de prestations autour du blogging et qui s&#8217;est peu à peu transformé en observatoire de la blogosphère. J&#8217;ai créé le second fin 2008 pour garder une trace [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%25c2%25abpeople%25c2%25bb-le-%25c2%25abweb-beuh-zero%25c2%25bb-avec-parfois-beaucoup-de-recul">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%25c2%25abpeople%25c2%25bb-le-%25c2%25abweb-beuh-zero%25c2%25bb-avec-parfois-beaucoup-de-recul&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Comme <a href="http://www.francischouquet.com/">Francis Chouquet</a> de <a href="http://www.fran6art.com/">fran6art</a> qui a pu acheter le nom de domaine <a href="http://franc.is/">franc.is</a>,  j&#8217;aurais bien aimé avoir <a href="http://bru.no/">bru.no</a> pour centraliser ma vie et mes avis numériques. Malgré tout, j&#8217;ai décidé de rassembler une partie des billets sur <a href="http://br1o.fr/">AVEC BRIO !</a> mon nouveau blog un peu plus «perso» que les autres. Vous y trouverez les archives de <a href="http://notoriousblog.fr/">Notorious Blog</a> et de <a href="http://zeug.me/">Zeugme</a>. J&#8217;avais lancé le premier fin 2006 dans le cadre de la vente de prestations autour du <em>blogging</em> et qui s&#8217;est peu à peu transformé en observatoire de la blogosphère. J&#8217;ai créé le second fin 2008 pour garder une trace de textes à tendance littéraire écrits à l&#8217;origine sur et pour le «papier». Au final, ces deux blogs ne représentent que deux des nombreuses facettes de mes centres d&#8217;intérêts : il me parait aujourd&#8217;hui plus avisé d&#8217;ajouter des nouvelles catégories plutôt que créer un  nouveau blog chaque mois ;)<span id="more-5560"></span></p>

<h2>Mes blog professionnels</h2>

<p>En ce qui concerne mes trois blogs «professionnels», ils ont une ligne éditoriale claire :</p>

<ul>
    <li>Tout ce qui concerne <a href="http://css4design.com/articles/conception-de-site-web">la conception de site web</a>, la <a href="http://css4design.com/articles/design-graphisme">réalisation de design web</a> et la <a href="http://css4design.com/articles/gestion-de-site-web">gestion d&#8217;un site web</a> (référencement, mesure d&#8217;audience, marketing, etc.) sur <em>css4design</em> où je réserve mes articles les plus fouillés ;</li>
    <li>Les trouvailles <a href="http://js4design.com/">Javascript pour le webdesign</a> sur <em>js4design</em></li>
    <li>Les ressources pour<a href="http://wp4design.com"> créer des thèmes WordPress</a> sur <em>wp4design</em> où je commence à trouver un rythme de croisière.</li>
</ul>

<h2>Pourquoi un nouveau blog ?</h2>

<p>J&#8217;éprouve le besoin d&#8217;avoir un espace où ma subjectivité pourrait s&#8217;exprimer plus facilement que sur les sujets plutôt techniques que je traite d&#8217;habitude. D&#8217;où le choix du nom de domaine qui n&#8217;est autre que le pseudo que j&#8217;avais choisi fin 2005 pour le lancement de <a href="http://br1o.wordpress.com/">mon tout premier blog sur WordPress</a> : mon prénom (bruno) en remplaçant les lettres «un» par le chiffre correspondant).</p>

<p>J&#8217;en ai profité pour modifier mon compte Twitter qui passe de @integrateur_css à <a href="http://twitter.com/br1o">@br1o</a> pour plus de cohérence : il se trouve que je suis inscris sous ce pseudonyme sur de nombreux services comme <a href="http://delicious.com/br1o">Delicious</a>, <a href="http://friendfeed.com/br1o">Friendfeed</a>, <a href="http://www.lastfm.fr/user/br1o">LastFM</a>, <a href="http://www.mister-wong.fr/user/br1o/">Mister Wong</a>, <a href="http://copaing.net/br1o/">Copaing</a>, etc. depuis plusieurs années pour la plupart.</p>

<h2>Et Notorious Blog dans tout ça ?</h2>

<p>L&#8217;avenir de <em>Notorious Blog</em> est incertain. Pour l&#8217;instant j&#8217;ai fait une redirection permanente vers br1o.fr pour transférer le peu de <em>Google Juice</em> qui reste. Je vais réfléchir à un nouveau projet de <em>Consulting</em> pour la <a href="http://css4design.com/votre-blog-d-entreprise-cles-en-main">mise en place de blogs professionnels</a> et voir si <em>Notorious Blog</em> est le nom de domaine le plus adapté.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/vis-ma-vie-d-integrateur-html' title='Vis ma vie d&#039;intégrateur HTML'>Vis ma vie d&#039;intégrateur HTML</a></li><li><a href='http://css4design.com/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li><li><a href='http://css4design.com/le-pret-a-bloguer-bride-t-il-la-creativite' title='Le prêt-à-bloguer bride-t-il la créativité ?'>Le prêt-à-bloguer bride-t-il la créativité ?</a></li><li><a href='http://css4design.com/css4design-sur-developpez-extension-du-domaine-des-css' title='css4design sur developpez.com (extension du domaine des CSS)'>css4design sur developpez.com (extension du domaine des CSS)</a></li><li><a href='http://css4design.com/sites-de-contenus-vs-sites-commerciaux' title='Sites de contenus vs sites commerciaux ?'>Sites de contenus vs sites commerciaux ?</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=5560&amp;md5=5c46bae90ca65178f3d48b537e397860" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%c2%abpeople%c2%bb-le-%c2%abweb-beuh-zero%c2%bb-avec-parfois-beaucoup-de-recul/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=5560&amp;md5=5c46bae90ca65178f3d48b537e397860" type="text/html" />
	</item>
		<item>
		<title>Pluxml &#8212; un mini CMS sans base de données</title>
		<link>http://css4design.com/pluxml-un-mini-cms-sans-base-de-donnees</link>
		<comments>http://css4design.com/pluxml-un-mini-cms-sans-base-de-donnees#comments</comments>
		<pubDate>Sat, 02 Jan 2010 10:51:54 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[Pluxml]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Système de gestion de contenu (CMS)]]></category>
		<category><![CDATA[Template]]></category>
		<category><![CDATA[Thème]]></category>

		<guid isPermaLink="false">http://css4design.com/?p=4715</guid>
		<description><![CDATA[Après 3 ans d&#8217;existence, Pluxml vient de passer en version stable. J&#8217;ai eu l&#8217;occasion de l&#8217;utiliser à ses débuts sur un projet et j&#8217;en avait été satisfait. Vous y trouverez l&#8217;essentiel : gestion des catégories, pagination, flux de syndication RSS et Atom, gestion des commentaires (version blog), gestion des images et documents liés. Pluxml a la particularité d&#8217;utiliser des fichiers XML pour le stockage des données. Son point fort est la simplicité d&#8217;installation et la légèreté. Un CMS léger et efficace Pour l&#8217;installer, un identifiant et un mot de passe suffisent. Quant à l&#8217;empreinte sur le serveur, elle est très légère : [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fpluxml-un-mini-cms-sans-base-de-donnees">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fpluxml-un-mini-cms-sans-base-de-donnees&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Après 3 ans d&#8217;existence, <a href="http://pluxml.org/">Pluxml</a> vient de passer en version stable. J&#8217;ai eu l&#8217;occasion de l&#8217;utiliser à ses débuts sur un projet et j&#8217;en avait été satisfait. Vous y trouverez l&#8217;essentiel : gestion des catégories, pagination, flux de syndication RSS et Atom, gestion des commentaires (version blog), gestion des images et documents liés. <a href="http://pluxml.org/">Pluxml</a> a la particularité d&#8217;utiliser des fichiers XML pour le stockage des données. Son point fort est la simplicité d&#8217;installation et la légèreté.<span id="more-4715"></span></p>

<h2>Un CMS léger et efficace</h2>

<p>Pour l&#8217;installer, un identifiant et un mot de passe suffisent. Quant à l&#8217;empreinte sur le serveur, elle est très légère : après décompression, l&#8217;ensemble des fichiers occupe 350 Ko. Pour ce poids vous aurez quand même droit aux thèmes <em>defaut</em> et <em>defaut.mobile</em> situés dans le répertoire <em>themes</em> dont la composition des fichiers vous semblera familière si vous utilisez WordPress. Le système de templates est très clair et le thème par défaut est un bon départ (valide XHTML 1.0 Strict) pour vos créations personnelles.</p>

<h2>Un écosystème complet</h2>

<p>Ceux qui utilisent un CMS au quotidien le savent bien : rien ne remplace une forte communauté pour avoir des ressources et une documentation mises à jour. C&#8217;est le cas avec Pluxml :</p>

<ul>
    <li>Wiki pour la <a href="http://wiki.pluxml.org/">documentation</a>,</li>
    <li><a href="http://ressources.pluxml.org/">Centre de ressources</a> regroupant pas moins de 63 thèmes Pluxml,</li>
    <li><a href="http://forum.pluxml.org/">Forum</a> avec plusieurs milliers de messages.</li>
</ul>

<h2>Pour qui pour quoi ?</h2>

<p>Pluxml est idéal pour la mise en place d&#8217;un site vitrine ou d&#8217;un blog si vous voulez offrir à vos visiteurs une expérience de rapidité dans l&#8217;affichage des pages. En effet, la sobriété du système de <em>template</em> et l&#8217;absence de base de données fera de votre blog sous Pluxml l&#8217;un des plus rapide de la blogosphère !</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/danse-avec-les-loops-1-un-theme-wordpress-mis-a-nu' title='Danse avec les loops #1 : un thème WordPress mis à nu'>Danse avec les loops #1 : un thème WordPress mis à nu</a></li><li><a href='http://css4design.com/les-widgets-dans-wordpress-25-avec-widgetisator' title='Les widgets dans WordPress 2.5 avec widgétisator ;)'>Les widgets dans WordPress 2.5 avec widgétisator ;)</a></li><li><a href='http://css4design.com/le-petit-journal-du-web-novembre-2011' title='Le petit journal du web &#8212; WordPress, développement web, etc.'>Le petit journal du web &#8212; WordPress, développement web, etc.</a></li><li><a href='http://css4design.com/wordpress-a-z-allons-y' title='WordPress de A à Z &#8212; A comme Allons-y ! (on s&#8217;organise)'>WordPress de A à Z &#8212; A comme Allons-y ! (on s&#8217;organise)</a></li><li><a href='http://css4design.com/creer-son-site-web-avec-wordpress-de-a-a-z-avec-le-codex' title='Créer son site web avec WordPress de A à Z&#8230; avec le Codex'>Créer son site web avec WordPress de A à Z&#8230; avec le Codex</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=4715&amp;md5=f6f5457b91468366239c19e923fe7f65" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/pluxml-un-mini-cms-sans-base-de-donnees/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=4715&amp;md5=f6f5457b91468366239c19e923fe7f65" type="text/html" />
	</item>
		<item>
		<title>Que manque-t-il à WordPress ?</title>
		<link>http://css4design.com/que-manque-t-il-a-wordpress</link>
		<comments>http://css4design.com/que-manque-t-il-a-wordpress#comments</comments>
		<pubDate>Mon, 10 Aug 2009 18:00:50 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Content Management System]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Navigation]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=187</guid>
		<description><![CDATA[A force de lire que WordPress est la Rolls des CMS spécialisée dans l&#8217;édition de blogs et qu&#8217;il se défend pas mal comme CMS tout court, j&#8217;ai cherché la petite bête pour mettre au jour les choses qui manquent ou qui restent perfectibles. Je sais que des plugins existent pour pallier quelques insuffisances, mais j&#8217;ai préféré me focaliser sur la version standard pour permettre d&#8217;éventuelles comparaisons avec d&#8217;autres outils de gestion de contenus. Des catégories un peu laxistes Dans WordPress, les articles s&#8217;organisent principalement en catégories et sous-catégories, ce qui semble suffisant dans la plupart des cas. Toutefois, le fait [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fque-manque-t-il-a-wordpress">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fque-manque-t-il-a-wordpress&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>A force de lire que WordPress est la Rolls des CMS spécialisée dans l&#8217;édition de blogs et qu&#8217;il se défend pas mal comme CMS tout court, j&#8217;ai cherché la petite bête pour mettre au jour les choses qui manquent ou qui restent perfectibles. Je sais que des plugins existent pour pallier quelques insuffisances, mais j&#8217;ai préféré me focaliser sur la version standard pour permettre d&#8217;éventuelles comparaisons avec d&#8217;autres outils de gestion de contenus.<span id="more-4285"></span></p>

<h3>Des catégories un peu laxistes</h3>

<p>Dans WordPress, les articles s&#8217;organisent principalement en catégories et sous-catégories, ce qui semble suffisant dans la plupart des cas. Toutefois, le fait de pouvoir classer un article dans plusieurs catégories rend ce système peu fiable : un billet peut se retrouver dans la sous-catégorie <em>Photoshop</em> sans passer par la case <em>Graphisme</em>, par exemple&#8230; Au bout d&#8217;un moment, on en vient vite à se demander si l&#8217;abandon des catégories au profit des tags ne serait pas une bonne idée ;)</p>

<h3>Manquerait pas un niveau ?</h3>

<p>Par ailleurs, il manque certainement un niveau supplémentaire pour classer les articles, comme c&#8217;est le cas dans <a href="http://www.joomla.fr/">Joomla!</a> qui propose les <em>Sections</em> pour regrouper les catégories. On peut ainsi ventiler les contenus de manière plus efficace, et surtout, on peut pratiquement tout classer de cette façon. Ce niveau est indispensable lorsqu&#8217;on présente des savoirs encyclopédiques ou, plus modestement, des tutoriels.</p>

<h3>Trop de chemins tue le chemin</h3>

<p>Dans WordPress (et les autres systèmes de blog), le fait que la même information soit accessible de plusieurs manières (catégories, tags, archives, etc.) ne signifie pas pour autant qu&#8217;elle sera trouvée facilement.</p>

<p>A cet égard, il suffit de consulter ses statistiques de fréquentation pour s&#8217;apercevoir que ces entrées sont assez peu utilisées par les internautes qui arrivent pour la plupart directement sur les articles via Google ou sur la page d&#8217;accueil ; le scroll vertical faisant alors office de navigation pifométrique&#8230;</p>

<h3>Maillage interne</h3>

<p>Contrairement à Joomla! qui propose de créer des menus en veux-tu en voilà en ajoutant des liens à partir de la console d&#8217;administration, WordPress ne propose pas d&#8217;outils dédiés. Il existe bien une possibilité en détournant la blogoliste de son objectif premier, mais il faut de toutes manières mettre les mains dans le code pour jouer avec les paramètres optionnels de la fonction Liste de liens.</p>

<p>Par ailleurs, une fonction apparue avec la RC1 de <a href="http://www.dotclear.net">Dotclear</a> notamment, rend possible la création d&#8217;un lien vers un ancien billet sans quitter l&#8217;édition du billet pour rechercher l&#8217;URL du billet en question et sans faire de fastidieux copiés-collés d&#8217;un onglet ou d&#8217;une fenêtre à l&#8217;autre.</p>

<h3>Ajouter des identifiants de classe CSS</h3>

<p>Ce qui serait vraiment top, c&#8217;est de pouvoir ajouter une classe facilement lorsqu&#8217;on insère un élément HTML depuis l&#8217;éditeur visuel comme c&#8217;est le cas pour les images. En fait, ce qu&#8217;il faudrait, c&#8217;est que WordPress se comporte comme certains éditeur HTML WYSIWYG, afin d&#8217;élargir un peu la palette des balises HTML.</p>

<h3>Splitter un article</h3>

<p>WordPress permet de splitter un article en plusieurs parties, mais chacune d&#8217;entre elles ne reste accessible que par un identifiant numérique. <a href="http://pxsystem.sourceforge.net/fr/">Plume CMS</a> quant à lui propose, dès l&#8217;édition de l&#8217;article, la création de  chapitres qui deviendront autant de parties accessibles par un titre explicite donné lors de la rédaction.</p>

<h3>Système de recherche interne</h3>

<p>Je ne sais pas si vous êtes comme moi, mais j&#8217;utilise souvent mon blog pour rechercher des ressources. Or, le formulaire de recherche proposé par défaut retourne des résultats vraiment très large dès lors que de nombreux billets traitent du même sujet. Le pire étant que les résultats suivent eux-aussi l&#8217;ordre anté-chronologique, sans soucis de pertinence en terme de contenu. C&#8217;est peut-être même la pire fonction de recherche qu&#8217;il m&#8217;ait été donné d&#8217;utiliser ^^</p>

<h3>En bref</h3>

<p>Si WordPress est une plate-forme de blog très complète qui peut se prévaloir du titre de CMS pour une grande partie des projets de sites web professionnels, il reste de nombreux points bloquants dès lors que le projet nécessite une certaine rigueur dans l&#8217;organisation des données.</p>

<p>Note : J&#8217;ai commencé ce billet en août 2008 pour faire le point sur les petites ou grandes choses qui manquaient à WordPress, notamment par rapport à d&#8217;autres CMS. A l&#8217;époque j&#8217;avais lancé <a href="http://www.css4design.com/wordpress-26-mes-news-carburent-a-press-this">une chaine de blog</a> pour recueillir le sentiment des utilisateurs de WordPress. Avec un peu de retard, voici la récolte :</p>

<ul>
    <li><a href="http://www.blomig.com/2008/08/04/quest-ce-qui-manque-a-wordpress/">blomig</a></li>

    <li><a href="http://blog.linfographik.com/reflexions/que-manque-t-il-a-wordpress/">linfographik</a></li>

    <li><a href="http://www.woueb.net/2008/08/05/que-manque-t-il-a-wordpress/">woueb</a></li>

    <li><a href="http://www.digiboy.fr/2008/08/18/il-manque-quoi-a-wordpress-26">digiboy</a></li>

    <li><a href="http://dariablogue.wordpress.com/2008/08/07/que-manque-t-il-a-wordpress/">dariablogue</a></li>

    <li><a href="http://www.logiste.be/2-chaines-pour-le-meme-prix/">logiste</a></li>

    <li><a href="http://yves.sur-le-web.fr/index.php/breves/wordpress-quelles-ameliorations-quel-avenir/">yves sur le web</a></li>

    <li><a href="http://www.css4design.com/wordpress-26-mes-news-carburent-a-press-this#comment-2414">Commentaire de comme une image</a> &#8212; <a href="http://cui.burp.fr/">http://cui.burp.fr/</a></li>

</ul>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/ressources-concepteur-modele-internet' title='Ressources pour concepteur de modèle pour Internet'>Ressources pour concepteur de modèle pour Internet</a></li><li><a href='http://css4design.com/wordpress-menu-funky-avec-wp_list_bookmarks' title='Wordpress &#8212; Menus «funky» avec wp_list_bookmarks()'>WordPress &#8212; Menus «funky» avec wp_list_bookmarks()</a></li><li><a href='http://css4design.com/bang-kapowww-krakkk-feedburner-nous-avons-un-probleme' title='Bang! Kapowww! Krakkk! Feedburner, nous avons un problème ?'>Bang! Kapowww! Krakkk! Feedburner, nous avons un problème ?</a></li><li><a href='http://css4design.com/danse-avec-les-loops-1-un-theme-wordpress-mis-a-nu' title='Danse avec les loops #1 : un thème WordPress mis à nu'>Danse avec les loops #1 : un thème WordPress mis à nu</a></li><li><a href='http://css4design.com/vis-ma-vie-d-integrateur-html' title='Vis ma vie d&#039;intégrateur HTML'>Vis ma vie d&#039;intégrateur HTML</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=4285&amp;md5=d206d3405e4d8c518780a4b507012718" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/que-manque-t-il-a-wordpress/feed</wfw:commentRss>
		<slash:comments>38</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=4285&amp;md5=d206d3405e4d8c518780a4b507012718" type="text/html" />
	</item>
		<item>
		<title>css4design sur developpez.com (extension du domaine des CSS)</title>
		<link>http://css4design.com/css4design-sur-developpez-extension-du-domaine-des-css</link>
		<comments>http://css4design.com/css4design-sur-developpez-extension-du-domaine-des-css#comments</comments>
		<pubDate>Sat, 10 Jan 2009 15:19:06 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Editorial]]></category>
		<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[3615 MyLife]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Developpez]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=2621</guid>
		<description><![CDATA[Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site developpez.com qui propose des ressources aux développeurs web (mais pas seulement). Depuis quelques temps, je dispose de mon propre espace accessible à l&#8217;adresse http://css4design.developpez.com qui regroupe quelques articles publiés initialement sur ce blog. Cette collaboration avec developpez.com remonte à plusieurs mois. Il s&#8217;agissait au départ d&#8217;accepter la publication de certains de mes articles qui pouvaient intéresser les lecteurs de la rubrique CSS de developpez qui n&#8217;ont pas forcément le réflexe de consulter les blogs (manque d&#8217;ouverture ? [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fcss4design-sur-developpez-extension-du-domaine-des-css">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fcss4design-sur-developpez-extension-du-domaine-des-css&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Si vous recherchez des informations sur les langages de programmation en général et le développement web en particulier, vous connaissez sûrement le site <a href="http://www.developpez.com/">developpez.com</a> qui propose des ressources aux développeurs web (mais pas seulement). <span id="more-2621"></span>Depuis quelques temps, je dispose de mon propre espace accessible à l&#8217;adresse <a href="http://css4design.developpez.com">http://css4design.developpez.com</a> qui regroupe quelques articles publiés initialement sur ce blog.</p>

<p>Cette collaboration avec <a href="http://web.developpez.com/">developpez.com</a> remonte à plusieurs mois. Il s&#8217;agissait au départ d&#8217;accepter la publication de certains de mes articles qui pouvaient intéresser les lecteurs de la <a href="http://css.developpez.com">rubrique CSS</a> de developpez qui n&#8217;ont pas forcément le réflexe de consulter les blogs (manque d&#8217;ouverture ? Manque de confiance dans les informations publiées dans un format qui semble moins consistant ou pérenne ? Différence de culture ? Etc.).</p>

<p>Cette collaboration ponctuelle s&#8217;est transformée après que <a href="http://www.developpez.net/forums/u29957/bisunurs/">Josselin</a> (responsable de la rubrique CSS) m&#8217;a proposé d&#8217;avoir ma propre url et de gérer mon espace comme bon me semblerait sur développez. Et voilà !</p>

<p>Parmi les éléments qui m&#8217;ont décidés &#8212; outre le gonflage de mon égo &#8212; c&#8217;est que chaque article publié sur developpez est accompagné d&#8217;une version au format PDF et d&#8217;une archive de la version HTML au format ZIP.</p>

<p>L&#8217;autre raison, c&#8217;est que developpez.com fait partie des sites qui m&#8217;ont beaucoup apportés dans la compréhension des langages du web depuis des années et que je trouve normal de contribuer à mon tour à l&#8217;effort de guerre pour que les feuilles de style CSS soient mieux comprises et mieux utilisées.</p>

<p>A noter qu&#8217;il est possible de commenter les articles que je publie sur developpez sur le <a href="http://www.developpez.net/forums/">forum developpez.net</a> en plus du blog lui-même. La raison est simple : si je maitrise certains sujets, il m&#8217;arrive d&#8217;aborder des thèmes sur lesquels je suis un peu moins à l&#8217;aise ! Par ailleurs, je n&#8217;ai pas toujours une disponibilité suffisante pour répondre aux commentaires qui attendent des réponses nécessitant des recherches poussées ;)</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/ma-vie-et-mes-avis-numeriques-sur-la-blogosphere-%c2%abpeople%c2%bb-le-%c2%abweb-beuh-zero%c2%bb-avec-parfois-beaucoup-de-recul' title='Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul'>Ma vie et mes avis numériques sur la blogosphère «people», le «web beuh zéro» avec parfois beaucoup de recul</a></li><li><a href='http://css4design.com/contribution-guide-stylistique-html-css' title='Contribution au guide stylistique pour HTML et CSS'>Contribution au guide stylistique pour HTML et CSS</a></li><li><a href='http://css4design.com/vis-ma-vie-d-integrateur-html' title='Vis ma vie d&#039;intégrateur HTML'>Vis ma vie d&#039;intégrateur HTML</a></li><li><a href='http://css4design.com/mes-6-manies-a-moi-que-jai' title='Mes 6 manies à moi que j&#039;ai ?'>Mes 6 manies à moi que j&#039;ai ?</a></li><li><a href='http://css4design.com/archeologie-reticulaire-le-fossile-bouge-encore' title='Archéologie Réticulaire, le fossile bouge encore&#8230;'>Archéologie Réticulaire, le fossile bouge encore&#8230;</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=2621&amp;md5=8823720ffb57fb32346696f8ea5fd8d5" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/css4design-sur-developpez-extension-du-domaine-des-css/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=2621&amp;md5=8823720ffb57fb32346696f8ea5fd8d5" type="text/html" />
	</item>
		<item>
		<title>Après Gandi Blog, voici Free Blog</title>
		<link>http://css4design.com/apres-gandi-blog-voici-free-blog</link>
		<comments>http://css4design.com/apres-gandi-blog-voici-free-blog#comments</comments>
		<pubDate>Tue, 16 Dec 2008 06:25:31 +0000</pubDate>
		<dc:creator>Bruno Bichet</dc:creator>
				<category><![CDATA[Dotclear]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://www.css4design.com/?p=2586</guid>
		<description><![CDATA[Après des débuts difficiles, Dotclear 2.0 est désormais accessible chez Free à l&#8217;adresse http://blog.free.fr. Articles sur le même sujet Dotclear 2.0 RC1 est dans les bacs !WordPress vs Dotclear : Migration d&#039;automne (dernier round)Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?Mon Top 5 des outils pour bloguerJournalistes vs Blogueurs (Gladiators inside)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 18px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fcss4design.com%2Fapres-gandi-blog-voici-free-blog">
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fcss4design.com%2Fapres-gandi-blog-voici-free-blog&amp;source=br1o&amp;style=normal&amp;service=bit.ly&amp;service_api=R_0c1ee4b64f105d1b2672690740a77d6a&amp;b=2" height="61" width="50" />
			</a>
		</div><p>Après des <a href="http://fr.dotclear.org/post/2008/12/11/Des-blogs-Dotclear-2-chez-Free.fr">débuts difficiles</a>, <a href="http://fr.dotclear.org/">Dotclear 2.0</a> est désormais accessible chez Free à l&#8217;adresse <a href="http://blog.free.fr">http://blog.free.fr</a>.</p>

<h3 class='related_post_title'>Articles sur le même sujet</h3>

<ul class='related_post'><li><a href='http://css4design.com/dotclear-20-rc1-est-dans-les-bacs' title='Dotclear 2.0 RC1 est dans les bacs !'>Dotclear 2.0 RC1 est dans les bacs !</a></li><li><a href='http://css4design.com/wordpress-vs-dotclear-migration-d-automne-dernier-round' title='WordPress vs Dotclear : Migration d&#039;automne (dernier round)'>WordPress vs Dotclear : Migration d&#039;automne (dernier round)</a></li><li><a href='http://css4design.com/quels-sont-les-services-web-2-0-que-j-ai-utilises-aujourdhui' title='Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?'>Quels sont les services web 2.0 que j&#039;ai utilisés aujourd’hui ?</a></li><li><a href='http://css4design.com/mon-top-5-des-outils-pour-bloguer' title='Mon Top 5 des outils pour bloguer'>Mon Top 5 des outils pour bloguer</a></li><li><a href='http://css4design.com/journalistes-vs-blogueurs-gladiators-inside' title='Journalistes vs Blogueurs (Gladiators inside)'>Journalistes vs Blogueurs (Gladiators inside)</a></li></ul>
 <p><a href="http://css4design.com/?flattrss_redirect&amp;id=2586&amp;md5=325999ba5a2191f307c04f3508ff3138" title="Flattr" target="_blank"><img src="http://css4design.com/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://css4design.com/apres-gandi-blog-voici-free-blog/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<atom:link rel="payment" href="http://css4design.com/?flattrss_redirect&amp;id=2586&amp;md5=325999ba5a2191f307c04f3508ff3138" type="text/html" />
	</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using disk: enhanced (User agent is rejected)

Served from: css4design.com @ 2012-02-08 10:58:01 -->
