Noé Cendrier - Mot-clé - geekerieNoé Cendrier, comédien, auteur, intégrateur web, bidouilleur de possibles – site officiel2024-01-30T16:38:19+01:00Noé Cendrierurn:md5:db589cc3ac41f3fa395591e8f63f65dcDotclearPeau neuveurn:md5:6a20d273adbca644c0f27c5ae079de552019-02-15T12:12:00+01:002019-02-15T12:13:29+01:00NoéNouvellesgeekerieintégrationnouveauNoé sul’webprésentationvisite guidée <p>Il était plus que temps. Après 10 ans de bons et loyaux services, le thème bleu qui étrenna mon domaine à moi a vécu. Pour les nostalgiques qui veulent se rappeler à quoi ça ressemblait, vous pouvez <del>croquer ce champi</del> cliquer sur <a href="https://www.noecendrier.fr/post/?theme=noe" title="shazam !">ce lien</a> – et revenir au présent avec <del>l’autre côté du champign</del> <a href="https://www.noecendrier.fr/post/?theme=noe2017" title="contre-shazam !">cet autre lien</a>.</p>
<p><a href="https://www.noecendrier.fr/noe/public/Une/Capture-ncfr2009.png" title="Capture de noecendrier.fr, theme de 2009"><img src="https://www.noecendrier.fr/noe/public/Une/.Capture-ncfr2009_m.png" alt="Capture de noecendrier.fr, theme de 2009" style="display:table; margin:0 auto;" /></a></p>
<p><a href="https://www.noecendrier.fr/noe/public/Une/Capture-ncfr2019.png" title="Capture de noecendrier.fr, theme de 2019"><img src="https://www.noecendrier.fr/noe/public/Une/.Capture-ncfr2019_m.png" alt="Capture de noecendrier.fr, theme de 2019" style="display:table; margin:0 auto;" /></a></p>
<p>D’aucuns – et ils n’auront pas tort – noteront que j’ai fait traîner plus de deux ans entre <a href="https://www.noecendrier.fr/post/R%C3%A9solution" hreflang="fr" title="Résolution">l’annonce de la refonte</a> et sa réalisation. On va dire, pudiquement, que je n’ai pas fait que ça<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-1" id="rev-wiki-footnote-1">1</a>]</sup>, mais foin d’excuses approximatives. La peinture n’est pas bien sèche, il y a des contenus qui exigent fermement une mise à jour, mais j’espère que vous vous y sentirez bien.</p>
<p>Histoire de présenter la présente incarnation de mon p’tit coin de web, signalons que l’aspect s’adapte pour être facilement lisible quel que soit l’appareil utilisé pour le consulter<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-2" id="rev-wiki-footnote-2">2</a>]</sup>. La page d’accueil a abandonné définitivement le style blog (mais, bien sûr, c’est toujours Dotclear à la manœuvre derrière) et, grâce au plugin <a href="http://plugins.dotaddict.org/dc2/details/featuredMedia">Featured Media</a> du camarade <a href="https://open-time.net/post/2016/02/24/Plugin-featuredMedia-01-pour-Dotclear">Franck Paul</a>, chaque billet est désormais agrémenté d’une illustration d’en-tête<sup>[<a href="https://www.noecendrier.fr/post/Peau-neuve#wiki-footnote-3" id="rev-wiki-footnote-3">3</a>]</sup>. Des boutons de partage ont aussi fait leur apparition au pied des billets. Bref, je suis impatient d’avoir vos avis sur le résultat, et je suis preneur de toutes vos suggestions. N’hésitez pas à me laisser un commentaire ici… ou pourquoi pas à passer me voir <a href="https://www.noecendrier.fr/dates">là</a> <sup></sup> !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-1" id="wiki-footnote-1">1</a>] J’ai notamment passé un temps conséquent en 2017 sur la refonte d’un autre site… qui n’a jamais été mise en ligne :’( </p>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-2" id="wiki-footnote-2">2</a>] Les professionnels appellent ça <abbr title="Responsive Web Design">RWD</abbr>, mais on peut aussi dire site web adaptatif comme les Québécois</p>
<p>[<a href="https://www.noecendrier.fr/post/Peau-neuve#rev-wiki-footnote-3" id="wiki-footnote-3">3</a>] Pour le présent billet, j’ai agrémenté la capture de l’ancien visuel d’éclats de verres fournir par <a href="https://www.obsidiandawn.com/shattered-glass-photoshop-gimp-brushes" hreflang="en">Obsidian Dawn</a></p></div>
Fin de saison en vue !urn:md5:48ce6b3a359e4943042842f54b061c812011-05-10T10:34:00+02:002011-05-18T10:54:16+02:00NoéNouvellesboulot à moiCompagnie Michel B.Dotcleargeekerieprojetrendez-vous avec vousscèneThéâtre Espace Marais <p>Et déjà, nous entrons dans la dernière partie de l’année. Il me semble que j’écrivais hier sur l’<a href="https://www.noecendrier.fr/post/Sur-les-chapeaux-de-roue-%21">ouverture de saison</a><sup>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#pnote-999-1" id="rev-pnote-999-1">1</a>]</sup>, et voilà que les vacances de printemps touchent à leur fin<sup>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#pnote-999-2" id="rev-pnote-999-2">2</a>]</sup> et que nous allons entamer, donc, la dernière période de programmation, jusque fin juillet, au rythme « normal » de cinq représentations par fin de semaine – plus les supplémentaires de groupe. Mais vous savez déjà <a href="https://www.noecendrier.fr/pages/Me-voir-sur-sc%C3%A8ne-Facile-%21">où trouver les détails</a> !</p>
<p>Très vite, ce sera aussi les présentations de fin d’année de <a href="http://ecoleparismaraisofficiel.blogspot.com/" hreflang="fr" title="Le blog de l’École Paris Marais">l’école</a> où mes élèves aimés me rendront fier<sup>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#pnote-999-3" id="rev-pnote-999-3">3</a>]</sup> ainsi que leurs parents. Ce sera les dimanches 19 et 26 juin.</p>
<h3>Pour m’occuper pendant la relâche</h3>
<p>Puisque j’ai <em>un</em> week-end libre avant le mois d’août, c’est l’occasion de retrouver la foule bien-aimée à l’occasion d’une <a href="http://fr.dotclear.org/blog/post/2011/04/15/Install-party-de-printemps-!" hreflang="fr">install party Dotclear</a>, dimanche 15. Si vous voulez ouvrir votre blog, améliorer votre Dotclear ou me payer une bière, c’est l’occasion rêvée, <a href="https://spreadsheets.google.com/viewform?hl=fr&formkey=dGIwMnpQMXcxQjh5MjdWUE52emJPZUE6MQ" hreflang="fr">n’hésitez pas à vous inscrire</a> !</p>
<h3>Et l’an prochain ?</h3>
<p>Comme je vous l’avais <a href="https://www.noecendrier.fr/post/Cours-y-vite%2C-cours-y-vite-%21">précédemment</a> suggéré, je reste à l’Espace Marais l’an prochain. Je ne devrais plus jouer dans <cite>Les Fourberies de Scapin</cite>, mais un grand rôle à profil à fumer sous la douche m’attend…</p>
<p>Et puis, toujours, les écritures en cours, les projets web (il se pourrait qu’il y ait du changement sur le site du théâtre…), si quelqu’un a la formule pour étirer le temps quand on en manque, je suis preneur (et le rétrécir quand on s’enquiquine aussi, tant qu’à faire).</p>
<p>Soyez (pas trop) sages et à bientôt ici, là-bas ou autre part – le monde est vaste !</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#rev-pnote-999-1" id="pnote-999-1">1</a>] quoique non, c’était pas hier, j’étais trop fatigué hier 3_3</p>
<p>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#rev-pnote-999-2" id="pnote-999-2">2</a>] UNE journée de relâche entre le 6 avril et le 8 mai, et 52 représentations sur cette même période</p>
<p>[<a href="https://www.noecendrier.fr/post/Fin-de-saison-en-vue-%21#rev-pnote-999-3" id="pnote-999-3">3</a>] dans l’hypothèse absurde où leur présentation ne serait pas à la hauteur de l’espérance que j’ai placée en eux, il va sans dire que je les écorcherai vifs séance tenante ! ^^ </p></div>
Et hop, encore un client satisfait !urn:md5:55071085782c469d5b69a2f5eda6f5302010-03-23T17:20:00+01:002010-03-23T22:39:46+01:00NoéNouvellesboulot à moicssgeekerieintégrationjavascriptnouveauplugins DotclearUn Max d’Idéesweb <p>Une cliente, en l’occurrence, mais c’est avec une joie sans mélange que je viens de livrer une bien belle intégration pour un <a href="http://www.unmaxdidees.com/" hreflang="fr" title="Un Max d’Idées">site plutôt sympathique</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-1" id="rev-pnote-959-1">1</a>]</sup>.</p>
<p>Du coup, je me fends d’un billet plus geekesque qu’à l’accoutumé, parce que j’ai dû faire des trucs pour y arriver qui m’ont permis de faire le point de mes compétences actuelles en la matière.</p>
<p>Alors, pour être clair sur ce que j’ai fait, il y a là-dedans :</p>
<ul>
<li>un thème pour les neufs blogs<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-2" id="rev-pnote-959-2">2</a>]</sup> qui sont les « sections » du site ;</li>
<li>un thème dédié pour le blog qui sert <a href="http://www.unmaxdidees.com/">la page d’accueil</a> et les pages d’infos générales sur le site (les liens vers le pied de page), avec redirection des anciennes URLs par RewriteRule<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-3" id="rev-pnote-959-3">3</a>]</sup> ;</li>
<li>un thème pour <a href="http://www.unmaxdidees.com/annuaire/" hreflang="fr">l’annuaire</a>, propulsé par <a href="http://www.freeglobes.net/" hreflang="fr">Freeglobes</a> ;</li>
<li>intégration de la régie publicitaire <a href="http://www.openx.org/" hreflang="en">OpenX</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-4" id="rev-pnote-959-4">4</a>]</sup> ;</li>
</ul>
<p>Toutes ces choses-là ayant été mises à jour par mes soins (le site tournait depuis 3 ans sans mises à jour des applications<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-5" id="rev-pnote-959-5">5</a>]</sup>).</p>
<p>Pour rentrer un peu dans le détail, l’installation Dotclear utilise quelques plugins<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-6" id="rev-pnote-959-6">6</a>]</sup> :</p>
<ul>
<li>l’excellent <a href="http://www.mirovinben.com/blog/index.php?post/id563" hreflang="fr">OtherBlog</a><sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-7" id="rev-pnote-959-7">7</a>]</sup> de <a href="http://www.mirovinben.com/blog/" hreflang="fr">Mirovinben</a> pour afficher les dernières publications dans un widget dédié présent dans la colonne de droite de chacun des blogs ;</li>
<li>l’indispensable <a href="http://aiguebrun.adjaya.info/post/070419/Plugin-advancedCatList-pour-dotclear-2" hreflang="fr">advancedCatList</a> d’<a href="http://aiguebrun.adjaya.info/">adjaya</a>, mis à jour par mes soins pour supporter les sous-catégories et modifié encore pour, sur le modèle d’OtherBlog, permettre d’affecter des class à plusieurs widgets, ce qui permet le tri de catégories qu’on peut voir sur le bloc de navigation jaune à gauche dans les blogs ;</li>
<li>le tout nouveau <a href="http://www.sakeco.net/blog/post/2010/01/21/Nouveau-plugin-%3A-YAFR-enlarge-your-feed-reader" hreflang="fr">yafr</a> de l’ami <a href="http://www.sakeco.net/blog/" hreflang="fr" title="Du libre et du sport">Osku</a>, pour alimenter la page d’accueil en butinant les flux des différents blogs<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-8" id="rev-pnote-959-8">8</a>]</sup> ;</li>
<li>le très ancien <a href="http://marcvachette.info/post/2007/09/03/32-plugin-last-blogs-pour-dotclear2" hreflang="fr">last Blogs</a> de <a href="http://marcvachette.info/" hreflang="fr">Marc Vachette</a>, modifié par mes soins pour servir la liste des section dans le bloc jaune sur la page d’accueil, en les classant en fonction de la date de mise à jour<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-9" id="rev-pnote-959-9">9</a>]</sup> ;</li>
<li>le pétillant <a href="http://lab.dotclear.org/wiki/plugin/multiBlogSearch" hreflang="en">Multi Blog Search</a> de <a href="http://www.zenstyle.fr/" hreflang="fr">Tomtom</a>, pour que le module de recherche de la page d’accueil générale renvoie les résultats de toutes les « sections » du site ;</li>
<li>j’espère n’avoir oublié personne…</li>
</ul>
<p>Et pour agrémenter le tout, quelques scripts jquery pour</p>
<ul>
<li>gérer le <a href="http://www.joesak.com/2008/11/19/a-jquery-function-to-auto-fill-input-fields-and-clear-them-on-click/" hreflang="en">préremplissage/coloriage du champ de recherche</a>,</li>
<li>les <a href="http://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery/" hreflang="en">coins arrondis</a> de certains blocs,</li>
<li>le <a href="http://flowplayer.org/tools/index.html" hreflang="en">carrousel</a> de la page d’accueil.</li>
</ul>
<p>Au final, un résultat dont je suis satisfait, techniquement propre (les pages sont valides, et de ce point de vue, on revient de loin<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-10" id="rev-pnote-959-10">10</a>]</sup>) et fonctionnel.</p>
<p>Bon alors, vous attendez quoi pour me filer du boulot, maintenant ?<sup>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#pnote-959-11" id="rev-pnote-959-11">11</a>]</sup> \o/</p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-1" id="pnote-959-1">1</a>] Et dont le caractère sympathique transparaît d’ailleurs mieux avec cette nouvelle peau ^^ </p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-2" id="pnote-959-2">2</a>] Vive le multiblog \o/</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-3" id="pnote-959-3">3</a>] <a href="http://httpd.apache.org/docs/1.3/mod/mod_rewrite.html" hreflang="en">Damn’ cool voodoo</a>, obligé d’en passer par là pour cause de query_string dans l’url originale – je vous avais dit que ce serait geekesque</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-4" id="pnote-959-4">4</a>] Et fouillage de l’internet pour comprendre comment éviter que le machin ne mette le serveur à genoux. La prise en main n’est pas forcément très intuitive – hmm, t’as vu comme je manie la litote ? – et la doc (en anglais) doit être sérieusement potassée</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-5" id="pnote-959-5">5</a>] Un Dotclear beta6, les mecs !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-6" id="pnote-959-6">6</a>] Je ne parle ici que de ceux qui ont une visibilité pour le visiteur</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-7" id="pnote-959-7">7</a>] Ciel, la <a href="http://plugins.dotaddict.org/dc2/details/OtherBlog" hreflang="fr">fiche DotAddict</a> n’est pas à jour !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-8" id="pnote-959-8">8</a>] Avec création de deux nouveaux URLHandlers pour des flux dédiés renvoyant l’EntryFirstImage en taille <code>s</code> et l’EntryFirstImage en taille <code>sq</code> plus un bout de texte. Osku m’a aussi aidé à redéfinir la balise afin qu’elle passe dans le flux, merci, fieu !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-9" id="pnote-959-9">9</a>] Le genre de truc que je suis le seul à savoir, mais j’aime bien l’idée</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-10" id="pnote-959-10">10</a>] – Il y avait des… balises <center> là-dedans… c’était… oh mon Dieu… (sob) <br />– N’y pense plus, Bob, c’est fini, maintenant (<em>à part</em>) Ah quand même, des <center>… vacherie !</p>
<p>[<a href="https://www.noecendrier.fr/post/Et-hop%2C-encore-un-client-satisfait-%21#rev-pnote-959-11" id="pnote-959-11">11</a>] Enfin, là, maintenant tout de suite, je dois me pencher sur la V2 de brandydaisy, mais n’attendez pas trop, tout de même ;-) </p></div>
It’s alive ! Aliiiiiive !urn:md5:ebee117814cffa18c3a67419ab40e6c32009-11-10T16:30:00+01:002010-06-21T11:31:56+02:00NoéNouvellesboulot à moiBrandy Daisycssgeekerieintégrationjavascriptplugins Dotclearweb <p>Quand on a consacré de l’énergie à quelque chose, qu’on s’est battu avec les CSS, qu’on a vaincu les incompatibilités IE7<sup>[<a href="https://www.noecendrier.fr/post/It%E2%80%99s-alive-%21-Aliiiiiive-%21#pnote-954-1" id="rev-pnote-954-1">1</a>]</sup> et croisé le fer avec des JavaScripts chafouins, c’est rien de dire que le jour où le public peut enfin en profiter est un jour attendu.</p>
<p>Donc :</p>
<ul>
<li>si vous aimez la créativité textile ;</li>
<li>si vous avez de la sympathie pour moi ;</li>
<li>si vous êtes curieux ;</li>
<li>si vous voulez m’envoyer un rapport de bug détaillé pour me <del>faire ch</del> taquiner</li>
</ul>
<p>Vous cliquez là</p>
<p><a href="http://www.brandydaisy.com/"><img src="https://www.noecendrier.fr/noe/public/creagraphique/.Invitation_Brandy_Daisy_m.jpg" alt="Invitation cocktail de bienvenue Brandy Daisy" style="display:block; margin:0 auto;" /></a></p>
<p>et vous écarquillez les mirettes.</p>
<p>Deux mots sur le projet en question, que j’ai suivi, ce qui est toujours plaisant, depuis très tôt. Il s’agit d’un magazine de mode sur le web où, régulièrement, de nouvelles séries « Mode », suivies de making-of, seront proposées, ainsi que diverses fiches sur les participants et des créations à fabriquer soi-même. <a href="http://chicnkitsch.blogspot.com">Oriane Rousset</a> et la styliste Sonia Haba sont à l’origine du projet, dont l’habillage graphique est dû à l’œil habile de Brigitte Rousset.</p>
<p>Je n’ai fait <em>que</em> l’intégration à un Dotclear de bonne facture, mais, pour un moteur de blog, on a quand même sérieusement modifié la destination de l’engin, ce qui en fait un boulot intéressant et pas de tout repos ;-)</p>
<p>Je prévois, le temps de faire un peu de ménage dans le code actuel, de distribuer le thème pour Gallery utilisé dans les billets Mode et Making-of.</p>
<p>Bref, tous commentaires bienvenus sur cette réalisation, dont la révélation publique fait diminuer ma pile de retard, ce qui est toujours agréable ^^</p>
<p>À bientôt les aminches !</p>
<p>PS : Pour les distraits, je rappelle que je joue toujours <a href="https://www.noecendrier.fr/post/Sur-sc%C3%A8ne-%C3%A0-Paris-%21">tous les samedis</a> au Théâtre Espace Marais – jusque fin février pour l’instant (j’y reviendrai de toute façon pour annoncer les dates des vacances de Noël oussque y en a encore plus).</p>
<p><em><strong>Edit :</strong> L’équipe originale n’ayant pas tenu, Oriane est désormais seule aux commandes d’un blog-boutique, toujours sympathique mais plus simple. La première version ci-dessus détaillée est <a href="http://www.brandydaisy.com/premiereversion/">toujours accessible</a>, pour archive, mais n’évoluera plus.</em></p>
<div class="footnotes"><h4>Notes</h4>
<p>[<a href="https://www.noecendrier.fr/post/It%E2%80%99s-alive-%21-Aliiiiiive-%21#rev-pnote-954-1" id="pnote-954-1">1</a>] pour IE6, j’ai décidé que faut pas exagérer non plus, quoi, à la fin, enfin, zut, quoi</p></div>