>

Mot-clé - intégration

Fil des billets - Fil des commentaires

fév. 15 201912:12

Peau neuve

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 croquer ce champi cliquer sur ce lien – et revenir au présent avec l’autre côté du champign cet autre lien.

Capture de noecendrier.fr, theme de 2009

Capture de noecendrier.fr, theme de 2019

D’aucuns – et ils n’auront pas tort – noteront que j’ai fait traîner plus de deux ans entre l’annonce de la refonte et sa réalisation. On va dire, pudiquement, que je n’ai pas fait que ça[1], 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.

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[2]. 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 Featured Media du camarade Franck Paul, chaque billet est désormais agrémenté d’une illustration d’en-tête[3]. 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  !

Notes

[1] 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 :’(

[2] Les professionnels appellent ça RWD, mais on peut aussi dire site web adaptatif comme les Québécois

[3] Pour le présent billet, j’ai agrémenté la capture de l’ancien visuel d’éclats de verres fournir par Obsidian Dawn

Lire la suite

juin 15 201018:51

Tout ce que vous avez toujours voulu savoir sur l’ergonomie (ou presque)

Gautier Barrère est un type hautement fréquentable, en charge notamment du pilotage de la démarche ergonomie de Dotclear . L’ergonomie, c’est ce truc qui consiste à faire que les outils soient adaptés à l’usage qu’on en a, afin d’améliorer, notamment, les conditions de travail. Mais tout ça est bien mieux expliqué et détaillé sur le tout nouveau site de Gautier.

Et je ne vous en parle pas seulement parce que c’est un copain, mais aussi parce que je ne suis pas pour rien dans cette mise en ligne. J’ai en effet réalisé l’intégration et le paramétrage du fringuant Dotclear qui est derrière à partir d’un design de la grande Hellgy – qu’on ne présente plus. Il m’a fallu créer quelques templates dédiés pour certaines catégories grâce à l’immortelle astuce de maître Pep et inventer un balisage rigolo pour le menu (marquer l’élément de menu comme actif quand on est dans les sous-éléments), mais dans l’ensemble rien d’excessivement exotique. La difficulté majeure a été la disposition du contenu pour avoir les boîtes informatives flottant à droite et « touchant » le contenu texte sans que la colonne principale ne soit excessivement large afin de ne pas nuire à la lisibilité, ce qui a a abouti à la colonne unie à droite, non prévue de cette manière dans le design initial, pour « décaler » le bord droit de la fenêtre – bref, des considérations graphiques plutôt que des torturages de codes ^^

Et vous savez la bonne, que dis-je, l’excellente nouvelle : je suis disponible de suite pour tout nouveau projet webistique ! Dépêchez-vous de me contacter, premier arrivé, premier servi et toute cette sorte de chose…

La prochaine fois, je vous recause théâtre, ma rentrée s’organise, de ce côté-là aussi (et si vous ne l’avez pas encore vu, il y a des dates pour Dom Juan jusqu’à fin juillet).

Lire la suite

mar. 23 201017:20

Et hop, encore un client satisfait !

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 site plutôt sympathique[1].

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.

Alors, pour être clair sur ce que j’ai fait, il y a là-dedans :

  • un thème pour les neufs blogs[2] qui sont les « sections » du site ;
  • un thème dédié pour le blog qui sert la page d’accueil 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[3] ;
  • un thème pour l’annuaire, propulsé par Freeglobes ;
  • intégration de la régie publicitaire OpenX[4] ;

Toutes ces choses-là ayant été mises à jour par mes soins (le site tournait depuis 3 ans sans mises à jour des applications[5]).

Pour rentrer un peu dans le détail, l’installation Dotclear utilise quelques plugins[6] :

  • l’excellent OtherBlog[7] de Mirovinben pour afficher les dernières publications dans un widget dédié présent dans la colonne de droite de chacun des blogs ;
  • l’indispensable advancedCatList d’adjaya, 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 ;
  • le tout nouveau yafr de l’ami Osku, pour alimenter la page d’accueil en butinant les flux des différents blogs[8] ;
  • le très ancien last Blogs de Marc Vachette, 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[9] ;
  • le pétillant Multi Blog Search de Tomtom, pour que le module de recherche de la page d’accueil générale renvoie les résultats de toutes les « sections » du site ;
  • j’espère n’avoir oublié personne…

Et pour agrémenter le tout, quelques scripts jquery pour

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[10]) et fonctionnel.

Bon alors, vous attendez quoi pour me filer du boulot, maintenant ?[11] \o/

Notes

[1] Et dont le caractère sympathique transparaît d’ailleurs mieux avec cette nouvelle peau ^^

[2] Vive le multiblog \o/

[3] Damn’ cool voodoo, obligé d’en passer par là pour cause de query_string dans l’url originale – je vous avais dit que ce serait geekesque

[4] 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

[5] Un Dotclear beta6, les mecs !

[6] Je ne parle ici que de ceux qui ont une visibilité pour le visiteur

[7] Ciel, la fiche DotAddict n’est pas à jour !

[8] Avec création de deux nouveaux URLHandlers pour des flux dédiés renvoyant l’EntryFirstImage en taille s et l’EntryFirstImage en taille sq plus un bout de texte. Osku m’a aussi aidé à redéfinir la balise afin qu’elle passe dans le flux, merci, fieu !

[9] Le genre de truc que je suis le seul à savoir, mais j’aime bien l’idée

[10] – Il y avait des… balises <center> là-dedans… c’était… oh mon Dieu… (sob)
– N’y pense plus, Bob, c’est fini, maintenant (à part) Ah quand même, des <center>… vacherie !

[11] Enfin, là, maintenant tout de suite, je dois me pencher sur la V2 de brandydaisy, mais n’attendez pas trop, tout de même ;-)

Lire la suite

nov. 10 200916:30

It’s alive ! Aliiiiiive !

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[1] 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.

Donc :

  • si vous aimez la créativité textile ;
  • si vous avez de la sympathie pour moi ;
  • si vous êtes curieux ;
  • si vous voulez m’envoyer un rapport de bug détaillé pour me faire ch taquiner

Vous cliquez là

Invitation cocktail de bienvenue Brandy Daisy

et vous écarquillez les mirettes.

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. Oriane Rousset et la styliste Sonia Haba sont à l’origine du projet, dont l’habillage graphique est dû à l’œil habile de Brigitte Rousset.

Je n’ai fait que 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 ;-)

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.

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 ^^

À bientôt les aminches !

PS : Pour les distraits, je rappelle que je joue toujours tous les samedis 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).

Edit : 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 toujours accessible, pour archive, mais n’évoluera plus.

Notes

[1] pour IE6, j’ai décidé que faut pas exagérer non plus, quoi, à la fin, enfin, zut, quoi

Lire la suite

Haut de page