Noé Cendrier

Aller au contenu | Aller au menu | Aller à la recherche

Mot-clé - plugins Dotclear

Fil des billets - Fil des commentaires

mardi 15 juin 2010

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).

mardi 23 mars 2010

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 ;-)

mardi 10 novembre 2009

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