<?xml
version="1.0" encoding="utf-8"?>
<rss version="2.0" 
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:atom="http://www.w3.org/2005/Atom"
>

<channel xml:lang="fr">
	<title>Teddy Payet</title>
	<link>https://www.teddypayet.com/</link>
	
	<language>fr</language>
	<generator>SPIP - www.spip.net</generator>
	<atom:link href="https://www.teddypayet.com/spip.php?id_mot=68&amp;page=backend" rel="self" type="application/rss+xml" />

	<image>
		<title>Teddy Payet</title>
		<url>https://www.teddypayet.com/local/cache-vignettes/L144xH162/siteon0-84dcb.png?1748259078</url>
		<link>https://www.teddypayet.com/</link>
		<height>162</height>
		<width>144</width>
	</image>

                    

<item xml:lang="fr">
		<title>LET.archi.fr, mill&#233;sime 2023</title>
		<link>https://www.teddypayet.com/LET-archi-fr-millesime-2023</link>
		<guid isPermaLink="true">https://www.teddypayet.com/LET-archi-fr-millesime-2023</guid>
		<dc:date>2023-07-06T10:36:21Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Traitement automatique des images</dc:subject>
		<dc:subject>HTML</dc:subject>
		<dc:subject>CSS</dc:subject>
		<dc:subject>Graphic Design</dc:subject>
		<dc:subject>Web Design</dc:subject>
		<dc:subject>MySQL</dc:subject>
		<dc:subject>&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV)</dc:subject>
		<dc:subject>PHP</dc:subject>
		<dc:subject>D&#233;veloppeur Web</dc:subject>
		<dc:subject>Freelance</dc:subject>
		<dc:subject>jQuery</dc:subject>
		<dc:subject>Bootstrap (CSS et JS)</dc:subject>
		<dc:subject>PHPStorm</dc:subject>
		<dc:subject>Git</dc:subject>

		<description>
&lt;p&gt;L'un de mes premiers clients en d&#233;veloppement Web est le LET de l'ENSAPLV. Nous travaillons en collaboration depuis plusieurs ann&#233;es ensemble. Cette ann&#233;e 2023 a &#233;t&#233; le souhait et l'engagement pour le laboratoire de mettre &#224; jour le design du site et le faire rentrer dans un monde plus actuel dans son utilisation. La refonte a &#233;t&#233; mise en ligne ce lundi 3 juillet 2023. &lt;br class='autobr' /&gt; Cette refonte graphique garde l'essence initiale du site mais rafraichit sa lecture sur l'ensemble des supports avec du (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Developpement" rel="directory"&gt;D&#233;veloppement&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Traitement-automatique-des-images" rel="tag"&gt;Traitement automatique des images&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/HTML" rel="tag"&gt;HTML&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/CSS" rel="tag"&gt;CSS&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Graphic-Design" rel="tag"&gt;Graphic Design&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Web-Design" rel="tag"&gt;Web Design&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/MySQL" rel="tag"&gt;MySQL&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Ecole-Nationale-Superieure-d-Architecture-de-Paris-Lavillette-ENSAPLV" rel="tag"&gt;&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV)&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/PHP" rel="tag"&gt;PHP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Developpeur-Web" rel="tag"&gt;D&#233;veloppeur Web&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Freelance" rel="tag"&gt;Freelance&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Bootstrap-CSS-et-JS" rel="tag"&gt;Bootstrap (CSS et JS)&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/PHPStorm" rel="tag"&gt;PHPStorm&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Git" rel="tag"&gt;Git&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH75/screenshot_2023-07-06_at_12-28-45_let_-_laboratoire_espaces_travail-c1cd8.png?1748259079' class='spip_logo spip_logo_right' width='150' height='75' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;L'un de mes premiers clients en d&#233;veloppement Web est le LET de l'ENSAPLV. Nous travaillons en collaboration depuis plusieurs ann&#233;es ensemble. Cette ann&#233;e 2023 a &#233;t&#233; le souhait et l'engagement pour le laboratoire de mettre &#224; jour le design du site et le faire rentrer dans un monde plus actuel dans son utilisation. La refonte a &#233;t&#233; mise en ligne ce lundi 3 juillet 2023.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Cette refonte graphique garde l'essence initiale du site mais rafraichit sa lecture sur l'ensemble des supports avec du responsive (Merci Bootstrap 5). Chaque page a &#233;t&#233; revue dans sa mise en forme et &#233;galement dans la structure de l'information gr&#226;ce au gros travail d'Elise, responsable &#233;ditoriale du site du LET.&lt;/p&gt;
&lt;p&gt;En outre de cet aspect UI/&#034;UX&#034;, j'ai profit&#233; pour mettre &#224; jour SPIP et l'ensemble des plugins du site. SPIP 4.1 propulse fi&#232;rement le site. Le c&#244;t&#233; front est bas&#233; sur Zcore avec un template maison que j'ai mis en place. Composition et SCSSPHP sont de la partie. Un bonheur de travailler avec ces plugins.&lt;/p&gt;
&lt;p&gt;Un tr&#232;s grand merci &#224; Elise de me faire confiance depuis toutes ces ann&#233;es &#224; travailler ensemble.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Afficher les globals tout en boucle SPIP</title>
		<link>https://www.teddypayet.com/Afficher-les-globals-tout-en-boucle-SPIP</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Afficher-les-globals-tout-en-boucle-SPIP</guid>
		<dc:date>2013-11-15T17:11:41Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Astuce</dc:subject>
		<dc:subject>Notes de d&#233;veloppement</dc:subject>
		<dc:subject>PHP</dc:subject>
		<dc:subject>Javascript</dc:subject>
		<dc:subject>Boucle DATA</dc:subject>
		<dc:subject>Boucle CONDITION</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Lorsqu'on fait un d&#233;veloppement PHP, on a besoin parfois de savoir ce qu'on a dans nos $GLOBALS. Il en va de m&#234;me lorsqu'on est en d&#233;veloppement avec SPIP. Voici un bout de code qui peut d&#233;panner. &lt;br class='autobr' /&gt; Pr&#233;ambule Il existe des solutions plus pouss&#233;es comme les logiciels IDE qui permettent de voir les fonctions appell&#233;es dans la page. Malheureusement, on n'a pas toujours la possibilit&#233; de coder avec ces logiciels dans l'infrastructure o&#249; nous sommes. Dans SPIP, on peut m&#234;me utiliser le plugin (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Astuce" rel="tag"&gt;Astuce&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Notes-de-developpement" rel="tag"&gt;Notes de d&#233;veloppement&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/PHP" rel="tag"&gt;PHP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Boucle-DATA" rel="tag"&gt;Boucle DATA&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Boucle-CONDITION" rel="tag"&gt;Boucle CONDITION&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH95/arton120-cc7f7.png?1755102076' class='spip_logo spip_logo_right' width='150' height='95' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Lorsqu'on fait un d&#233;veloppement PHP, on a besoin parfois de savoir ce qu'on a dans nos &lt;i&gt;$GLOBALS&lt;/i&gt;. Il en va de m&#234;me lorsqu'on est en d&#233;veloppement avec SPIP. Voici un bout de code qui peut d&#233;panner.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Pr&#233;ambule&lt;/h2&gt;
&lt;p&gt;Il existe des solutions plus pouss&#233;es comme les logiciels IDE qui permettent de voir les fonctions appell&#233;es dans la page. Malheureusement, on n'a pas toujours la possibilit&#233; de coder avec ces logiciels dans l'infrastructure o&#249; nous sommes.&lt;br class='autobr' /&gt;
Dans SPIP, on peut m&#234;me utiliser le plugin &lt;a href=&#034;http://contrib.spip.net/TestBuilder&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Test Builder&lt;/a&gt; pour cr&#233;er... nos tests. C'est super pratique quand on a pris le coup de main.&lt;/p&gt;
&lt;p&gt;Mais voil&#224;... Ca, c'est dans le meilleur des mondes. Parfois, tout cela n'est pas possible ou on a juste besoin d'une information sans avoir &#224; utiliser un couteau Suisse(c) l&#224; o&#249; un cure-dent suffirait.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le code&lt;/h2&gt;
&lt;p&gt;Pour faire illustrer notre exemple, on va cr&#233;er dans notre r&#233;pertoire squelettes l'arborescence suivante :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; squelettes/
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; prive/
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; squelettes/
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; contenu/
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; globals.html&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;Le fichier &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;globals.html&lt;/code&gt; contiendra, soyons originaux, l'affichage de nos globals. Tout se fera par cette page.&lt;/p&gt;
&lt;p&gt;Pour l'appeller, aller &#224; l'adresse &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;ecrire/?exec=globals&lt;/code&gt;. Comme le fichier est vide, vous devriez peut-&#234;tre avoir une erreur ou au mieux une page &#034;blanche&#034;.&lt;/p&gt;
&lt;p&gt;Voici le code &#224; ins&#233;rer dans la page &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;globals.html&lt;/code&gt; :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='prettyprint html spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;&lt;div class=&#034;nettoyeur&#034;&gt; &lt;/div&gt; &lt;BOUCLE_index(CONDITION){si #ENV{index}}&gt; #SET{global,$GLOBALS[#ENV{index}]} &lt;/BOUCLE_index&gt; #SET{global,$GLOBALS} &lt;//B_index&gt; &lt;B_form&gt; &lt;div class=&#034;liste globals&#034;&gt; &lt;h2 class=&#034;h2&#034;&gt;Index des $GLOBALS&lt;/h2&gt; &lt;form method=&#034;GET&#034; action=&#034;#SELF&#034; class=&#034;ajax&#034;&gt; [(#SELF|parametre_url{'index',''}|parametre_url{'affichage',''}|form_hidden)] &lt;select id=&#034;index_select&#034; name=&#034;index&#034;&gt; &lt;BOUCLE_form(DATA) {source table, #EVAL{$GLOBALS}|array_keys} {par valeur}&gt;[(#SET{nom_index,#VAL{&#034;'&#034;}|concat{#VALEUR,&#034;'&#034;}})] #SET{datatype,$GLOBALS[#GET{nom_index}]} &lt;option value=&#034;#VALEUR&#034;[ (#ENV{index}|=={#VALEUR}|oui) selected=&#034;selected&#034;] data-type=&#034;[(#EVAL{#GET{datatype}}|gettype)]&#034;&gt;#VALEUR&lt;/option&gt; &lt;/BOUCLE_form&gt; &lt;/select&gt; &lt;select id=&#034;affichage_select&#034; name=&#034;affichage&#034;&gt; &lt;option value=&#034;var_dump&#034;[ (#ENV{affichage}|=={#VALEUR}|oui) selected=&#034;selected&#034;]&gt;var_dump&lt;/option&gt; &lt;option value=&#034;cles&#034;[ (#ENV{affichage}|=={#VALEUR}|oui) selected=&#034;selected&#034;]&gt;Afficher uniquement les cl&#233;s&lt;/option&gt; &lt;/select&gt; &lt;input type=&#034;submit&#034; value=&#034;Valider&#034; /&gt; &lt;/form&gt; &lt;/div&gt; &lt;/B_form&gt; [(#SET{nom_index,#VAL{&#034;'&#034;}|concat{#ENV{index},&#034;'&#034;}})] #SET{datatype,$GLOBALS[#GET{nom_index}]} [(#ENV{index}|non) &lt;h3&gt;$GLOBALS [ &lt;br/&gt;&lt;small&gt;(#EVAL{$GLOBALS}|gettype)&lt;/small&gt;] &lt;/h3&gt; ] [(#ENV{index}|oui) [&lt;h3&gt;(#GET{datatype}) [ &lt;br/&gt;&lt;small&gt;(#EVAL{#GET{datatype}}|gettype)&lt;/small&gt;] &lt;/h3&gt;] ] [(#ENV{affichage}|=={var_dump}|oui) [&lt;pre&gt;(#EVAL{#GET{global}}|print|sinon{'vide'})&lt;/pre&gt;] ] [(#ENV{affichage}|=={cles}|oui) [&lt;pre&gt;(#EVAL{#GET{global}}|array_keys|foreach|sinon{'vide'})&lt;/pre&gt;] ] [(#ENV{affichage}|non) [&lt;pre&gt;(#EVAL{#GET{global}}|array_keys|foreach|sinon{'vide'})&lt;/pre&gt;] ] &lt;script type=&#034;text/javascript&#034;&gt; (function($) { $('#index_select').change(function(){ var datatype = $(this).find('option:selected').attr('data-type'); if (datatype == 'array') { $('#affichage_select').val('cles'); } else { $('#affichage_select').val('var_dump'); } }); })(jQuery); &lt;/script&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h2 class=&#034;spip&#034;&gt;Explications&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;La boucle &#034;index&#034;&lt;/strong&gt;&lt;br class='autobr' /&gt;
Elle va tout simplement regarder si on a pass&#233; un param&#232;tre &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;index&lt;/code&gt; dans notre URL. Si oui, on affichera le contenu de &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;$GLOBALS[#ENV{index}]&lt;/code&gt;. Sinon, on prend &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;$GLOBALS&lt;/code&gt;.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;La boucle &#034;form&#034;&lt;/strong&gt;&lt;br class='autobr' /&gt;
Elle va cr&#233;er un formulaire avec 2 champs &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;select&lt;/code&gt;. Le premier &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;select&lt;/code&gt; listera tous les &#034;index&#034; de notre super variable PHP &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;$GLOBALS&lt;/code&gt;.&lt;br class='autobr' /&gt;
Le deuxi&#232;me &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;select&lt;/code&gt; se charge d'indiquer quel type d'affichage d&#233;sire-t-on avoir pour notre variable :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;var_dump&lt;/i&gt; : pour les utilisateurs PHP, cela parle de source : &#034;affiche les informations structur&#233;es d'une variable, y compris son type et sa valeur.&#034; Sauf que dans notre cas, on n'a pas le type :-P
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;i&gt;cles&lt;/i&gt; : affiche le tableau associatif des cl&#233;s de notre variable.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Les ENV&lt;/strong&gt;&lt;br class='autobr' /&gt;
Les &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;#ENV&lt;/code&gt; apr&#232;s notre boucle &#034;form&#034; v&#233;rifie la pr&#233;sence du param&#232;tre &#034;affichage&#034; dans notre url. Selon sa valeur, on affichera d'une certaine fa&#231;on le contenu de notre variable.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Le javascript&lt;/strong&gt;&lt;br class='autobr' /&gt;
Le javascript en fin de page va juste changer la s&#233;lection du deuxi&#232;me &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;select&lt;/code&gt; selon le type de variable qu'on aura. Si notre variable est de type &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;array&lt;/code&gt;, le &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;select&lt;/code&gt; affichage sera &#034;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;cles&lt;/code&gt;&#034;. Tous les autres types (Object, string, etc.) auront un affichage &#034;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;var_dump&lt;/code&gt;&#034;.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Fini...&lt;/h2&gt;
&lt;p&gt;Ce code vous permet donc depuis l'espace priv&#233; d'avoir les globals. Mais il vous suffit de faire une page accessible sur la partie publique de votre site avec exactement le m&#234;me code pour avoir les globals dans cet environnement.&lt;/p&gt;
&lt;p&gt;Encore une fois, ce n'est qu'une astuce parmis d'autres. Si vous en avez aussi, elles sont les bienvenues en commentaires !&lt;br class='autobr' /&gt;
Cela permettra d'avoir d'autres pratiques de d&#233;veloppeurs SPIP/PHP.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Lister la liste des squelettes de var_mode=inclure</title>
		<link>https://www.teddypayet.com/Lister-la-liste-des-squelettes-de-var_mode-inclure</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Lister-la-liste-des-squelettes-de-var_mode-inclure</guid>
		<dc:date>2013-09-23T15:30:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Astuce</dc:subject>
		<dc:subject>Notes de d&#233;veloppement</dc:subject>
		<dc:subject>Javascript</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Depuis SPIP 2, il existe un mode tr&#232;s int&#233;ressant pour retrouver ses petits : var_mode=inclure. Cet aide au d&#233;buggage s'est am&#233;lior&#233; au fur et &#224; mesure. Mais il n'est pas ais&#233; de retrouver la liste compl&#232;te des squelettes (noisettes, inclure, etc.) en un seul endroit et un seul regard. &lt;br class='autobr' /&gt; Voici un petit bout de javascript qui va vous permettre d'avoir le nom de chaque bloc appel&#233; dans une liste ordonn&#233;e. &lt;br class='autobr' /&gt;
Pour SPIP 2.0 : var text = '' ; $('.blocs legend').each(function() text +='' (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Astuce" rel="tag"&gt;Astuce&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Notes-de-developpement" rel="tag"&gt;Notes de d&#233;veloppement&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH113/arton114-b3443.png?1755172416' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Depuis SPIP 2, il existe un mode tr&#232;s int&#233;ressant pour retrouver ses petits : &lt;a href=&#034;http://www.spip.net/fr_article4453.html#var_mode_inclure&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;var_mode=inclure&lt;/a&gt;. Cet aide au d&#233;buggage s'est am&#233;lior&#233; au fur et &#224; mesure. Mais il n'est pas ais&#233; de retrouver la liste compl&#232;te des squelettes (noisettes, inclure, etc.) en un seul endroit et un seul regard.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Voici un petit bout de javascript qui va vous permettre d'avoir le nom de chaque bloc appel&#233; dans une liste ordonn&#233;e.&lt;/p&gt;
&lt;p&gt;Pour SPIP 2.0 :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='prettyprint linenums spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;var text = '&lt;div style=&#034;position:absolute; top: 10%; right:0; z-index:1000; max-width:25%; background-color:#646464; color:white;&#034;&gt;&lt;ol&gt;'; $('.blocs legend').each(function(){ text +='&lt;li&gt;' + this.innerHTML + '&lt;/li&gt;'; }); text += '&lt;/ol&gt;&lt;/div&gt;'; $('body').append(text);&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Pour SPIP 2.1 et SPIP 3 :&lt;/p&gt;
&lt;div class=&#034;precode&#034;&gt;&lt;pre class='prettyprint linenums spip_code spip_code_block' dir='ltr' style='text-align:left;'&gt;&lt;code&gt;var text = '&lt;div style=&#034;position:absolute; top: 10%; right:0; z-index:1000; max-width:25%; background-color:#646464; color:white;&#034;&gt;&lt;ol&gt;'; $('.inclure_blocs h6').each(function(){ text +='&lt;li&gt;' + this.innerHTML + '&lt;/li&gt;'; }); text += '&lt;/ol&gt;&lt;/div&gt;'; $('body').append(text);&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
&lt;p&gt;Ce code est &#224; mettre dans la console de votre navigateur bien entendu.&lt;br class='autobr' /&gt;
Enjoy !&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Petites t&#226;ches &#224; r&#233;aliser en ce d&#233;but d'ann&#233;e</title>
		<link>https://www.teddypayet.com/Petites-taches-a-realiser-en-ce-debut-d-annee</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Petites-taches-a-realiser-en-ce-debut-d-annee</guid>
		<dc:date>2013-01-03T13:53:45Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Notes de d&#233;veloppement</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Avant tout, bonne ann&#233;e &#224; tous ! En terme de r&#233;solutions en cette p&#233;riode, j'ai d&#233;cid&#233; de donner un coup de pouce &#224; SPIP. Juste parce qu'il y a eu un &#233;v&#233;nement qui m'a pouss&#233; vers cela. Mon respect et mon attachement &#224; SPIP ne date pas d'hier&#8230; &#201;tant en formation depuis 3 mois, je prends ce dont j'avais besoin. Et gr&#226;ce &#224; cela, je suis plus serein dans ce que je vais entreprendre. &lt;br class='autobr' /&gt; Pour commencer l'ann&#233;e, je vais m'occuper de r&#233;gler quelques soucis d'affichage des plugins dans l'interface (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Notes-de-developpement" rel="tag"&gt;Notes de d&#233;veloppement&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH100/arton101-30bd6.jpg?1755172416' class='spip_logo spip_logo_right' width='150' height='100' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Avant tout, bonne ann&#233;e &#224; tous !&lt;br class='manualbr' /&gt;En terme de r&#233;solutions en cette p&#233;riode, j'ai d&#233;cid&#233; de donner un coup de pouce &#224; SPIP. Juste parce qu'il y a eu un &#233;v&#233;nement qui m'a pouss&#233; vers cela. &lt;br class='manualbr' /&gt;Mon respect et mon attachement &#224; SPIP ne date pas d'hier&#8230; &#201;tant en formation depuis 3 mois, je prends ce dont j'avais besoin. Et gr&#226;ce &#224; cela, je suis plus serein dans ce que je vais entreprendre.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;Pour commencer l'ann&#233;e, je vais m'occuper de r&#233;gler quelques soucis d'affichage des plugins dans l'interface de &#034;gestion des plugins &gt; ajouter des plugins&#034;. Mais avant cela, il faut d&#233;j&#224; lister ceux qui posent un probl&#232;me. En effet, des plugins n'ont pas de descriptif et/ou de logo.&lt;/p&gt;
&lt;p&gt;En voici la liste de ceux rencontrant au moins un de ces soucis :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/acs/trunk/paquet.xml&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;ACS&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://www.paris-beyrouth.org/tutoriaux-spip/article/plugin-inclure-ajaxload&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;AjaxLoad pour &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;#INCLURE&lt;/code&gt;&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/annonces_publiques&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Annonces Publiques&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/Associaspip/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Associaspip&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;span style=&#034;text-decoration:line-through&#034;&gt;Pas de descriptif&lt;/span&gt; cf. &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/changeset/68705&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;68705&lt;/a&gt; et &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/changeset/68706&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;68706&lt;/a&gt; ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/auteurs_syndic/trunk/paquet.xml&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Auteurs pour les sites syndiqu&#233;s&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo &lt;br class='manualbr' /&gt;(Proposition de logo : &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_graphismes_/logos/auteurs_syndic&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://zone.spip.org/trac/spip-zone...&lt;/a&gt;) ;&lt;/li&gt;&lt;li&gt; Et pas de &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;&lt;description&gt;&lt;/code&gt; dans le fichier paquet.xml (?) ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/crud/paquet.xml&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;C(R)UD Interface&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/cloudzoom&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;CloudZoom&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/commandes&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Commandes&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_grenier_/ortho&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Correcteur d'orthographe&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/css_imbriques&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;CSS imbriqu&#233;s&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo &lt;br class='manualbr' /&gt;(Proposition de logo : &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_graphismes_/logos/css_imbriques&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://zone.spip.org/trac/spip-zone...&lt;/a&gt;) ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/cesure&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;C&#233;sure&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/date_inscription&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Date d'inscription&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/debut_fin&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Date de d&#233;but, date de fin&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/ezcss&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;ezcss&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/fond_mp3&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Fond mp3&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/forms/forms_et_tables_2_5&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Formulaires et Tables&lt;/a&gt; (0.5.2) :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/galleria&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Galleria plugin pour SPIP&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo&lt;br class='manualbr' /&gt;(Am&#233;lioration de la qualit&#233; du logo : &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/galleria/galleria-256.png&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://zone.spip.org/trac/spip-zone...&lt;/a&gt;) ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/geographie&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Geographie&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/glossaire_interne&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Glossaire interne&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/google_ajax_search&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Google Ajax Search&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/image_cliquable/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Image cliquable&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de desciptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/zoomer&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Image zoom&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/imagesactives/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Images Actives&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_themes_/zpip-2/Initializr&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Initializr&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/plugin-thelia&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Interface Th&#233;lia&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; Int&#233;gration d'activit&#233;s de g&#233;om&#233;trie :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/joindre_auto_zone&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;JAZ&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/joomla2spip&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Joomla2SPIP&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/latexwheel/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;LaTeXWheel&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/fil_de_marianne&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Le fil de Marianne&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;li&gt; Descriptif &#224; am&#233;liorer (cordonnier mal chauss&#233;) ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/lire_aussi&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Lire aussi&#8230;&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/porte_plume_extras/loremipsum&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Lorem Ipsum pour Porte Plume&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&lt;i&gt;Edit du 05/01/2013&lt;/i&gt;&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/menu_babbibel/tags/stable&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Menu babbibel&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_squelettes_/eva-web/4_2/eva_mini_calendrier&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Mini calendrier mensuel pour EVA&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_squelettes_/galaxie_melusine/melusine_mobile&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;M&#233;lusine mobile&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/visiteurs_connectes&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Nombre de visiteurs connect&#233;s&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/notifications_avancees/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Notifications avanc&#233;es&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/afficher_pagerank/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;PageRank&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/pdfjs&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;pdf.js&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/tags/skiplink-1&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SkipLink&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/bisous/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP Bisous&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/spip_suggest&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP Suggest&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/spipservice/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP Service&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_squelettes_/ahuntsic&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Squelette Ahunstic&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_squelettes_/Vittory&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Squelette jQuery Vittori's&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; &lt;span style=&#034;text-decoration:line-trought&#034;&gt;Pas de logo&lt;/span&gt; cf. &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/changeset/68718&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;68718&lt;/a&gt; ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_squelettes_/spip_reset&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Squelette SPIP Reset&lt;/a&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/switcher/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Switcher&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/selecteur_generique/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;S&#233;lecteur g&#233;n&#233;rique&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/table_matieres/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Table des mati&#232;res&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de logo :&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/jquery_timepicker&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;TimePicker&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/tinymce/spip3&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;TinyMCE&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/uploadify/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Uploadify&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/vider_rubrique&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Vider rubrique&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_plugins_/vignettes_oxygen/52/trunk&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Vignettes Oxygen (52)&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;li&gt; &lt;a href=&#034;http://zone.spip.org/trac/spip-zone/browser/_themes_/zpip-1/wp2010&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Wordpress 2010&lt;/a&gt; :
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Pas de descriptif ;&lt;/li&gt;&lt;/ul&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/div&gt;
		&lt;div class='rss_ps'&gt;&lt;p&gt;Pour corriger les descriptions, il existe le plugin &lt;a href=&#034;http://plugins.spip.net/plugonet.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Plugonet&lt;/a&gt; qui va cr&#233;er un fichier paquet.xml &#224; partir du fichier plugin.xml. Le slogan et la description ne sont plus g&#233;r&#233;s dans le fichier xml, mais dans un fichier &#034;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;lang/paquet_&lt;code_langue&gt;.php&lt;/code&gt;&#034;. Ce qui est plus facile pour la maintenance du multilinguisme.&lt;/p&gt;&lt;/div&gt;
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Quelques packages pour Sublime text 2</title>
		<link>https://www.teddypayet.com/Quelques-packages-pour-Sublime-text-2</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Quelques-packages-pour-Sublime-text-2</guid>
		<dc:date>2012-11-27T11:52:51Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>Astuce</dc:subject>
		<dc:subject>Notes de d&#233;veloppement</dc:subject>
		<dc:subject>Javascript</dc:subject>
		<dc:subject>jQuery</dc:subject>
		<dc:subject>Sublime Text</dc:subject>

		<description>
&lt;p&gt;J'utilise depuis mi-octobre Sublime Text 2 pour la cr&#233;ation de mes pages (html, javascript, css, etc.). De base, il est tr&#232;s bien, mais il montre toute sa puissance lorsqu'on lui ajoute des packages (des extensions). Voici une liste de packages que j'ai install&#233;. &lt;br class='autobr' /&gt; Pr&#233;alable Avant de commencer vous devez installer le &#034;Package Control&#034; pour pouvoir, comme son nom l'indique, g&#233;rer vos diff&#233;rents packages. Suivre la d&#233;marche sur ce site pour l'avoir : &lt;br class='autobr' /&gt; Installation d'un package Pour (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/Astuce" rel="tag"&gt;Astuce&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Notes-de-developpement" rel="tag"&gt;Notes de d&#233;veloppement&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Sublime-Text" rel="tag"&gt;Sublime Text&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH113/arton100-ee0be.jpg?1755172273' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;J'utilise depuis mi-octobre &lt;a href=&#034;http://www.sublimetext.com&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Sublime Text 2&lt;/a&gt; pour la cr&#233;ation de mes pages (html, javascript, css, etc.). De base, il est tr&#232;s bien, mais il montre toute sa puissance lorsqu'on lui ajoute des packages (des extensions). Voici une liste de packages que j'ai install&#233;.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Pr&#233;alable&lt;/h2&gt;
&lt;p&gt;Avant de commencer vous devez installer le &lt;i&gt;&#034;Package Control&#034;&lt;/i&gt; pour pouvoir, comme son nom l'indique, g&#233;rer vos diff&#233;rents packages.&lt;br class='manualbr' /&gt;Suivre la d&#233;marche sur ce site pour l'avoir : &lt;a href=&#034;http://wbond.net/sublime_packages/package_control/installation&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://wbond.net/sublime_packages/p...&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a id=&#034;installation&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Installation d'un package&lt;/h2&gt;
&lt;p&gt;Pour installer un package, appuyez sur &lt;i&gt;&#034;Ctrl+Maj+P&#034;&lt;/i&gt;.&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Tapez &lt;i&gt;&#034;install&#034;&lt;/i&gt;. Vous verrez appara&#238;tre &lt;i&gt;&#034;Package Control : Install Package&#034;&lt;/i&gt;. Cliquez dessus.&lt;/li&gt;&lt;li&gt; En bas de votre fen&#234;tre, &#224; gauche, vous verrez que Sublime Text est en train de r&#233;fl&#233;chir. Il recherche les packages &#224; installer. Il y en a une flopp&#233;e par d&#233;faut.&lt;/li&gt;&lt;li&gt; Cela fait, un champ s'affiche en haut de la fen&#234;tre avec en dessous la liste compl&#232;te des packages disponibles.&lt;/li&gt;&lt;li&gt; Tapez les premi&#232;res lettres du package que vous d&#233;sirez installer. La liste se r&#233;duit comme peau de chagrin pour afficher les r&#233;sultats correspondants &#224; votre recherche.&lt;/li&gt;&lt;li&gt; Cliquez sur celui d&#233;sir&#233;. &#199;a mouline en bas &#224; gauche de votre fen&#234;tre&#8230; Et voil&#224;, votre package est install&#233;.&lt;/li&gt;&lt;li&gt; Si vous ne voyez pas les effets escompt&#233;s de votre package, red&#233;marrez Sublime Text.&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;&lt;a id=&#034;list_package&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Installation d'un package non r&#233;pertori&#233;&lt;/h2&gt;
&lt;p&gt;On doit maintenant ajouter un package qui n'est pas install&#233; par d&#233;faut dans Package Control. Pour cela, suivre les &#233;tapes suivantes :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; Appuyez sur &lt;i&gt;&#034;Ctrl+Maj+P&#034;&lt;/i&gt;. Taper &lt;i&gt;&#034;repository&#034;&lt;/i&gt;. S'affiche alors &lt;i&gt;&#034;Package Control : add repository&#034;&lt;/i&gt;, validez ce choix.&lt;/li&gt;&lt;li&gt; En bas de votre fen&#234;tre, un champ est apparu. Vous devez coller l'url de votre nouveau package (sur GitHub, c'est l'url indiqu&#233; pour &#034;Git Read-only&#034;). Validez.&lt;/li&gt;&lt;li&gt; &#199;a mouline&#8230; C'est pr&#234;t. Maintenant, passer &#224; la &lt;a href=&#034;#installation&#034; class=&#034;spip_ancre&#034;&gt;m&#233;thode classique&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;h2 class=&#034;spip&#034;&gt;Zen Coding&lt;/h2&gt;
&lt;p&gt;C'est LE premier package que j'ai install&#233; ! Il vous simplifie la vie quand vous avez des centaines de lignes de codes &#224; rentrer.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nom dans la liste des repositories : &lt;i&gt;&#034;Zen Coding&#034;&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Plus d'infos : &lt;a href=&#034;http://code.google.com/p/zen-coding/&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://code.google.com/p/zen-coding/&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Prefixr&lt;/h2&gt;
&lt;p&gt;Vous avez tous entendu parler de CSS3&#8230; (entre autres). Et chaque navigateur y va de sa sauce pour son impl&#233;mentation : &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;-moz-border-radius&lt;/code&gt;, &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;-webkit-border-radius&lt;/code&gt;, etc.&lt;br class='manualbr' /&gt;Avec Prefixr, il vous suffit d'&#233;crire, par exemple, &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;border-radius : 10px&lt;/code&gt; puis &lt;strong&gt;Edit &gt; Prefixr&lt;/strong&gt;. Et hop ! Il vous met tous les pr&#233;fixes ad&#233;quates.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nom dans la liste des repositories : &lt;i&gt;&#034;Prefixr&#034;&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Plus d'infos : &lt;a href=&#034;http://prefixr.com&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://prefixr.com&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;jQuery&lt;/h2&gt;
&lt;p&gt;Il y a un package de base dans Sublime Text. Mais la version de jQuery utilis&#233;e est inf&#233;rieure &#224; la 1.7 (on n'a pas l'&#233;vent &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;.on()&lt;/code&gt;). Ce qui n'est pas tr&#232;s pratique &#224; la longue. J'ai trouv&#233; un package un peu plus complet par hasard sur github (Une petite recherche sur google avec &lt;i&gt;&#034;jquery sublime text&#034;&lt;/i&gt; ram&#232;ne le lien suivant) : &lt;a href=&#034;https://github.com/mrmartineau/Jquery&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;MrMartineau&lt;/a&gt;&lt;br class='manualbr' /&gt;Ce n'est pas un package par d&#233;faut, donc suivre la d&#233;marche &lt;a href=&#034;#list_package&#034; class=&#034;spip_ancre&#034;&gt;ci-dessus&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nom dans la liste des repositories : &lt;i&gt;&#034;jQuery&#034;&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Git Read-only : &lt;a href=&#034;https://github.com/mrmartineau/jQuery.git&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://github.com/mrmartineau/jQue...&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Plus d'infos : &lt;a href=&#034;https://github.com/mrmartineau/Jquery&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://github.com/mrmartineau/Jquery&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;SideBar Enhancements&lt;/h2&gt;
&lt;p&gt;Ce package &#233;tend votre menu contextuel (clic droit de la souris) sur vos fichiers. Vous pouvez personnaliser les applications qui pourront ouvrir tel ou tel fichier.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nom dans la liste des repositories : &lt;i&gt;&#034;SideBar Enhancement&#034;&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Plus d'infos : &lt;a href=&#034;https://github.com/titoBouzout/SideBarEnhancements&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://github.com/titoBouzout/Side...&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Bracket Highlighter&lt;/h2&gt;
&lt;p&gt;Un &#034;d&#233;faut&#034; dans Sublime Text, c'est qu'on a un peu de mal &#224; visualiser les &#233;l&#233;ments d'ouverture ou de fermeture du code en comparaison &#224; &lt;i&gt;NotePad++&lt;/i&gt; ou &lt;i&gt;Komodo Edit&lt;/i&gt;. Et bien, il existe un package pour cela. &lt;br class='manualbr' /&gt;Ce n'est pas un package par d&#233;faut, donc suivre la d&#233;marche &lt;a href=&#034;#list_package&#034; class=&#034;spip_ancre&#034;&gt;ci-dessus&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Nom dans la liste des repositories : &lt;i&gt;&#034;BracketHighlighter&#034;&lt;/i&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Git Read-only : &lt;a href=&#034;https://github.com/facelessuser/BracketHighlighter.git&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://github.com/facelessuser/Bra...&lt;/a&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Plus d'infos : &lt;a href=&#034;https://github.com/facelessuser/BracketHighlighter&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;https://github.com/facelessuser/Bra...&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_ps'&gt;&lt;p&gt;J'ajouterai au fur et &#224; mesure des packages au fil de l'eau. &lt;br class='manualbr' /&gt;Si vous en avez de sympa, vous pouvez les lister dans les commentaires ou m'envoyer un message pour que je les r&#233;f&#233;rence dans l'article.&lt;/p&gt;&lt;/div&gt;
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Aligner une image par le bas&#8230;</title>
		<link>https://www.teddypayet.com/Aligner-une-image-par-le-bas</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Aligner-une-image-par-le-bas</guid>
		<dc:date>2012-05-06T20:00:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>Astuce</dc:subject>
		<dc:subject>Notes de d&#233;veloppement</dc:subject>
		<dc:subject>Javascript</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Je vous l'accorde, le titre ne laisse que peu pr&#233;sager ce que cet article en retourne. Pour simplifier, voici une question : comment puis-je aligner une image (&#224; droite ou &#224; gauche) d'une zone sur le bas de cette zone ? &lt;br class='autobr' /&gt; Contexte Vous d&#233;sirez aligner le logo de votre site avec le bas de votre menu de navigation &#224; droite du logo. Mais votre menu peut s'&#233;toffer au fil de vos articles, de vos cr&#233;ations de rubriques. Vous pourriez par exemple, r&#233;guli&#232;rement, selon le besoin, jouer avec le (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/Astuce" rel="tag"&gt;Astuce&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Notes-de-developpement" rel="tag"&gt;Notes de d&#233;veloppement&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH113/arton89-5a634.jpg?1755172416' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Je vous l'accorde, le titre ne laisse que peu pr&#233;sager ce que cet article en retourne. Pour simplifier, voici une question : comment puis-je aligner une image (&#224; droite ou &#224; gauche) d'une zone sur le bas de cette zone ?&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Contexte&lt;/h2&gt;
&lt;p&gt;Vous d&#233;sirez aligner le logo de votre site avec le bas de votre menu de navigation &#224; droite du logo. Mais votre menu peut s'&#233;toffer au fil de vos articles, de vos cr&#233;ations de rubriques.&lt;br class='manualbr' /&gt;Vous pourriez par exemple, r&#233;guli&#232;rement, selon le besoin, jouer avec le &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;padding-top&lt;/code&gt; ou la position &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;bottom&lt;/code&gt; de votre menu. Mais selon le navigateur sur lequel le visiteur peut se trouver (cf. Internet Explorer, Safari, Firefox, etc.) le &#034;pixel&#034; est interpr&#233;t&#233; diff&#233;remment surtout pour si votre zone adjacente est rempli par un texte&#8230;&lt;/p&gt;
&lt;p&gt;Une solution est de passer par du javascript. Ce qui a le m&#233;rite d'&#234;tre fluide pour le visiteur selon son navigateur et son syst&#232;me d'exploitation. Et bien s&#251;r, &lt;a href=&#034;http://jquery.com/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;jQuery&lt;/a&gt; en facilite encore plus la mise en place sans passer par des boucles &#224; rallonge.&lt;/p&gt;
&lt;p&gt;Tout d'abord, voici le code html qui nous int&#233;resse :&lt;/p&gt; &lt;textarea readonly='readonly' cols='40' rows='62' class='spip_cadre spip_cadre_block' dir='ltr'&gt;&lt;div class=&#034;container_16&#034;&gt; &lt;div class=&#034;grid_3&#034; id=&#034;entete&#034;&gt; &lt;div class=&#034;accueil&#034;&gt; &lt;a title=&#034;Accueil du site&#034; href=&#034;http://localhost:8888/&#034; rel=&#034;start home&#034;&gt;&lt;img width=&#034;160&#034; height=&#034;165&#034; style=&#034;height:165px;width:160px;&#034; src=&#034;IMG/siteon0.jpg&#034; alt=&#034;&#034; class=&#034;spip_logos&#034;&gt;&lt;/a&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#034;grid_13&#034; id=&#034;nav&#034;&gt; &lt;div id=&#034;formulaire_recherche&#034; class=&#034;formulaire_spip formulaire_recherche&#034;&gt; &lt;form method=&#034;get&#034; action=&#034;http://localhost:8888/spip.php?page=recherche&#034;&gt;&lt;div&gt; &lt;input type=&#034;hidden&#034; value=&#034;recherche&#034; name=&#034;page&#034;&gt; &lt;label for=&#034;recherche&#034;&gt;Rechercher :&lt;/label&gt; &lt;input type=&#034;text&#034; accesskey=&#034;4&#034; value=&#034;Rechercher :&#034; id=&#034;recherche&#034; onfocus=&#034;this.value=''&#034; name=&#034;recherche&#034; size=&#034;10&#034; class=&#034;text&#034;&gt;&lt;input type=&#034;submit&#034; title=&#034;Rechercher&#034; value=&#034;&gt;&gt;&#034; class=&#034;submit&#034;&gt; &lt;/div&gt;&lt;/form&gt; &lt;/div&gt; &lt;div class=&#034;menu-conteneur&#034; style=&#034;padding-top: 103px;&#034;&gt; &lt;ul class=&#034;menu-liste menu-items&#034;&gt; &lt;li class=&#034;menu-entree item rub7&#034;&gt; &lt;a title=&#034;association&#034; href=&#034;spip.php?rubrique7&#034;&gt;association&lt;/a&gt; &lt;/li&gt; &lt;li class=&#034;menu-entree item rub2&#034;&gt; &lt;a title=&#034;action&#034; href=&#034;spip.php?rubrique2&#034;&gt;action&lt;/a&gt; &lt;/li&gt; &lt;li class=&#034;menu-entree item rub8&#034;&gt; &lt;a title=&#034;recherche&#034; href=&#034;spip.php?rubrique8&#034;&gt;recherche&lt;/a&gt; &lt;/li&gt; &lt;li class=&#034;menu-entree item rub63&#034;&gt; &lt;a title=&#034;formation&#034; href=&#034;spip.php?rubrique63&#034;&gt;formation&lt;/a&gt; &lt;/li&gt; &lt;li class=&#034;menu-entree item rub1&#034;&gt; &lt;a title=&#034;&#233;dition&#034; href=&#034;spip.php?rubrique1&#034;&gt;&#233;dition&lt;/a&gt; &lt;/li&gt; &lt;li class=&#034;menu-entree item rub66&#034;&gt; &lt;a title=&#034;&#233;cho&#034; href=&#034;spip.php?rubrique66&#034;&gt;&#233;cho&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;&lt;/textarea&gt;
&lt;p&gt;Pour information, &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;#formulaire_recherche&lt;/code&gt; n'a pas de &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;margin&lt;/code&gt; d&#233;fini dans la css.&lt;/p&gt;
&lt;p&gt;Et voici le code javascript &#224; ins&#233;rer entre vos balises &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;&lt;head&gt;&#8230;&lt;/head&gt;&lt;/code&gt; apr&#232;s l'appel &#224; jQuery :&lt;/p&gt; &lt;textarea readonly='readonly' cols='40' rows='16' class='spip_cadre spip_cadre_block' dir='ltr'&gt;&lt;script type=&#034;text/javascript&#034;&gt; $(&#034;document&#034;).ready(function() { gHauteurEntete = $(&#034;#entete&#034;).height(); gHauteurNavRecherche = $(&#034;#nav #formulaire_recherche&#034;).height(); gHauteurNavMenuEntree = $(&#034;#nav .menu-entree&#034;).height(); gPaddingTopMenuConteneur = gHauteurEntete - gHauteurNavMenuEntree - gHauteurNavRecherche; $(&#034;#nav .menu-conteneur&#034;).css(&#034;padding-top&#034;, gPaddingTopMenuConteneur); } ); &lt;/script&gt;&lt;/textarea&gt;&lt;h2 class=&#034;spip&#034;&gt;Explications&lt;/h2&gt;
&lt;p&gt;Nous avons besoin de 3 informations pour pouvoir faire notre op&#233;ration : la hauteur du bloc qui contient notre logo, la hauteur du formulaire de recherche (qui pr&#233;c&#232;de notre menu) et enfin la hauteur de notre menu de navigation. Et on soustrait tout ce beau petit monde.&lt;/p&gt;
&lt;p&gt;Donc, Il nous faut trouver la hauteur de l'ent&#234;te qui contient notre logo et l'enregistrer dans une variable :&lt;br class='manualbr' /&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;gHauteurEntete = $(&#034;#entete&#034;).height();&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;Puis, trouver la hauteur du formulaire de recherche &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;#formulaire_recherche&lt;/code&gt; et le stocker dans une nouvelle variable :&lt;br class='manualbr' /&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;gHauteurNavRecherche = $(&#034;#nav #formulaire_recherche&#034;).height();&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;On continue avec la hauteur de notre menu de navigation :&lt;br class='manualbr' /&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;gHauteurNavMenuEntree = $(&#034;#nav .menu-entree&#034;).height();&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;On soustrait tout &#231;a :&lt;br class='manualbr' /&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;gPaddingTopMenuConteneur = gHauteurEntete - gHauteurNavMenuEntree - gHauteurNavRecherche;&lt;/code&gt;&lt;/p&gt;
&lt;p&gt;Et enfin, on &#233;crit l'information dans l'attribut du bloc contenant notre menu de navigation :&lt;br class='manualbr' /&gt;&lt;code class='spip_code spip_code_inline' dir='ltr'&gt;$(&#034;#nav .menu-conteneur&#034;).css(&#034;padding-top&#034;, gPaddingTopMenuConteneur);&lt;/code&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Am&#233;lioration du code&lt;/h2&gt;
&lt;p&gt;Vous avez pu voir que je renseignais &#224; chaque fois une variable (o&#249; je stocke une valeur). Vous pourriez tout &#224; fait vous passer de cette &#233;tape et faire directement le calcul de &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;gPaddingTopMenuConteneur&lt;/code&gt;.&lt;br class='manualbr' /&gt;Le fait d'avoir des variables pour chaque &#233;l&#233;ment permet de lire plus ais&#233;ment quand on commence &#224; faire du javascript maison et de retrouver une &#233;ventuelle erreur.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Avez-vous d'autres astuces ?&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>MAP-MAACC</title>
		<link>https://www.teddypayet.com/MAP-MAACC</link>
		<guid isPermaLink="true">https://www.teddypayet.com/MAP-MAACC</guid>
		<dc:date>2012-03-20T14:59:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Traitement automatique des images</dc:subject>
		<dc:subject>CSS</dc:subject>
		<dc:subject>Web Design</dc:subject>
		<dc:subject>MySQL</dc:subject>
		<dc:subject>&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV)</dc:subject>
		<dc:subject>Javascript</dc:subject>
		<dc:subject>Chef de projet</dc:subject>
		<dc:subject>D&#233;veloppeur Web</dc:subject>
		<dc:subject>Int&#233;grateur</dc:subject>
		<dc:subject>Freelance</dc:subject>
		<dc:subject>jQuery</dc:subject>
		<dc:subject>Sublime Text</dc:subject>
		<dc:subject>NetBeans</dc:subject>
		<dc:subject>SVN</dc:subject>

		<description>
&lt;p&gt;MAP-MAACC (Mod&#233;lisations pour l'Assistance &#224; l'Activit&#233; Cognitive de la Conception) est un laboratoire de recherches de l'&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV). Le site a &#233;t&#233; port&#233; sous SPIP 2.1.12 pour permettre une recherche transversale des diff&#233;rents laboratoires de l'&#233;cole. La mise en page du site sert de gabarit pour tous les autres laboratoires. Les couleurs changeront selon le laboratoire mais les fonctions restent les m&#234;me.&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Developpement" rel="directory"&gt;D&#233;veloppement&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Traitement-automatique-des-images" rel="tag"&gt;Traitement automatique des images&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/CSS" rel="tag"&gt;CSS&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Web-Design" rel="tag"&gt;Web Design&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/MySQL" rel="tag"&gt;MySQL&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Ecole-Nationale-Superieure-d-Architecture-de-Paris-Lavillette-ENSAPLV" rel="tag"&gt;&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV)&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Chef-de-projet" rel="tag"&gt;Chef de projet&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Developpeur-Web" rel="tag"&gt;D&#233;veloppeur Web&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Integrateur" rel="tag"&gt;Int&#233;grateur&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Freelance" rel="tag"&gt;Freelance&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Sublime-Text" rel="tag"&gt;Sublime Text&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/NetBeans" rel="tag"&gt;NetBeans&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/SVN" rel="tag"&gt;SVN&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH70/arton80-ab3d8.jpg?1748259079' class='spip_logo spip_logo_right' width='150' height='70' alt=&#034;&#034; /&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;MAP-MAACC &lt;i&gt;(Mod&#233;lisations pour l'Assistance &#224; l'Activit&#233; Cognitive de la Conception)&lt;/i&gt; est un laboratoire de recherches de l'&#201;cole Nationale Sup&#233;rieure d'Architecture de Paris Lavillette (ENSAPLV).&lt;br class='manualbr' /&gt;Le site a &#233;t&#233; port&#233; sous SPIP 2.1.12 pour permettre une recherche transversale des diff&#233;rents laboratoires de l'&#233;cole. La mise en page du site sert de gabarit pour tous les autres laboratoires. Les couleurs changeront selon le laboratoire mais les fonctions restent les m&#234;me.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="https://www.teddypayet.com/IMG/png/www.maacc.archi.fr_screen_capture_2012-3-27-16-16-17.png" length="188089" type="image/png" />
		
		<enclosure url="https://www.teddypayet.com/IMG/png/www.maacc.archi.fr_screen_capture_2012-3-27-16-14-35.png" length="288698" type="image/png" />
		
		<enclosure url="https://www.teddypayet.com/IMG/png/www.maacc.archi.fr_screen_capture_2012-3-27-16-14-28.png" length="287636" type="image/png" />
		

	</item>
<item xml:lang="fr">
		<title>Compte rendu de l'enqu&#234;te m&#233;tier.</title>
		<link>https://www.teddypayet.com/Compte-rendu-de-l-enquete-metier</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Compte-rendu-de-l-enquete-metier</guid>
		<dc:date>2012-01-16T13:09:09Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>Javascript</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Comme certains de vous s'en rappellent, j'ai lanc&#233; une petite enqu&#234;te m&#233;tier en septembre. Pour resituer le contexte, j'ai r&#233;alis&#233; cette enqu&#234;te dans le cadre de mon bilan de comp&#233;tences. &#192; un certain stade, nous devons faire une enqu&#234;te sur les m&#233;tiers qui nous int&#233;ressent le plus par rapport &#224; nos comp&#233;tences et envies&#8230; En voici le compte rendu. &lt;br class='autobr' /&gt; Remerciement, avant tout Avant tout, merci &#224; toutes les personnes qui ont r&#233;pondu &#224; ce questionnaire. Il y a eu 15 r&#233;ponses. Ce qui est (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/Javascript" rel="tag"&gt;Javascript&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L133xH150/arton69-01f6d.jpg?1755172416' class='spip_logo spip_logo_right' width='133' height='150' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Comme certains de vous s'en rappellent, j'ai lanc&#233; une &lt;a href='https://www.teddypayet.com/Une-petite-enquete' class=&#034;spip_in&#034;&gt;petite enqu&#234;te m&#233;tier&lt;/a&gt; en septembre. Pour resituer le contexte, j'ai r&#233;alis&#233; cette enqu&#234;te dans le cadre de mon bilan de comp&#233;tences. &#192; un certain stade, nous devons faire une enqu&#234;te sur les m&#233;tiers qui nous int&#233;ressent le plus par rapport &#224; nos comp&#233;tences et envies&#8230;&lt;br class='manualbr' /&gt;En voici le compte rendu.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;h2 class=&#034;spip&#034;&gt;Remerciement, avant tout&lt;/h2&gt;
&lt;p&gt;Avant tout, merci &#224; toutes les personnes qui ont r&#233;pondu &#224; ce questionnaire. Il y a eu 15 r&#233;ponses. Ce qui est vraiment pas mal pour ce genre d'enqu&#234;te dans un bilan de comp&#233;tences.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Le questionnaire et ses r&#233;sultats&lt;/h2&gt;
&lt;p&gt;Le questionnaire commen&#231;ait par votre profil. Et notamment par les m&#233;tiers suivants :&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; D&#233;veloppeur Web&lt;/li&gt;&lt;li&gt; Chef de projet Internet&lt;/li&gt;&lt;li&gt; Architecte d'int&#233;rieur&lt;/li&gt;&lt;li&gt; Designer Produit&lt;/li&gt;&lt;li&gt; Designer de mobilier&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;Si vous lisez bien entre les lignes, vous pouvez comprendre que ceux sont les m&#233;tiers qui m'int&#233;ressent actuellement, &#224; court ou long terme.&lt;/p&gt;
&lt;ul class=&#034;spip&#034; role=&#034;list&#034;&gt;&lt;li&gt; 14 d'entre vous sont D&#233;veloppeur Web ;&lt;/li&gt;&lt;li&gt; 3 Chef de projet Internet ;&lt;/li&gt;&lt;li&gt; 3 &#034;autres&#034; (Webmaster, formateur, artiste)&lt;/li&gt;&lt;/ul&gt;
&lt;p&gt;En additionnant, on arrive &#224; plus de 15, bien s&#251;r. Ce qui veut dire, que vous &#234;tes multi-casquettes dans le m&#233;tier de d&#233;veloppeur. Et surtout par le fait que beaucoup d'entre vous sont &#224; leur compte (en auto-entrepreneur ou en petite soci&#233;t&#233;).&lt;/p&gt;
&lt;p&gt;Une grande partie de parcours pour arriver au m&#233;tier de d&#233;veloppeur Web est le m&#234;me : un changement de carri&#232;re. Peu ou prou &#233;tait form&#233; &#224; ce m&#233;tier. Vous avez appris sur le tas.&lt;br class='manualbr' /&gt;Tous s'y sont mis car le besoin s'est fait sentir suite &#224; un projet o&#249; vous deviez r&#233;aliser un site internet. De fil en aiguille, vous avez d&#233;couvert un nouveau domaine qui vous pla&#238;t.&lt;/p&gt;
&lt;p&gt;Une &lt;strong&gt;journ&#233;e type&lt;/strong&gt; est &#224; 50% la suivante :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; une veille technologique (twitter, des sites de r&#233;f&#233;rence, mailing list, etc.) ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; g&#233;rer les demandes clients le matin (t&#233;l&#233;phone, email) ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; coder jusqu'&#224; plus d'heure ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Et faut pas oublier : envoyer des devis, envoyer des factures, r&#233;pondre &#224; des appels d'offres, prier pour avoir son paiement par la suite.&lt;/p&gt;
&lt;p&gt;Le &lt;strong&gt;temps de travail&lt;/strong&gt; est variable selon chacun.&lt;/p&gt;
&lt;p&gt;Les &lt;strong&gt;principales t&#226;ches&lt;/strong&gt; pour les d&#233;veloppeurs web :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; cahier des charges du site internet ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; r&#233;alisation sous SPIP (d&#233;clinaison en html de maquette photoshop, int&#233;gration html/css, jquery, int&#233;gration de plugins&#8230;) ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; d&#233;veloppement de plugins pour SPIP ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; infog&#233;rance de serveurs ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; formation aupr&#232;s du client pour l'utilisation du site internet sous Spip.&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Vous travaillez&lt;/strong&gt; g&#233;n&#233;ralement avec &lt;strong&gt;un petit r&#233;seau de personnes ind&#233;pendantes&lt;/strong&gt; : des graphistes, des r&#233;f&#233;renceurs. Et bien s&#251;r le plus important : le client. &lt;br class='manualbr' /&gt;Vous travaillez soit directement avec le client, soit en sous-traitance d'un prestataire.&lt;br class='manualbr' /&gt;Vous travaillez seuls mais sans &#234;tre seuls&#8230; :-)&lt;/p&gt;
&lt;p&gt;Les &lt;strong&gt;connaissances&lt;/strong&gt; que vous avez :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; PHP/MySQL ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; javascript ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; HTML/CSS ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serveur Linux ;&lt;/p&gt;
&lt;p&gt;Et les &lt;strong&gt;comp&#233;tences n&#233;cessaires&lt;/strong&gt; :
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; bon sens r&#233;dactionnel et relationnel ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; capacit&#233; &#224; g&#233;rer le stress ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; organiser ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; souplesse/adaptabilit&#233; ;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; passionn&#233;&#8230;&lt;/p&gt;
&lt;p&gt;Voil&#224; ce que j'en retire aujourd'hui.&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;Pr&#233;-conclusion&lt;/h2&gt;
&lt;p&gt;J'ai pu constater par cette enqu&#234;te que la plus grande partie de mes contacts professionnels sont dans le monde de SPIP&#8230; Hum&#8230; Un chat ne fait pas un chien&#8230;&lt;br class='manualbr' /&gt;Ce qui forc&#233;ment me dirige vers ma&#8230;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&#8230;Conclusion&lt;/h2&gt;
&lt;p&gt;Ma perspective est de faire une formation pour devenir d&#233;veloppeur Web (PHP/MySQL). C'est s&#251;r que je pourrai apprendre le php par moi m&#234;me avec tous les sites qu'il y a &#224; ce sujet sur le net, mais je suis moi m&#234;me auto-didacte pour les techniques du web. De ce fait, j'aimerai pouvoir me poser, et apprendre, voir si ce que j'ai appris n'est pas &#224; c&#244;t&#233; de la plaque&#8230; Ou si je n'aurais pas un moyen plus rapide/efficace d'y arriver, une meilleure m&#233;thodologie.&lt;br class='manualbr' /&gt;Des personnes avec qui j'ai d&#233;j&#224; travaill&#233; m'ont &#034;rassur&#233;&#034; sur ma m&#233;thode de travail et mes connaissances. C'est vraiment sympa. Mais un retour sur le banc de l'&#233;cole ne fait pas de mal non plus.&lt;/p&gt;
&lt;p&gt;Mais mon projet professionnel ne s'arr&#234;te pas l&#224;&#8230; Il est sur une dur&#233;e de 4 ans&#8230; de formation&#8230; Et c'est une autre histoire, un autre article.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Configuration requise pour SPIP</title>
		<link>https://www.teddypayet.com/Configuration-requise-pour-SPIP</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Configuration-requise-pour-SPIP</guid>
		<dc:date>2011-07-06T13:40:51Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Web Design</dc:subject>
		<dc:subject>MySQL</dc:subject>
		<dc:subject>Communaut&#233; SPIP</dc:subject>
		<dc:subject>PHP</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Cet article est originellement publi&#233; sur le site officiel de SPIP.net mais n'est pas encore mis en ligne &#224; l'heure o&#249; j'&#233;cris ces lignes. &lt;br class='autobr' /&gt; Spip 1.8.3 Serveur Apache ou compatible (versions sup&#233;rieures &#224; la 1.2x) PHP 4.0.8, PHP 5. La version minimale support&#233;e est d&#233;sormais la 4.0.8 avec la librairie preg install&#233;e. SPIP 1.8 est compatible avec PHP 5. La compatibilit&#233; avec PHP 3 est en revanche abandonn&#233;e. MySQL 3, 4.1.x Aucun probl&#232;me de compatibilit&#233; n'a &#233;t&#233; relev&#233; avec MySQL jusqu'aux (&#8230;)&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Blog" rel="directory"&gt;Blog&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Web-Design" rel="tag"&gt;Web Design&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/MySQL" rel="tag"&gt;MySQL&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Communaute-SPIP" rel="tag"&gt;Communaut&#233; SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/PHP" rel="tag"&gt;PHP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;img src='https://www.teddypayet.com/local/cache-vignettes/L150xH113/arton54-00a33.jpg?1755172416' class='spip_logo spip_logo_right' width='150' height='113' alt=&#034;&#034; /&gt;
		&lt;div class='rss_chapo'&gt;&lt;p&gt;Cet article est originellement publi&#233; sur le site officiel de &lt;a href=&#034;http://www.spip.net/fr_article4351.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP.net&lt;/a&gt; mais n'est pas encore mis en ligne &#224; l'heure o&#249; j'&#233;cris ces lignes.&lt;/p&gt;&lt;/div&gt;
		&lt;div class='rss_texte'&gt;&lt;p&gt;&lt;a id=&#034;spip183&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&lt;a href=&#034;http://www.spip.net/fr_article3333.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;Spip 1.8.3&lt;/a&gt; &lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serveur Apache ou compatible (versions sup&#233;rieures &#224; la 1.2x)
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;PHP 4.0.8&lt;/strong&gt;, &lt;strong&gt;PHP 5&lt;/strong&gt;. La version minimale support&#233;e est d&#233;sormais la &lt;strong&gt;4.0.8&lt;/strong&gt; avec la librairie &lt;strong&gt;preg&lt;/strong&gt; install&#233;e. &lt;a href=&#034;http://www.spip.net/fr_article2991.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP 1.8&lt;/a&gt; est compatible avec &lt;i&gt;PHP 5&lt;/i&gt;. La compatibilit&#233; avec &lt;i&gt;PHP 3&lt;/i&gt; est en revanche abandonn&#233;e.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;MySQL 3&lt;/strong&gt;, &lt;strong&gt;4.1.x&lt;/strong&gt; Aucun probl&#232;me de compatibilit&#233; n'a &#233;t&#233; relev&#233; avec MySQL jusqu'aux versions 4.1.x.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;Librairies graphiques&lt;/strong&gt;. &lt;a href=&#034;http://www.spip.net/fr_article2991.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP 1.8&lt;/a&gt; supporte la g&#233;n&#233;ration de vignettes avec &lt;a href=&#034;http://netpbm.sourceforge.net/&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;NetPBM&lt;/a&gt; qui est facilement installable par ftp (voir &lt;a href=&#034;http://gallery.menalto.com/modules.php?op=modload&amp;name=GalleryFAQ&amp;file=index&amp;myfaq=yes&amp;id_cat=2#43&#034; class=&#034;spip_url spip_out&#034; rel=&#034;external&#034;&gt;http://gallery.menalto.com/modules....&lt;/a&gt; chez les h&#233;bergeurs o&#249; il n'est pas d&#233;j&#224; pr&#233;sent), mais aussi GD1, GD2, et Imagick (en module php, ou en ligne de commande sous le nom &#171; convert &#187;).&lt;/p&gt;
&lt;p&gt;&lt;a id=&#034;spip192&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&lt;a href=&#034;http://www.spip.net/fr_article3567.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP 1.9.2&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serveur Apache ou compatible (versions sup&#233;rieures &#224; la 1.2x) &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;PHP 4.0.8&lt;/strong&gt;, &lt;strong&gt;PHP 4.4.6&lt;/strong&gt; &lt;i&gt;(renforcement vis &#224; vis des PREG d&#233;faillants de PHP 4.4.6)&lt;/i&gt;, &lt;strong&gt;PHP 5.x&lt;/strong&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;MySQL 4&lt;/strong&gt;, &lt;strong&gt;MySQL 5&lt;/strong&gt;.
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; NetPBM, Imagick/convert, GD1, GD2 (avec Freetype pour les filtres &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;|image_typo&lt;/code&gt;).
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; support jQuery 1.1.4 (la version int&#233;gr&#233;e restant la 1.1.1)&lt;/p&gt;
&lt;p&gt;&lt;a id=&#034;spip20&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&lt;a href=&#034;http://www.spip.net/fr_article3784.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP 2.0&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serveur Apache ou compatible (versions sup&#233;rieures &#224; la 1.2x) &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;PHP 4.1&lt;/strong&gt;, &lt;strong&gt;PHP 5.x&lt;/strong&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;MySQL 4&lt;/strong&gt;, &lt;strong&gt;MySQL 5&lt;/strong&gt;, PostgreSQL, SQLite2 et 3
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; NetPBM, Imagick/convert, GD1, GD2 (avec Freetype pour les filtres &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;|image_typo&lt;/code&gt;).
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; jQuery 1.2.6 int&#233;gr&#233;e &lt;i&gt;(support de jQuery 1.3.x)&lt;/i&gt;&lt;/p&gt;
&lt;p&gt;&lt;a id=&#034;spip21&#034;&gt;&lt;/a&gt;&lt;/p&gt;
&lt;h2 class=&#034;spip&#034;&gt;&lt;a href=&#034;http://www.spip.net/fr_article4728.html&#034; class=&#034;spip_out&#034; rel=&#034;external&#034;&gt;SPIP 2.1&lt;/a&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; Serveur Apache ou compatible (versions sup&#233;rieures &#224; la 1.2x) &lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;PHP 4.4.4&lt;/strong&gt;, &lt;strong&gt;PHP 5.x&lt;/strong&gt;
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; &lt;strong&gt;MySQL 4&lt;/strong&gt;, &lt;strong&gt;MySQL 5&lt;/strong&gt;, PostgreSQL, SQLite2 et 3
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; NetPBM, Imagick/convert, GD1, GD2 (avec Freetype pour les filtres &lt;code class='spip_code spip_code_inline' dir='ltr'&gt;|image_typo&lt;/code&gt;).
&lt;br /&gt;&lt;span class=&#034;spip-puce ltr&#034;&gt;&lt;b&gt;&#8211;&lt;/b&gt;&lt;/span&gt; jQuery 1.4.2 int&#233;gr&#233;e&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Remarques :&lt;/strong&gt;&lt;br class='manualbr' /&gt;Depuis la version 1.9 de SPIP, les plugins font leur apparition. Parfois, les plugins d&#233;velopp&#233;s ne sont pas compatibles avec les versions de PHP ant&#233;rieures &#224; PHP 5. Il est important de v&#233;rifier vos versions si vous rencontrez des difficult&#233;s de mise en &#339;uvre.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		

	</item>
<item xml:lang="fr">
		<title>Le Hosteval, v2</title>
		<link>https://www.teddypayet.com/Le-Hosteval-v2</link>
		<guid isPermaLink="true">https://www.teddypayet.com/Le-Hosteval-v2</guid>
		<dc:date>2007-07-19T22:15:00Z</dc:date>
		<dc:format>text/html</dc:format>
		<dc:language>fr</dc:language>
		<dc:creator>Teddy Payet</dc:creator>


		<dc:subject>SPIP</dc:subject>
		<dc:subject>Photoshop</dc:subject>
		<dc:subject>Traitement automatique des images</dc:subject>
		<dc:subject>HTML</dc:subject>
		<dc:subject>CSS</dc:subject>
		<dc:subject>MySQL</dc:subject>
		<dc:subject>Amis</dc:subject>
		<dc:subject>Int&#233;grateur</dc:subject>
		<dc:subject>Graphiste</dc:subject>
		<dc:subject>Personnel</dc:subject>
		<dc:subject>jQuery</dc:subject>

		<description>
&lt;p&gt;Nouvelle version du blog du Hosteval pour leur 2&#232; anniversaire.&lt;/p&gt;


-
&lt;a href="https://www.teddypayet.com/Developpement" rel="directory"&gt;D&#233;veloppement&lt;/a&gt;

/ 
&lt;a href="https://www.teddypayet.com/SPIP" rel="tag"&gt;SPIP&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Photoshop" rel="tag"&gt;Photoshop&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Traitement-automatique-des-images" rel="tag"&gt;Traitement automatique des images&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/HTML" rel="tag"&gt;HTML&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/CSS" rel="tag"&gt;CSS&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/MySQL" rel="tag"&gt;MySQL&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Amis" rel="tag"&gt;Amis&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Integrateur" rel="tag"&gt;Int&#233;grateur&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Graphiste" rel="tag"&gt;Graphiste&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/Personnel" rel="tag"&gt;Personnel&lt;/a&gt;, 
&lt;a href="https://www.teddypayet.com/jQuery" rel="tag"&gt;jQuery&lt;/a&gt;

		</description>


 <content:encoded>&lt;div class='rss_texte'&gt;&lt;p&gt;Nouvelle version du blog du Hosteval pour leur 2&#232; anniversaire.&lt;/p&gt;&lt;/div&gt;
		
		</content:encoded>


		
		<enclosure url="https://www.teddypayet.com/IMG/jpg/hosteval_v2_1.jpg" length="682000" type="image/jpeg" />
		
		<enclosure url="https://www.teddypayet.com/IMG/jpg/hosteval_v2_2.jpg" length="805538" type="image/jpeg" />
		
		<enclosure url="https://www.teddypayet.com/IMG/jpg/hosteval_v2_3.jpg" length="866012" type="image/jpeg" />
		

	</item>



</channel>

</rss>
