<?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"
	>

<channel>
	<title>burningHat &#187; Webdev</title>
	<atom:link href="http://blog.burninghat.net/category/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.burninghat.net</link>
	<description>blog sans prétention d’un geek social suisse et jurassien (joli cumul de tares non ?). Ici je parle de tout et de rien mais juste de ce qu’il me plait.</description>
	<pubDate>Sat, 02 Aug 2008 11:13:40 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6</generator>
	<language>en</language>
			<item>
		<title>Coins arrondis avec jQuery, CSS et une seule image</title>
		<link>http://blog.burninghat.net/2008/03/05/coins-arrondis-avec-jquery-css-et-une-seule-image/</link>
		<comments>http://blog.burninghat.net/2008/03/05/coins-arrondis-avec-jquery-css-et-une-seule-image/#comments</comments>
		<pubDate>Wed, 05 Mar 2008 18:29:01 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[coins arrondis]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[javascript]]></category>

		<category><![CDATA[jQuery]]></category>

		<category><![CDATA[tutoriel]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2008/03/05/coins-arrondis-avec-jquery-css-et-une-seule-image/</guid>
		<description><![CDATA[En vue du futur thème en préparation pour burningHat.net (teaser inside), j&#8217;ai commencé à m&#8217;intéresser à la réaliser de coins arrondis pour un cadre fluide.
J&#8217;ai immédiatement écarté la solution en pur html car trop pénible à mettre en place/maintenir et inélégante à souhait au niveau du code html pour me tourner vers Javascript. Je me [...]]]></description>
			<content:encoded><![CDATA[<p>En vue du futur thème en préparation pour burningHat.net (teaser inside), j&#8217;ai commencé à m&#8217;intéresser à la réaliser de <strong>coins arrondis</strong> pour un <strong>cadre fluide</strong>.</p>
<p>J&#8217;ai immédiatement écarté la <a href="http://www.alsacreations.com/articles/cadre/#deux" title="AlsaCreations, faire un cadre arrondi en CSS et XHTML">solution en pur <abbr title="HyperText Markup Language" lang="en">html</abbr></a> car trop pénible à mettre en place/maintenir et inélégante à souhait au niveau du code html pour me tourner vers <strong>Javascript</strong>. Je me suis donc mis à examiner les solutions de <a href="http://www.sitepoint.com/article/rounded-corners-css-javascript" title="Rounded Corners with CSS and Javascript" hreflang="en">Simon Willison</a> et de <a href="http://www.smart-com.com.mx/Des-coins-arrondis-avec-les-css-et.html" title="Des coins arrondis avec les CSS et Javascript">Smart-com</a> relayées par l&#8217;ami <a href="http://www.css4design.com/blog/7-liens-utiles-pour-lintegrateur-web" title="7 liens utiles pour l'intégrateur web">Bruno</a> et le tutoriel du site de <strong><a href="http://docs.jquery.com/Tutorials:Rounded_Corners" title="Tutorials: Rounded Corners - jQuery JavaScript Library" hreflang="en">jQuery</a></strong>.</p>
<p>Après toutes ces lectures, j&#8217;ai mélangé le tout pour correspondre à mon besoin. L&#8217;idée est donc de pouvoir faire un cadre arrondi à n&#8217;importe quel élément d&#8217;une page sans répéter son code, en utilisant la librairie <a href="http://jquery.com/" title="jQuery: The Write Less, Do More, JavaScript Library" hreflang="en">jQuery</a> vu qu&#8217;elle est fournit en standard avec <strong>WordPress</strong> (ce qui m&#8217;arrange puisque mon problème concerne un futur thème WordPress) et en utilisant une seule image pour les quatres coins (technique des &#8220;<strong><a href="http://www.pompage.net/pompe/portescoulissantes/" title="POMPAGE - Les portes coulissantes de CSS">portes coulissantes</a></strong>&#8220;).</p>
<h3>1ère étape : le code html</h3>
<p>Tout d&#8217;abord, on va simplement attribuer une classe &#8220;rounded&#8221; aux éléments que l&#8217;on désire styler. Par exemple le cadre ci-dessous :</p>
<pre><code lang="html">&lt;div id="contenu_avec_jquery" class="rounded"&gt;
	&lt;p&gt;Ce cadre tout simple utilise jQuery et a de jolis coins arrondis...&lt;/p&gt;
	&lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed vitae diam egestas felis
	pellentesque bibendum. Proin posuere felis id tellus. Phasellus eu felis. Nullam lacus ante,
	pellentesque vitae, tristique eu, commodo nec, mauris.&lt;/p&gt;
&lt;/div&gt;</code></pre>
<h3>2ème étape : le code javascript</h3>
<p>Maintenant, on ajoute un peu de javascript (pensez bien à inclure la librairie jQuery avant dans votre page !). Ce code nous permettra de générer dynamiquement les balises nécessaires pour styler nos cadres de chaque élément utilisant la classe &#8220;rounded&#8221; dans la page :</p>
<pre><code lang="javascript">$(document).ready(function(){
	$('div.rounded').wrap('&lt;div class="cadre"&gt;&lt;/div&gt;');
	$('div.cadre').prepend('&lt;div class="cadre_hd"&gt;&lt;/div&gt;&lt;div class="cadre_hg"&gt;&lt;/div&gt;');
	$('div.cadre').append('&lt;div class="cadre_bd"&gt;&lt;/div&gt;&lt;div class="cadre_bg"&gt;&lt;/div&gt;');
});</code></pre>
<h3>3ème étape : l&#8217;image</h3>
<p>Je vous laisse utiliser votre éditeur d&#8217;images favori pour créer l&#8217;arrondi que vous désirez, pour ma part j&#8217;ai créer l&#8217;image de 22px/22px suivante : <img src="http://blog.burninghat.net/wp-content/uploads/tuto_coins_arrondis_jquery/cadre_rounded.png" alt="petit rond marron" title="petit rond marron" border="0" height="22" width="22" /></p>
<p>Le fait de n&#8217;utiliser qu&#8217;une seule image va nous permettre de réduire considérablement le &#8220;poids&#8221; du cadre. À titre indicatif, l&#8217;image que j&#8217;utilise pèse  387 octets et la même découpée en 4 pour chaque coin amène un poids total de 953 octets. Ca parait ridicule comme ça mais comme dirait l&#8217;autre &#8220;il n&#8217;y a pas de petites économies&#8221; <img src='http://blog.burninghat.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h3>4ème étape : le CSS</h3>
<p>Voilà, plus qu&#8217;à rajouter une pincée de CSS pour donner corps à nos cadres. Vous noterez que j&#8217;ai donné une dimension de 11px à chacun des coins du cadre et qu&#8217;ensuite je me suis contenté de décaler horizontalement et verticalement l&#8217;image de fond pour donner l&#8217;illusion d&#8217;un cadre arrondi.</p>
<pre><code lang="css">.cadre{
	background-color: #bdb194;
	width: 30%;
}

.cadre_hg, .cadre_hd,
.cadre_bg, .cadre_bd{
	width: 11px;
	height: 11px;
	background-repeat: no-repeat;
	font-size: 1px;
}

.cadre_hg{
	background: url('cadre_rounded.png') 0 0;
}
.cadre_hd{
	background: url('cadre_rounded.png') 11px 0;
	float: right;
}
.cadre_bg{
	background: url('cadre_rounded.png') 0 11px;
}
.cadre_bd{
	background: url('cadre_rounded.png') 11px 11px;
	float: right;
}</code></pre>
<h3>Résultat et conclusion</h3>
<p>Une fois la page chargée, voici le résultat obtenu :</p>
<p><img src="http://blog.burninghat.net/wp-content/uploads/tuto_coins_arrondis_jquery/resultat.png" alt="cadre avec les coins arrondis" title="cadre avec les coins arrondis" border="0" height="142" width="374" /></p>
<p>Ce que j&#8217;apprécie dans cette méthode c&#8217;est de pouvoir générer simplement autant de cadres arrondis que désiré dans une page en utilisant une librairie déjà fournie par la plateforme que j&#8217;utilise (donc pas de &#8220;coût&#8221; supplémentaire) et sans surcharger inutilement le code de mes pages html et avec une seule petite image.</p>
<p>J&#8217;ai testé avec succès ce petit script sur :</p>
<ul>
<li>Firefox 2 sous Windows XP, Linux et Mac</li>
<li>Safari sous Windows et Mac</li>
<li>IE 7</li>
</ul>
<p>Vous pouvez consulter une <a href="http://blog.burninghat.net/wp-content/uploads/tuto_coins_arrondis_jquery/index.html" title="Faire des coins arrondis avec jQuery">page d&#8217;exemple</a> reprenant toute la procédure ou encore télécharger l&#8217;<a href="http://www.burninghat.net/statistiques/phpmv2/phpmyvisites.php?url=http%3A//blog.burninghat.net/wp-content/uploads/tuto_coins_arrondis_jquery/tuto_coins_arrondis_jquery.zip&amp;id=1&amp;pagename=FILE:tutoriel/coins_arrondis_jquery.zip" title="tuto_coins_arrondis_jquery.zip">archive zip</a> (17.5Ko) contenant les fichiers de démo.</p>
<p>N&#8217;hésitez pas à me faire part de vos commentaires, remarques, améliorations, vos propres astuces pour &#8220;arrondir les angles&#8221;, etc.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2008/03/05/coins-arrondis-avec-jquery-css-et-une-seule-image/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Eclipse, inventeur d&#8217;erreur ?</title>
		<link>http://blog.burninghat.net/2007/11/23/eclipse-inventeur-derreur/</link>
		<comments>http://blog.burninghat.net/2007/11/23/eclipse-inventeur-derreur/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 20:30:54 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[Aptana]]></category>

		<category><![CDATA[éditeur]]></category>

		<category><![CDATA[bug]]></category>

		<category><![CDATA[Eclipse]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/11/23/eclipse-inventeur-derreur/</guid>
		<description><![CDATA[J&#8217;utilise le couple Eclipse et Aptana pour le  développement web depuis quelques temps. L&#8217;éditeur est paramétré pour encoder tous mes fichiers par défaut en UTF-8. Et parfois il se produit un phénomène  plutôt étrange : l&#8217;éditeur soulève des erreurs inexistantes.  Parfois il suffit de ré-écrire le texte en question, parfois l&#8217;erreur disparait [...]]]></description>
			<content:encoded><![CDATA[<p>J&#8217;utilise le couple <a href="http://www.eclipse.org/" title="Eclipse - an open development platform" rel="tag" hreflang="en">Eclipse</a> et <a href="http://www.aptana.com" title="Aptana" hreflang="en">Aptana</a> pour le  développement web depuis quelques temps. L&#8217;éditeur est paramétré pour encoder tous mes fichiers par défaut en <a href="http://fr.wikipedia.org/wiki/UTF-8" title="Wikipedia - UTF-8"><abbr title="UCS transformation format 8 bits" lang="en">UTF-8</abbr></a>. Et parfois il se produit un phénomène  plutôt étrange : l&#8217;éditeur soulève des erreurs inexistantes.  Parfois il suffit de ré-écrire le texte en question, parfois l&#8217;erreur disparait  toute seule et parfois encore, rien à faire, il persiste ! Ce problème semble totalement indépendant du type de fichiers et du contenu et apparait de façon vraisemblablement aléatoire.</p>
<ul>
<li>exemple d&#8217;un extrait de code où Eclipse soulève une erreur sur deux lignes :<br />
<img src="http://blog.burninghat.net/wp-content/uploads/eclipse_inventeur_derreur.jpg" alt="erreurs soulevées par Eclipse dans un extrait de code CSS" border="0" height="82" width="318" /></li>
<li>le même extrait après ré-écriture du texte, plus d&#8217;erreur pour Eclipse :<br />
<img src="http://blog.burninghat.net/wp-content/uploads/eclipse_inventeur_derreur_02.jpg" alt="même extrait après ré-écriture: plus d'erreurs détectées" border="0" height="82" width="318" /></li>
</ul>
<p>Même si c&#8217;est sans réelle importance, je trouve ce petit souci plutôt agaçant et disgracieux dans l&#8217;éditeur d&#8217;un <abbr title="Integrated Development Environment" lang="en">IDE</abbr> aussi puissant et réputé qu&#8217;Eclipse. J&#8217;ai un peu fouiné sur le net, mais ce problème ne semble pas répandu. Des idées ?!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/11/23/eclipse-inventeur-derreur/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Histoire d&#8217;un photoblog #4: retard dans la roadmap</title>
		<link>http://blog.burninghat.net/2007/11/14/histoire-dun-photoblog-4-retard-dans-la-roadmap/</link>
		<comments>http://blog.burninghat.net/2007/11/14/histoire-dun-photoblog-4-retard-dans-la-roadmap/#comments</comments>
		<pubDate>Wed, 14 Nov 2007 13:24:08 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[WordPress]]></category>

		<category><![CDATA[photoblog]]></category>

		<category><![CDATA[projet]]></category>

		<category><![CDATA[roadmap]]></category>

		<category><![CDATA[yapb]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/11/14/histoire-dun-photoblog-4-retard-dans-la-roadmap/</guid>
		<description><![CDATA[Vous me demandez assez régulièrement où en est l&#8217;avancement de mon projet de photoblog et il semblerait que c&#8217;est un sujet qui revient souvent dans les recherches menant ici. Je n&#8217;ai abandonné ni le projet ni la suite d&#8217;articles sur l&#8217;élaboration d&#8217;un photoblog initiée courant septembre. Voici donc un petit point de situation.
WordPress 2.3.x, YaPB [...]]]></description>
			<content:encoded><![CDATA[<p>Vous me demandez assez régulièrement où en est l&#8217;avancement de mon projet de photoblog et il semblerait que c&#8217;est un sujet qui revient souvent dans les recherches menant ici. Je n&#8217;ai abandonné ni le projet ni <a href="http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/" title="burningHat.net - Histoire d’un photoblog #1: introduction" rel="me">la suite d&#8217;articles sur l&#8217;élaboration d&#8217;un photoblog initiée</a> courant septembre. Voici donc un petit point de situation.</p>
<h3>WordPress 2.3.x, <abbr title="Yet Another Photoblog">YaPB</abbr> 1.6 beta: la danse des versions&#8230;</h3>
<p>Comme <del>je prends</del> j&#8217;ai assez peu de temps à consacrer à mon projet de photoblog/galerie, WordPress est passé en version 2.3.x entre les différentes phases de développement. Cela me cause un problème inattendu car le développeur de <a href="http://johannes.jarolim.com/blog/wordpress/yet-another-photoblog/" title="Yet Another PhotoBlog">YaPB</a> a interrompu le développement et le support de son plugin pour les versions inférieures et la version compatible pour <abbr title="WordPress">WP</abbr> 2.3 n&#8217;est encore qu&#8217;en beta. Or la partie photoblog de mon projet repose essentiellement sur ce plugin.</p>
<p>La version beta actuelle semble assez instable et même totalement &#8220;aux fraises&#8221; sur mon banc de test, je dois donc attendre la sortie d&#8217;une version un peu plus avancée voir de la finale avant de poursuivre l&#8217;élaboration de mon projet. De plus, le <a href="http://johannes.jarolim.com/blog/uber-mich/" title="Johannes Peter Jarolim">développeur de YAPB</a> doit remettre le forum du plugin sur pied suite à un acte de <a href="http://johannes.jarolim.com/yapb-forum/">vandalisme</a> par un script kiddie désoeuvré ce qui risque de reporter encore les délais jusqu&#8217;à une version stable de son excellent plugin.</p>
<h3>Bilan et suite du programme</h3>
<p>Je dois donc réfléchir sur la direction à adopter pour la suite de ce projet:</p>
<ul>
<li>soit j&#8217;attends une beta &#8220;exploitable&#8221; (ou la version finale) de YAPB</li>
<li>soit je reprends les tests sur d&#8217;autres plugins pour retrouver les fonctions satisfaisants mes besoins (ça, ça risque de faire plaisir à <a href="http://www.whoismanu.com/blog/" title="Whoismanu?">certain</a> :p)</li>
</ul>
<p>Je n&#8217;ai pas encore arrêté mon choix à ce sujet mais dans tous les cas, ce projet aboutira et je vous livrerai rapidement les suites de mes périgrinations à son sujet.</p>
<p><ins datetime="2007-11-16T19:42:27+00:00"><span class="vcard"><a href="http://johannes.jarolim.com/blog/uber-mich/" class="url fn n" hreflang="de"><span class="given-name">Johannes <span class="family-name">Jarolim</span></span></a></span> a sorti bien plus vite que je ne le pensais la <a href="http://wordpress.org/extend/plugins/yet-another-photoblog/" title="WordPress &gt; Yet Another Photoblog" hreflang="en">version 1.6.1</a> de son plugin ce qui remet mon projet sur les rails. <img src='http://blog.burninghat.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </ins></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/11/14/histoire-dun-photoblog-4-retard-dans-la-roadmap/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Commentaires de blogs et sémantique</title>
		<link>http://blog.burninghat.net/2007/11/10/commentaires-de-blogs-et-semantique/</link>
		<comments>http://blog.burninghat.net/2007/11/10/commentaires-de-blogs-et-semantique/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 09:00:56 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[brainstorming]]></category>

		<category><![CDATA[commentaires]]></category>

		<category><![CDATA[CSS]]></category>

		<category><![CDATA[dialogue]]></category>

		<category><![CDATA[sémantique]]></category>

		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/11/10/commentaires-de-blogs-et-semantique/</guid>
		<description><![CDATA[Andy Clarke, dans son ouvrage &#8220;Transcender CSS, Sublimez le design web&#8221; démontre un usage des composés XHTML pour décrire un dialogue en partant du principe qu&#8217;un dialogue peut être décrit comme une liste ordonnée de citations. Ce qui donne quelque chose du genre :
&#60;ol&#62;
&#60;li&#62;
&#60;cite&#62;speaker #1&#60;/cite&#62;
&#60;blockquote&#62;
&#60;p&#62;Hello World !&#60;/p&#62;
&#60;/blockquote&#62;
&#60;/li&#62;
&#60;li&#62;
&#60;cite&#62;the world&#60;/cite&#62;
&#60;blockquote&#62;
&#60;p&#62;Hello speaker #1&#60;/p&#62;
&#60;/blockquote&#62;
&#60;/li&#62;
&#60;/ol&#62;
Ça m&#8217;a semblé d&#8217;un bon sens [...]]]></description>
			<content:encoded><![CDATA[<p><span id="hcard-Andy-Clarke" class="vcard"><a href="http://www.stuffandnonsense.co.uk/company/about#andy" title="Andy Clarke sur Stuff and Nonsense" class="url fn n" hreflang="en"><span class="given-name">Andy</span> <span class="family-name">Clarke</span></a></span>, dans son ouvrage &#8220;<a href="http://www.eyrolles.com/Informatique/Livre/9782212121070/livre-transcender-css.php" title="Eyrolles.com - Livre Transcender CSS - A. Clarke">Transcender CSS, Sublimez le design web</a>&#8221; démontre un usage des composés XHTML pour décrire un dialogue en partant du principe qu&#8217;un dialogue peut être décrit comme une liste ordonnée de citations. Ce qui donne quelque chose du genre :</p>
<p>&lt;ol&gt;<br />
&lt;li&gt;<br />
&lt;cite&gt;speaker #1&lt;/cite&gt;<br />
&lt;blockquote&gt;<br />
&lt;p&gt;Hello World !&lt;/p&gt;<br />
&lt;/blockquote&gt;<br />
&lt;/li&gt;</p>
<p>&lt;li&gt;<br />
&lt;cite&gt;the world&lt;/cite&gt;<br />
&lt;blockquote&gt;<br />
&lt;p&gt;Hello speaker #1&lt;/p&gt;<br />
&lt;/blockquote&gt;<br />
&lt;/li&gt;<br />
&lt;/ol&gt;</p>
<p>Ça m&#8217;a semblé d&#8217;un bon sens extraordinaire en le lisant et immédiatement se faisait l&#8217;analogie entre cette représentation d&#8217;un dialogue et l&#8217;énumération des commentaires sur un blog&#8230;</p>
<p>Honnêtement, je n&#8217;ai jamais été réellement convaincu par les méthodes utilisées en général dans les thèmes croisés jusqu&#8217;ici (toute plateforme confondue) comme l&#8217;utilisation de liste de définitions (<code>&lt;dl&gt;&lt;dt /&gt;&lt;dd /&gt;&lt;/dl&gt;</code>) ou d&#8217;une simple liste ordonnée <code>&lt;ol /&gt;</code> truffée de <code>&lt;div /&gt;</code> et autres <code>&lt;span /&gt;</code>, certes parfois agrémentés à souhait de <a href="http://microformats.org/" title="Microformats" hreflang="en">microformats</a> mais sans réel &#8220;consistance&#8221; logique à mon sens.</p>
<p>Je m&#8217;interroge donc si l&#8217;utilisation d&#8217;une liste ordonnée &lt;ol /&gt; avec une balise &lt;cite /&gt; pour nommer l&#8217;auteur et &lt;blockquote /&gt; pour l&#8217;énoncé du commentaire auxquels on ajouterai quelques microformats bien pensés (tel que les hcard évidemment) ne serait pas une réponse à la fois plus simple et élégante pour présenter les commentaires sur un blog plutôt que les solutions pré-citées&#8230;</p>
<p>Le débat est ouvert&#8230; Si vous voulez bien m&#8217;aider dans mon brainstorming (ou mettre directement fin à mes illusions avec un &#8220;killer argument&#8221;), c&#8217;est très volontiers !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/11/10/commentaires-de-blogs-et-semantique/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Palette Web 2.0</title>
		<link>http://blog.burninghat.net/2007/11/03/palette-web-20/</link>
		<comments>http://blog.burninghat.net/2007/11/03/palette-web-20/#comments</comments>
		<pubDate>Sat, 03 Nov 2007 09:50:57 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[couleur]]></category>

		<category><![CDATA[nuancier]]></category>

		<category><![CDATA[palette]]></category>

		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/11/03/palette-web-20/</guid>
		<description><![CDATA[Cédric nous propose un petit tour de 22 couleurs utilisées sur des sites phares de la &#8220;mouvance web 2.0&#8243; tel quel Gmail, Rollyo, Flickr, etc.
En plus de la liste de couleurs, retrouvez dans cette article le nuancier pour photoshop de cette palette de couleurs réalisé par votre serviteur.
N&#8217;hésitez pas à les mélanger pour des résultats [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.info-graphistes.com/ressources/palette-de-22-couleurs-web-20.html" title="info-graphistes.com - palette de 22 couleurs web 2.0">Cédric</a> nous propose un petit tour de 22 couleurs utilisées sur des sites phares de la &#8220;mouvance web 2.0&#8243; tel quel Gmail, Rollyo, Flickr, etc.</p>
<p>En plus de la liste de couleurs, retrouvez dans cette article le nuancier pour photoshop de cette palette de couleurs réalisé par votre serviteur.</p>
<p>N&#8217;hésitez pas à les mélanger pour des résultats détonants et originaux ! D&#8217;autant que <a href="http://www.info-graphistes.com" title="Info Graphistes - Enjoy the art of Web">Cédric</a> vous propose de montrer votre site dans vos commentaires (chez lui, pas ici&#8230;)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/11/03/palette-web-20/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Histoire d&#8217;un photoblog #3: mise en place de la structure</title>
		<link>http://blog.burninghat.net/2007/10/07/histoire-dun-photoblog-3-mise-en-place-de-la-structure/</link>
		<comments>http://blog.burninghat.net/2007/10/07/histoire-dun-photoblog-3-mise-en-place-de-la-structure/#comments</comments>
		<pubDate>Sun, 07 Oct 2007 15:46:54 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[WordPress]]></category>

		<category><![CDATA[photoblog]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/10/07/histoire-dun-photoblog-3-mise-en-place-de-la-structure/</guid>
		<description><![CDATA[Introduction
3ème volet de ma saga  &#8220;Histoire d&#8217;un photoblog&#8220;. Aujourd&#8217;hui, je vais mettre en place la structure de base qui va me servir à développer ce photoblog. Je ne vais pas vous expliquer ici comment installer en local ou sur votre hébergement une version de WordPress, vous trouverez bien assez de tuto sur la toile [...]]]></description>
			<content:encoded><![CDATA[<h3>Introduction</h3>
<p>3ème volet de ma saga  &#8220;<a href="http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/" title="burningHat.net - Histoire d'un photoblog #1: introduction">Histoire d&#8217;un photoblog</a>&#8220;. Aujourd&#8217;hui, je vais mettre en place la structure de base qui va me servir à développer ce photoblog. Je ne vais pas vous expliquer ici comment installer en local ou sur votre hébergement une version de WordPress, vous trouverez bien assez de tuto sur la toile à ce sujet <ref>si vraiment vous ne trouvez pas, vous consultez l&#8217;excellente suite de tutoriels de <a href="http://www.fran6art.com" title="Fran6art, le blog">fran6art.com</a> expliquant <a href="http://www.fran6art.com/tutoriels/creation-theme-wp-lecon-1-installation-de-wordpress-en-local/" title="Fran6Art.com - Installation de WordPress en local">comment créer un thème WordPress</a></ref> mais parcourir rapidement les choix de plugins que j&#8217;ai fait (les experts pourront passer leur chemin, vous trouverez surement l&#8217;intérêt de cet article très &#8220;moyen&#8221;) et la mise en place de mon environnement de travail.</p>
<h3>Choix des plugins</h3>
<p>Pour le &#8220;squelette&#8221; de ce photoblog, j&#8217;ai choisi de partir sur une base d&#8217;outils constituée ainsi :</p>
<h4>les outils de base</h4>
<ul>
<li>WordPress 2.3 (ça, ça parait logique)</li>
<li><a href="http://alexrabe.boelinger.com/?page_id=80" title="NextGEN Gallery" hreflang="en">NextGEN Gallery</a> qui servira à gérer les albums et les galeries du photoblog</li>
<li><a href="http://johannes.jarolim.com/yapb" title="Yet Another Photoblog" hreflang="de">Yet Another Photoblog</a> qui servira quand à lui à créer les &#8220;billets&#8221; avec la gestion des données exif, les flux &#8220;photos&#8221;, etc. (à noter qu&#8217;une version beta 1.6 pour WP2.3 vient de sortir, ce qui, contrairement à ce que j&#8217;aurais pu croire, indique que le projet est toujours bien vivant !)</li>
</ul>
<h4>les outils &#8220;de gestion&#8221;</h4>
<ul>
<li><a href="http://lesterchan.net/portfolio/programming.php" title="GaMerZ WordPress Plugins Development Blog" hreflang="en">WP-PostRatings</a> afin que les visiteurs puissent noter les billets photos</li>
<li><a href="http://www.geekyweekly.com/mypageorder" title="Geeky Weekly - My Page Order Plugin" hreflang="en">My Page Order</a> pour pouvoir gérer l&#8217;ordre des albums (qui seront publiés sous forme de page)</li>
<li><a href="http://gmurphey.com/2006/10/05/wordpress-plugin-page-link-manager/" title="Garrett Murphey - Wordpress Plugin: Page Link Manager" hreflang="en">Page Link Manager</a> qui me permettra de faire &#8220;disparaitre&#8221; au besoin les galeries privées ou des pages qui n&#8217;auront pas leur place dans le menu général par exemple</li>
</ul>
<p>Et enfin, comme j&#8217;ai décidé de faire la part belle aux microformats et de faire mumuse avec<ref>c&#8217;est de <a href="http://www.css4design.com/blog/index.php/2007/06/27/105-sandbox-et-wordpress-2-3" title="CSS4Design">sa faute, à force d&#8217;en parler</a>, il m&#8217;a donné envie d&#8217;essayé</ref>, je vais utiliser <a href="http://www.plaintxt.org/themes/sandbox/" title="Minimalism in blogging: an experiment out of control" hreflang="en">SandBox v1.0</a> comme base de travail pour développer mon thème.</p>
<h3>Conclusion</h3>
<p>Voilà, tout est en place&#8230; Pour le moment le photoblog ne ressemble donc à rien et dans les prochaines étapes, nous allons lui donner une allure utilisable, mettre en place toutes ces fonctionnalités et le mettre en production !!!</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/10/07/histoire-dun-photoblog-3-mise-en-place-de-la-structure/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Histoire d&#8217;un photoblog #2: choix de la plateforme</title>
		<link>http://blog.burninghat.net/2007/09/19/histoire-dun-photoblog-2-choix-de-la-plateforme/</link>
		<comments>http://blog.burninghat.net/2007/09/19/histoire-dun-photoblog-2-choix-de-la-plateforme/#comments</comments>
		<pubDate>Wed, 19 Sep 2007 17:02:31 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[photoblog]]></category>

		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/09/19/histoire-dun-photoblog-2-choix-de-la-plateforme/</guid>
		<description><![CDATA[Introduction
Voici, le 2ème épisode de ma &#8220;saga&#8221; Comment créer son photoblog (basé sur une histoire vraie !). Retrouvez le 1er épisode sur : Histoire d’un photoblog #1: introduction
Je me dois juste de préciser 2 choses avant de commencer

 je n&#8217;ai aucunement l&#8217;intention d&#8217;exposer un test de &#8220;référence&#8221; ci-après mais juste un retour d&#8217;expériences sur les [...]]]></description>
			<content:encoded><![CDATA[<h3>Introduction</h3>
<p>Voici, le 2ème épisode de ma &#8220;saga&#8221; <em>Comment créer son photoblog</em> (basé sur une histoire vraie !). Retrouvez le 1er épisode sur : <a href="http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/" title="burningHat.net - Histoire d’un photoblog #1: introduction">Histoire d’un photoblog #1: introduction</a></p>
<p>Je me dois juste de préciser 2 choses avant de commencer</p>
<ol>
<li> je n&#8217;ai aucunement l&#8217;intention d&#8217;exposer un test de &#8220;référence&#8221; ci-après mais juste un retour d&#8217;expériences sur les différents tests effectués dans le cadre de ma recherche personnelle.</li>
<li>je ne vais pas forcément détaillé tout ce que j&#8217;ai testé, d&#8217;une part pour la longueur du post, d&#8217;autre part, j&#8217;en ai testé tellement que je vais sûrement en oublier <img src='http://blog.burninghat.net/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </li>
</ol>
<h3>Résultat des &#8220;tests&#8221;</h3>
<p>J&#8217;ai donc exploré plusieurs voies lors de ma recherche de la &#8220;plateforme&#8221; idéale :</p>
<ul>
<li>insérer &#8220;bêtement&#8221; une galerie dans mon blog existant
<ul>
<li><strong>Pour :</strong> ça aurait le mérite d&#8217;être rapidement mis en place</li>
<li><strong>Contre :</strong> j&#8217;ai envie de disposer d&#8217;une &#8220;section&#8221; bien distinct du blog principal !</li>
</ul>
</li>
<li>développer ma propre plateforme
<ul>
<li><strong>Pour : </strong>ce serait l&#8217;idéal&#8230; du sur-mesure et tout ! (d&#8217;ailleurs, j&#8217;ai déjà tout le plan et le squelette en <a href="http://www.railsfrance.org/" title="RailsFrance.org - communauté francophone des utilisateurs de Ruby on Rails">Rails</a> de prêt)</li>
<li><strong>Contre :</strong> j&#8217;ai franchement pas le temps de m&#8217;atteler à cette tâche d&#8217;autant plus que ça serait très très long vu que je ne suis pas développeur &#8220;aguerri&#8221;. Alors un jour&#8230; peut-être&#8230; (ça ne fait <em>que</em> un an que c&#8217;est sur ma to-do list en vérité, hum&#8230;)</li>
</ul>
</li>
<li><a href="http://www.pixelpost.org/" title="PixelPost - Authentic photoblog flavour" hreflang="en">PixelPost</a>
<ul>
<li><strong>Pour :</strong> excellente plateforme de photoblog légère, rapide et extensible (communauté assez active)</li>
<li><strong>Contre :</strong> c&#8217;est vraiment un outil très bon pour ce qu&#8217;il est prévu : photoblog ! C&#8217;est à dire 1 photo = 1 billet&#8230; Pas forcément ce que je cherche</li>
</ul>
</li>
<li><strong><a href="http://gallery.menalto.com/" title="Gallery - Your Photos on Your Website" hreflang="en">Gallery</a></strong>
<ul>
<li><strong>Pour :</strong> outil de gestion de galeries vraiment complet et extensible, plugin pour l&#8217;insérer dans un blog WordPress existant</li>
<li><strong>Contre :</strong> c&#8217;est une véritable usine à gaz pas vraiment réactive à l&#8217;usage à mon goût&#8230; J&#8217;ai trouvé que le fait d&#8217;être tellement complet et polyvalent devenait presque handicapant à ce niveau-là. Je n&#8217;ai donc pas accroché du tout au rapport perf/complexité de configuration/usage que je compte en fait</li>
</ul>
</li>
<li><a href="http://www.photostand.org/presentation-fr.html" title="Photostand">Photostand</a>
<ul>
<li><strong>Pour :</strong> assez proche de ce que je désire, rapide, léger, assez élégant, dispo en français nativement et vraiment bien conçu dans l&#8217;ensemble !!! J&#8217;ai vraiment apprécié cet outil durant sa phase de test.</li>
<li><strong>Contre : </strong>hélas, le projet semble complètement à l&#8217;abandon ! Si je me trompe, je serais ravi de changer cet avis et de re-tester l&#8217;outil mais vu que la plateforme n&#8217;a plus été mise à jour depuis fin 2006 et les spams sur le forum officiel, tout laisse à penser que le projet est mort&#8230; (RIP) Si quelqu&#8217;un pouvait confirmer ou infirmer cette information, ça serait chouette ! <img src='http://blog.burninghat.net/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </li>
</ul>
</li>
<li><a href="http://www.dotclear.net/" title="DotClear">DotClear</a> + plugin <a href="http://mudry.org/blog/post/2006/05/07/285-photoblog-cinquieme">photoblog</a>
<ul>
<li><strong>Pour :</strong> euhhhhh plateforme éprouvée et modèle de thème connu vu que j&#8217;ai utilisé DotClear pendant un bon moment ?</li>
<li><strong>Contre :</strong> plateforme &#8220;vieillissante&#8221; (DotClear 1) et aucune envie d&#8217;y retourner (subjectif certes mais c&#8217;est la vérité) donc je ne me suis pas attardé sur le sujet&#8230;</li>
</ul>
</li>
<li><a href="http://www.wordpress-fr.org" title="WordPress Francophone">WordPress</a> + <a href="http://www.whoismanu.com/blog/2007/01/photoq-wordpress-plugin/" hreflang="en">PhotoQ</a>
<ul>
<li><strong>Pour :</strong> rapide à mettre en place et sympa</li>
<li><strong>Contre :</strong> je trouve ce plugin un peu limité en fait&#8230; Sinon rien en particulier</li>
</ul>
</li>
<li><a href="http://www.jillij.com/?page_id=66" title="Photon - wordpress + phpwebgallery">Photon</a> (WordPress + <a href="http://www.phpwebgallery.net/">PhpWebGallery</a>)
<ul>
<li><strong>Pour :</strong> le plugin est bien vu, tout près, en français et bien conçu</li>
<li><strong>Contre :</strong> nécessite PhpWebGallery et j&#8217;ai décidément du mal avec ces &#8220;galeries/usine&#8221; (d&#8217;autant que j&#8217;ai eu un peu de mal à obtenir une config qui tienne la route de phpwebgallery 1.7.0 sur mon serveur local :s)</li>
</ul>
</li>
<li>WordPress + <a href="http://johannes.jarolim.com/blog/wordpress/yet-another-photoblog/" title="YaPB" hreflang="de">YaPB</a> + <a href="http://wordpress.org/extend/plugins/nextgen-gallery/" title="NextGEN Gallery" hreflang="en">NextGENGallery</a>
<ul>
<li><strong>Pour :</strong> cette solution de 2 plugins alliant le côté photoblog avec toutes les options souhaitables et le côté galerie directement dans la plateforme WordPress allie presque tout ce que je recherche dans un environnement connu. NextGEN est un projet &#8220;bouillonnant&#8221;, progressant assez rapidement et YaPB regroupe vraiment les options que j&#8217;attendais pour mes &#8220;billets photo&#8221;. Et enfin, je vais pouvoir réutiliser certains éléments déjà développés pour mon blog principal.</li>
<li><strong>Contre :</strong> YaPB est un projet laissé à l&#8217;abandon bien qu&#8217;excellent et NGG est encore officiellement en alpha, c&#8217;est à dire déconseillé en production (même si le produit semble très stable et abouti&#8230; j&#8217;imagine que l&#8217;auteur le laisse en numérotation 0.xx du fait qu&#8217;il progresse rapidement)</li>
</ul>
</li>
</ul>
<h3>Pour conclure</h3>
<p>J&#8217;ai testé encore d&#8217;autres solutions de galeries et de photoblog (comme coppermine dans les galeries par exemple) mais globalement, les &#8220;critiques&#8221; sont les mêmes que pour Gallery ou pixelpost donc je ne vais pas m&#8217;éterniser là-dessus.</p>
<p>La solution actuellement retenue à ce stade de mes expériences (et parce qu&#8217;il faut bien s&#8217;arrêter de chercher un jour) est la dernière qui est aussi la plus proche des outils web sur lesquels je travaille actuellement, à savoir : WordPress + YaPB + NextGENGallery avec un thème qui sera vraisemblablement développé sur la base de <a href="http://www.plaintxt.org/themes/sandbox/" title="SandBox - Minimalism in blogging: an experiment out of control" hreflang="en">SandBox</a> et qui devrait faire assez grandement usage de la libraire <a href="http://www.jquery.info/" title="jQuery - Découvrir et utiliser jQuery, la librairie javascript du XXIIème siècle">jQuery</a>. À terme, vu la <a href="http://alexrabe.boelinger.com/?page_id=81" title="NextGEN Gallery - ToDo List" hreflang="en">ToDo List de NGG</a>, je risque même de me passer de YaPB (et le produit gagnerait en uniformité)</p>
<p>La suite du programme sera donc la mise en place de la plateforme puis son adaptation à mes besoins et sa personnalisation.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/09/19/histoire-dun-photoblog-2-choix-de-la-plateforme/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Histoire d&#8217;un photoblog #1: introduction</title>
		<link>http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/</link>
		<comments>http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/#comments</comments>
		<pubDate>Mon, 10 Sep 2007 16:27:51 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Webdev]]></category>

		<category><![CDATA[photoblog]]></category>

		<category><![CDATA[Photographie]]></category>

		<category><![CDATA[Photos]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/</guid>
		<description><![CDATA[Introduction
Voilà, ça fait un moment que je dis un peu partout avoir un projet de photoblog &#8220;sur le feu&#8221;. À force de tests, de le remettre à plus tard par manque de temps et de recommencer les tests parce que certains plugins ou plateformes testés précédemment étaient devenus obsolètes, je me suis dis qu&#8217;il pourrait [...]]]></description>
			<content:encoded><![CDATA[<h3>Introduction</h3>
<p>Voilà, ça fait un moment que je dis un peu partout avoir un projet de <strong>photoblog</strong> &#8220;sur le feu&#8221;. À force de tests, de le remettre à plus tard par manque de temps et de recommencer les tests parce que certains <strong>plugins</strong> ou <strong>plateformes</strong> testés précédemment étaient devenus obsolètes, je me suis dis qu&#8217;il pourrait être intéressant de suivre l&#8217;évolution de ce projet du début pour ce qui voudraient s&#8217;y mettre aussi sans trop savoir où commencer !</p>
<p>Je vais donc vous raconter cette histoire depuis le début jusqu&#8217;à son terme à travers une suite d&#8217;articles.</p>
<h4>Menu</h4>
<ul>
<li><a href="http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/" title="burningHat.net - Histoire d'un photoblog #1: introduction" rel="me">Histoire d’un photoblog #1: introduction</a></li>
<li><a href="http://blog.burninghat.net/2007/09/19/histoire-dun-photoblog-2-choix-de-la-plateforme/" title="burningHat.net - Histoire d’un photoblog #2: choix de la plateforme" rel="me">Histoire d’un photoblog #2: choix de la plateforme</a></li>
<li><a href="http://blog.burninghat.net/2007/10/07/histoire-dun-photoblog-3-mise-en-place-de-la-structure/" title="burningHat.net - Histoire d’un photoblog #3: mise en place de la structure" rel="me">Histoire d&#8217;un photoblog #3: mise en place de la structure</a></li>
<li><a href="http://blog.burninghat.net/2007/11/14/histoire-dun-photoblog-4-retard-dans-la-roadmap/" title="Histoire d’un photoblog #4: retard dans la roadmap" rel="me">Histoire d’un photoblog #4: retard dans la roadmap</a></li>
</ul>
<h3>Questionnement du futur &#8220;parent&#8221;</h3>
<p>Avant de me lancer dans cette histoire de photoblog, j&#8217;ai commencé par me poser quelques questions :</p>
<ul>
<li>Suis-je prêt à l&#8217;alimenter convenablement ? Cela implique de faire plus ou moins régulièrement des photos, du post-traitement ET de sortir un résultat plus ou moins convenable à regarder (ça reste très amateur et sans prétention aucune)</li>
<li>Qu&#8217;ai-je envie de faire sur cette future plateforme ? Un photoblog &#8220;pur&#8221; façon <a href="http://www.pixelpost.org/" title="Pixelpost is an open-source, standards-compliant, multi-lingual, fully extensible photoblog application for the web." hreflang="en">pixelpost</a> où un post = une image ? Une galerie ? Finalement, il m&#8217;est apparu que je voulais plutôt une sorte de mélange des deux&#8230; la possibilité de poster régulièrement une image seule ET de gérer quelques petites galeries également</li>
<li>Qu&#8217;est-ce que j&#8217;attends de ce site en terme de fonctionnalités ? Déjà qu&#8217;il ne soit pas trop complexe à mettre en oeuvre et à utiliser (pas envie d&#8217;apprendre encore un type de templates de a-z) et pas trop &#8220;gourmand&#8221; en ressources non plus&#8230; Bien sûr, comme je dispose d&#8217;un hébergement très copieusement dimensionné, je compte bien hébergé ce photoblog dessus et ainsi avoir le contrôle complet de la plateforme. Ce qui m&#8217;amenera au banc de tests de différentes solutions de plateformes</li>
</ul>
<p>Une fois la réponse à toutes ses questions posées, j&#8217;avais déjà une assez bonne idée de ce que j&#8217;attendais de la future plateforme et pu me mettre en quête de celle qui servirait de support à ce photoblog&#8230;</p>
<p>Dans le prochain article, je vous emmènerai donc avec moi tester les différentes offres phares de plateformes de galeries et de photoblogs. J&#8217;espère que cette petite introduction vous a plu et pourra vous être utile pour jeter les bases du votre si l&#8217;aventure vous tente !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2007/09/10/histoire-dun-photoblog-1-introduction/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ruby on Rails sous Ubuntu 6.06 LTS</title>
		<link>http://blog.burninghat.net/2006/06/22/ruby-on-rails-sous-ubuntu-606-lts/</link>
		<comments>http://blog.burninghat.net/2006/06/22/ruby-on-rails-sous-ubuntu-606-lts/#comments</comments>
		<pubDate>Thu, 22 Jun 2006 10:06:00 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Ruby on Rails]]></category>

		<category><![CDATA[tutoriel]]></category>

		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/?p=98</guid>
		<description><![CDATA[Voilà un petit mémento d&#8217;installation pour l&#8217;installation d&#8217;un confortable environnement de developpement Web sur Ubuntu 6.06 LTS comprenant :

Le classique et incontournable LAMP
RubyOnRails
Eclipse avec les plugins pour Ruby, Rails et PHP

Pour la partie LAMP, je vous laisserais le soin de consulter le WiKi d&#8217;Ubuntu-fr.org qui décrit suffisament bien la procédure à suivre :

Serveur LAMP
Serveur LAMP bis

Intéressons-nous plutôt [...]]]></description>
			<content:encoded><![CDATA[<p>Voilà un petit mémento d&#8217;installation pour l&#8217;installation d&#8217;un confortable environnement de developpement Web sur Ubuntu 6.06 LTS comprenant :</p>
<ul>
<li>Le classique et incontournable <acronym>LAMP</acronym></li>
<li>RubyOnRails</li>
<li>Eclipse avec les plugins pour Ruby, Rails et PHP</li>
</ul>
<p>Pour la partie <acronym>LAMP</acronym>, je vous laisserais le soin de consulter le WiKi d&#8217;<a href="http://www.ubuntu-fr.org">Ubuntu-fr.org</a> qui décrit suffisament bien la procédure à suivre :</p>
<ul>
<li><a href="http://doc.ubuntu-fr.org/serveur/lamp">Serveur LAMP</a></li>
<li><a href="http://doc.ubuntu-fr.org/serveur/lamp_bis">Serveur LAMP bis</a></li>
</ul>
<p>Intéressons-nous plutôt à l&#8217;installation de RubyOnRails et d&#8217;Eclipse !</p>
<h3>Ruby on Rails</h3>
<p>Tout le support de base pour Ruby on Rails sur Ubuntu 6.06 LTS se trouve dans les dépôts Universe, donc pour installer <acronym>RoR</acronym> sur une Ubuntu 6.06 LTS, tout se résume à&#8230; une ligne de commande ! Ouvrez donc un terminal et tapez-y<br />
<code>$ sudo apt-get install rails irb libapache2-mod-fcgid</code></p>
<p>Vous vous retrouvez donc avec le langage Ruby, Rails, l&#8217;interactive Ruby et le support de Fast CGI pour Apache2 (si vous désirez bosser avec Apache2 en plus ou à la place de WEBRick<sup>[<a href="#pnote-128-1">1</a>]</sup></p>
<p>Je vois souvent sur les blogs ou sur le net que l&#8217;on conseille plutôt d&#8217;installer Ruby puis d&#8217;utiliser RubyGems pour l&#8217;installation de Rails&#8230; Ce serait une très bonne chose (et c&#8217;est ainsi d&#8217;ailleurs que j&#8217;ai installer l&#8217;environnement sur un poste Ubuntu ainsi que sur mon Windows) mais le soucis majeur est que le serveur de <a href="http://www.rubyforge.org">rubyforge</a> a l&#8217;air d&#8217;être régulièrement down au moment où j&#8217;écris ces lignes. Donc tant que la situation n&#8217;aura pas retrouvé une certaine stabilité, je vous conseille plutôt d&#8217;utiliser les dépôts disponible dans votre distribution (d&#8217;autant qu&#8217;ils sont à jour !)</p>
<p>J&#8217;ai l&#8217;intention de travailler sur mes projets de développement en utilisant indifférement des bases de données MySQL et SQLite&#8230; L&#8217;installation de Rails est simplicissime mais n&#8217;inclut pas directement SQLite.</p>
<p>Nous allons donc le rajouter en tapant dans la console<br />
<code>$ sudo apt-get install libsqlite3-ruby</code></p>
<p>Voilà, nous devons disposer d&#8217;un environnement de travail <acronym>RoR</acronym> fonctionnel&#8230; Testons-le pour voir si tout à bien fonctionner en créant une application Rails vide. Dans un terminal, tapez :<br />
<code>$ rails test</code></p>
<p>Vous devriez voir se créer l&#8217;arborescence de votre application :</p>
<pre>     create      create  app/controllers      create  app/helpers      create  app/models      create  app/views/layouts      create  config/environments      create  components      create  db      create  doc      create  lib      create  lib/tasks      create  log      create  public/images      create  public/javascripts      create  public/stylesheets      create  script/performance      create  script/process      create  test/fixtures      create  test/functional      create  test/integration      create  test/mocks/development      create  test/mocks/test      create  test/unit      create  vendor      create  vendor/plugins      create  tmp/sessions      create  tmp/sockets      create  tmp/cache      create  Rakefile      create  README      create  app/controllers/application.rb      create  app/helpers/application_helper.rb      create  test/test_helper.rb      create  config/database.yml      create  config/routes.rb      create  public/.htaccess      create  config/boot.rb      create  config/environment.rb      create  config/environments/production.rb      create  config/environments/development.rb      create  config/environments/test.rb      create  script/about      create  script/breakpointer      create  script/console      create  script/destroy      create  script/generate      create  script/performance/benchmarker      create  script/performance/profiler      create  script/process/reaper      create  script/process/spawner      create  script/runner      create  script/server      create  script/plugin      create  public/dispatch.rb      create  public/dispatch.cgi      create  public/dispatch.fcgi      create  public/404.html      create  public/500.html      create  public/index.html      create  public/favicon.ico      create  public/robots.txt      create  public/images/rails.png      create  public/javascripts/prototype.js      create  public/javascripts/effects.js      create  public/javascripts/dragdrop.js      create  public/javascripts/controls.js      create  public/javascripts/application.js      create  doc/README_FOR_APP      create  log/server.log      create  log/production.log      create  log/development.log      create  log/test.log</pre>
<p>Si c&#8217;est le cas, tout est ok et on peut passer à l&#8217;installation de notre <acronym>IDE</acronym> Eclipse.</p>
<h3>Eclipse</h3>
<h4>Le choix d&#8217;Eclipse</h4>
<p>J&#8217;ai choisi d&#8217;utiliser Eclipse comme <acronym>IDE</acronym> principalement pour deux raisons&#8230; Tout d&#8217;abord le fait de pouvoir retrouver le même environnement que je travaille sous MS Windows ou sur GNU/Linux et ensuite pour n&#8217;avoir qu&#8217;un seul <acronym>IDE</acronym> quelque soit le type de projet (PHP ou <acronym>RoR</acronym>) sur lequel je travaille. Et j&#8217;ajouterais également que la puissance et le niveau de personnalisation d&#8217;Eclipse sont également des plus agréables.</p>
<h4>La version des dépôts ou le SDK ?</h4>
<p>J&#8217;ai tout d&#8217;abord tester la version disponible dans les dépôts d&#8217;Ubuntu 6.06 LTS mais je l&#8217;ai rapidement abandonné&#8230; Tout simplement parce que je n&#8217;ai pas réussi à faire tourner les plugins PHP et Ruby dessus et aussi parce qu&#8217;elle installait également un gros paquet de logiciels qui ne m&#8217;intéresse absolument pas&#8230; Nous allons donc travailler avec la version SDK disponible sur le site d&#8217;<a href="http://www.eclipse.org/">Eclipse.org</a></p>
<h4>Installation de la version SDK</h4>
<ul>
<li>Téléchargez la dernière version SDK pour GNU/Linux sur le site d&#8217;Eclipse <a href="http://www.eclipse.org/downloads/">http://www.eclipse.org/downloads/</a></li>
<li>Dans votre dossier personnel, créez un dossier <code>opt</code></li>
</ul>
<p><code>$ mkdir ~/opt</code></p>
<ul>
<li>Placez-vous dans le dossier où vous avez téléchargé l&#8217;archive du SDK et décompressez là dans votre nouveau dossier <code>~/opt</code> :</li>
</ul>
<p><code>$ tar -zxvf ./eclipse-SDK-3.1.2-linux-gtk.tar.gz -C ~/opt</code></p>
<p>Nous allons maintenant créez un lanceur dans le menu Applications / Programmation pour notre <acronym>IDE</acronym> :<sup>[<a href="#pnote-128-2">2</a>]</sup></p>
<ul>
<li>Faites un clic droit sur le menu &quot;Applications&quot; / &quot;Éditer les menus&quot;</li>
<li>Cliquez sur la rubrique &quot;Programmation&quot; dans la partie gauche de la fenêtre</li>
<li>&quot;Fichier&quot; / &quot;Nouvelle entrée&quot; et remplissez les champs ainsi :
<ol>
<li><strong>Nom :</strong> Eclipse</li>
<li><strong>Commentaire :</strong> Eclipse IDE</li>
<li><strong>Commande :</strong> /home/votre_username/opt/eclipse/eclipse</li>
<li><strong>Icone :</strong> /home/manu/opt/eclipse/icon.xpm</li>
</ol>
</li>
</ul>
<p>Voilà, Eclipse est installé et déjà fonctionnel ! Vous pouvez le lancer depuis le menu Applications si vous le désirez&#8230;</p>
<h4>Les plugins</h4>
<p>Maintenant nous allons ajouter à notre <acronym>IDE</acronym> les plugins nécessaire pour développer des projets PHP et <acronym>RoR</acronym>. Nous allons pour cela profiter de la puissance d&#8217;Eclipse pour lui faire télécharger et installer les plugins tout seul.</p>
<ul>
<li>Lancez Eclipse</li>
<li>Allez dans le menu &quot;Help&quot; / &quot;Software Updates&quot; / &quot;Find and install&quot;</li>
<li>Cochez la case &quot;Search for new features to install&quot; et &quot;Next&quot;</li>
</ul>
<p>Depuis cette fenêtre, nous allons ajouter maintenant 3 &quot;Remote Site&quot; pour qu&#8217;Eclipse puisse allez chercher nos différents plugins (PHP, Ruby et Rails). Utilisez donc le bouton &quot;Remote Site&quot; pour ajouter les adresses suivantes :</p>
<ul>
<li><strong>PHPEclipse</strong></li>
</ul>
<p>Name : PHPEclipse<br />
URL : http://phpeclipse.sourceforge.net/update/releases</p>
<ul>
<li><strong>Ruby Development Tool</strong></li>
</ul>
<p>Name : Ruby Development Tool<br />
URL : http://rubyeclipse.sf.net/updatesite</p>
<ul>
<li><strong>RadRails</strong></li>
</ul>
<p>Name : RadRails<br />
URL : http://download.radrails.org/update</p>
<ul>
<li>Cliquez sur Finish, l&#8217;Update Manager se lance et va télécharger tout ce dont il a besoin.</li>
<li>À l&#8217;étape &quot;Search Result&quot;, vous devriez avoir 3 propositions, une par plugins&#8230;. Sélectionnez-les tous et validez</li>
<li>Acceptez les termes du contrat et suivez simplement la fin de l&#8217;installation (ça va télécharger, vous demandez une fois encore si vous désirez les installer, puis enfin vous proposer de redémarrer Eclipse !)</li>
</ul>
<h4>Installation de Java et configuration pour Eclipse</h4>
<p>À ce stade de l&#8217;article, vous devriez déjà avoir un environnement de développement parfaitement fonctionnel pour vos projets PHP et <acronym>RoR</acronym>. Cependant, la machine virtuelle Java libre utilisée par défaut par Ubuntu est un peu plus lente que celle de Sun&#8230; Vous pourriez donc vouloir utiliser celle de Sun afin de gagner en réactivité.</p>
<p>Pour cette partie là, j&#8217;ai suivi les conseils de l&#8217;article <a href="http://blognote-info.com/index.php?2006/06/15/435-eclipse-et-java-sous-ubuntu-dapper">Eclipse et Java sous Ubuntu dapper</a>. Je vous laisse donc consulter son article pour installer Java</p>
<h3>Conclusion</h3>
<p>Voilà, maintenant il ne vous reste plus qu&#8217;à développer vos applications Web !</p>
<div>
<h4>Notes</h4>
<p>[<a href="#rev-pnote-128-1">1</a>] Ce que personnellement, je ne vous recommande pas, WEBRick étant bien plus souple et rapide pour la partie development !</p>
<p>[<a href="#rev-pnote-128-2">2</a>] Ceci est un choix arbitraire et le principe est quasi identique pour placer un lanceur aussi bien dans un tableau de bord ou sur le bureau.</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2006/06/22/ruby-on-rails-sous-ubuntu-606-lts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ruby on Rails</title>
		<link>http://blog.burninghat.net/2006/06/21/ruby-on-rails/</link>
		<comments>http://blog.burninghat.net/2006/06/21/ruby-on-rails/#comments</comments>
		<pubDate>Wed, 21 Jun 2006 23:45:59 +0000</pubDate>
		<dc:creator>burningHat</dc:creator>
		
		<category><![CDATA[Ruby on Rails]]></category>

		<guid isPermaLink="false">http://blog.burninghat.net/?p=39</guid>
		<description><![CDATA[Ruby on Rails, Ruby on Rails&#8230; On entend presque plus que ça partout sur la toile&#160;! Généralement dans des articles parlant de Web 2.0 ou d&#8217;AJAX&#8230; Termes aillant le don de m&#8217;agacer au plus haut point par ailleurs&#8230;
Alors, Ruby on Rails disais-je&#160;! Le truc qu&#8217;on présente un peu partout comme le framework ultime qui vous [...]]]></description>
			<content:encoded><![CDATA[<p>Ruby on Rails, Ruby on Rails&#8230; On entend presque plus que ça partout sur la toile&nbsp;! Généralement dans des articles parlant de Web 2.0 ou d&#8217;<acronym title="Asynchronous Javascript And XML">AJAX</acronym>&#8230; Termes aillant le don de m&#8217;agacer au plus haut point par ailleurs&#8230;</p>
<p>Alors, Ruby on Rails disais-je&nbsp;! Le truc qu&#8217;on présente un peu partout comme le framework ultime qui vous fait développer une application ahurissante en 3 clics et 2 lignes de code à peine&nbsp;! Ce qui me faisait doucement sourire et passer à la ligne suivante de l&#8217;article&#8230;</p>
<p>Cependant à force d&#8217;en entendre parler, ça a commencé à titiller sérieusement ma curiosité&#8230; Et, le hasard aidant, je suis récemment tombé sur un <a href="http://developpeur.journaldunet.com/tutoriel/ruby/060306-rubyonrails-1-0-intro.shtml">article expliquant brièvement ce qu&#8217;était Ruby on Rails</a> et sur un autre article (dans la presse écrite cette fois) proposant de créer une application simple et rapidement avec <acronym title="Ruby on Rails">RoR</acronym>. Ce concours de circonstance a eu raison de ma curiosité et j&#8217;ai testé un petit peu tout ça&#8230; <strong>Et ça m&#8217;a plu !</strong> J&#8217;ai même été épaté par la puissance, la souplesse et surtout la rapidité à laquelle <acronym title="Ruby on Rails">RoR</acronym> permet de développer une application viable.</p>
<p>Alors j&#8217;ai cherché, fouiner sur le net des docs pour essayer des exemples un peu plus concrets et complets&#8230; De fil en aiguille, je me suis acheté le livre <em>dont tout le monde parle</em><sup>[<a href="#pnote-98-1">1</a>]</sup>. Depuis je suis littéralement scotché à ce duo gagnant&nbsp;! Bon, je ne vais pas en faire l&#8217;apologie absolue, d&#8217;autant  que je n&#8217;en suis qu&#8217;à découvrir les capacités de <acronym title="Ruby on Rails">RoR</acronym>. Cependant, et même si bien sûr ce n&#8217;est pas la solution <del>miracle</del> ultime mettant le développement d&#8217;applications web riches à la portée de tout un chacun en 2 clics de souris, il est réellement impressionant de découvrir la facilité et la vitesse à laquelle ce framework permet de créer et de maintenir un site Web&#8230;</p>
<p>Le langage (Ruby) peut être un peu déroutant à la base certes, mais sa logique et sa clarté font qu&#8217;on est très vite dans le bain&#8230; Associé à un framework déjà très complet malgré sa jeunesse et très bien pensé, c&#8217;est vrai que la solution a de quoi séduire&nbsp;!</p>
<p>Je vais donc continuer de tester et d&#8217;explorer ça et vous tenir au courant à mesure que j&#8217;avancerais (on verra bien si je déchante une fois arrivé à la fin du livre ;)).</p>
<p>En attendant, si ce sujet vous intéresse, je ne saurais que trop vous conseillez un petit détour par&nbsp;:</p>
<ul>
<li>La communauté francophone de <acronym title="Ruby on Rails">RoR</acronym>&nbsp;: <a href="http://www.railsfrance.org">Railsfrance.org</a></li>
<li><a href="http://www.railsfrance.org/node/128">Les articles traduits en français de Curt Hibbs</a></li>
<li>Le site officiel de Ruby on Rails&nbsp;: <a href="http://www.rubyonrails.org/">http://www.rubyonrails.org/</a> (Jettez un oeil aux &#8220;screencasts &amp; presentations&#8221;)</li>
</ul>
<div>
<h4>Notes</h4>
<p>[<a href="#rev-pnote-98-1">1</a>] <a href="http://www.eyrolles.com/Informatique/Livre/9782212117462/livre-ruby-on-rails.php">Ruby on Rails</a> de Dave Thomas et David Heinemeier Hansson, aux éditions <a href="http://www.eyrolles.com/">Eyrolles</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.burninghat.net/2006/06/21/ruby-on-rails/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
