Retour Sud Web 2014

Cette année encore, j'étais de la partie pour une nouvelle édition de Sud Web, de retour dans ma douce ville rose. Je félicite les organisateurs pour cette sélection de conférences aux sujets variés, toujours basées sur les retours d'expériences des orateurs.
Même format que les années précédentes :

  • une journée de conférences
  • la soirée communautaire pour partager un max entre passionnés du web
  • une journée d'ateliers

Le risque assumé de n'avoir qu'une seule et unique track (une seule salle / conférence à la fois) a payé concernant la première journée. J'ai assisté à des présentations que je n'aurais pas sélectionnées de prime abord mais que j'ai trouvées excellentes.

Mentions spéciales pour Cécile Habran qui nous a présenté son projet, Elise, parfait exemple de la variété des contenus pouvant être créés sur un web aux technologies ouvertes (vidéo de la présentation de Cécile) et Eva-Lotta qui aura réussi à me faire dessiner des personnages reconnaissables afin de transmettre mes idées, chose pas toujours évidente à l'oral (vidéo de la présentation d'Eva-Lotta).

La diversité des sujets proposés aux ateliers était en accord avec ce à quoi nous avions assisté la veille. Nous ne sommes clairement pas ici pour ne parler que de code et de technique. Du coup, difficile de faire son choix mais la règle des 2 pieds permet d'éviter la frustration : si ce à quoi vous participez ne vous satisfait pas, bougez !

L'année dernière, je n'avais pas été assez actif; pour cette édition, aucun regret, j'ai aussi bien sollicité les conférenciers que les participants pour en savoir plus. Le partage et les échanges sont une étape importante de ce type d'événements. Et ça fait toujours plaisir de revoir des têtes connues lors des éditions précédentes et d'en découvrir de nouvelles.

Vous l'aurez compris, j'ai été enchanté par ce Sud Web 2014 et j'attends déjà celui de 2015 avec impatience, à Montpellier me dit-on dans l'oreillette. C'est un bon coup de boost pour la motivation, un bol d'air frais pour des gens qui, comme moi, aiment leur métier et veulent faire les choses de la plus belle manière possible.

sudweb-2014-participants

Merci aux organisateurs qui abattent un boulot de dingue pour nous faire vivre un évènement au top du top. Je me rends compte que je n'ai pas parlé du buffet qui était délicieux, de la salle au somptueux panorama sur cette magnifique ville de Toulouse. Bref que du bon.

Je vous laisse avec l'excellent lightning talk de Thomas sur les commentaires et je vous dis @ l'année prochaine !

PS : un lien au goût de Sud Web Leaks a été dissimulé dans cet article, saurez-vous le retrouver ? Si tel est le cas, n'hésitez pas à me le faire savoir en commentaire ou via mon Twitter pour peut-être recevoir une surprise lors de la prochaine édition de Sud Web.

Liens utiles :

Corriger la coloration syntaxique des règles d’import d’un sprite sur les scss de Compass dans Vim

En utilisant la fonction d'import d'un dossier contenant des images pour en faire un sprite, j'avais depuis un moment un bug de coloration syntaxique que j'ai enfin décidé de traiter.

vim-logocompass-logo

Sans que je sache pourquoi, le problème se situe au niveau du fichier de syntaxe pour les .scss, celui des .sass fonctionne correctement. J'ai donc décidé de le contourner en forçant l'utilisation de la syntaxe de Sass. Pour ce faire, il vous suffit d'ajouter la ligne suivante dans votre  ~/.vimrc :
au BufRead,BufNewFile *.scss setfiletype sass

Script GreaseMonkey pour retrouver la fonction « marquer comme lu et masquer » de Netvibes

Si vous utilisez Netvibes depuis plus de deux semaines, vous aurez sûrement remarqué sa refonte graphique et son lot de changements au niveau du comportement de l'application. Outre le fait que la place attribuée aux flux soit désormais considérablement réduite, c'est la disparition pure et simple de la fonction « marquer comme lu et masquer » lorsque le filtrage est en mode « n'afficher que les non-lus » qui m'a plus affecté. Sans cette option, Netvibes m'est tout simplement inutilisable. Je me suis donc empressé de faire un petit script GreaseMonkey pour la simuler et retrouver le résultat précédemment. Ce n'est pas parfait, les barres regroupant les items par jour ne sont pas cachées lorsqu'elles n'ont plus d'entrées en dessous d'elles, mais c'est déjà mieux qu'avant.

netvibes_logo

Installation

Firefox

Le seul prérequis est d'avoir préalablement installé l'extension GreaseMonkey avant de :

  • cliquer sur ce lien
  • cliquer sur le bouton Installer

Chrome

  •  faire un clic droit sur ce lien
  • enregistrer le fichier JavaScript proposé
  • aller sur la page des extensions
  • faire un glisser/déposer du fichier sur cette page
  • valider l'installation du script en cliquant sur le bouton Ajouter

Utilisation

Rechargez votre page Netvibes et si tout s'est bien passé, en cliquant sur les ronds, les entrées devraient désormais disparaître comme avant.

Liens utiles

Sud Web, une conférence pour tous les faiseurs de web

Présentation

Sud Web est une conférence orientée front end animée par et pour des passionnés participant au développement du web. Cet évènement se déroule sur 2 jours. Le 1er est consacré à des conférences de divers orateurs entrecoupées par des lightning talks, le 2ème à des ateliers pratiques où nous pouvons approfondir - entre autre - ce qui a été dit la veille. À noter qu'il est tout à fait possible de proposer un atelier sur place.

Les retours d'expérience sont au cœur des débats. Si vous attendez la présentation de la dernière techno à la mode, autant vous dire que vous serez déçu. Sud Web met l'accent sur le partage et nous incite à ce qu'il aille dans les 2 sens (c'est mieux, sinon c'est du don).

sudweb-logo

Ce que j'en pense

L'édition avignonaise a été ma deuxième expérience de Sud Web, après celle de Toulouse l'année dernière. J'y ai tout particulièrement apprécié le rythme soutenu des échanges entre les participants, il n'y a pas de temps mort, même en dehors des conférences. Tout est fait pour que nous continuions à bavarder, aussi bien lors des pauses que des repas.

Un autre point positif étant de pouvoir rencontrer des personnes que nous lisons quotidiennement, que ce soit de par leurs blogs, leur compte Twitter, IRC et j'en passe. Je tenais d'ailleurs à remercier la Thym Sud Web pour les informations renseignées au bout des tours de coup, car certains ne ressemblent pas vraiment à leurs avatars - si le p'tit gars du Nord passe par ici, il se reconnaitra peut-être !

Pour les plus motivés, la soirée communautaire entre ces 2 journées permet de faire durer le plaisir. Qu'il est bon de discuter qualité web, techniques d'intégration ninja-style, clients mail nous forçant à pondre du code façon âge de pierre, d'entrepreunariat... tout ça avec des passionnés, autour d'un bon buffet et de quelques godets !

Le gros point noir de cette conférence est clairement sa durée ! Que ces 2 jours passent vite...

Ce que j'en retire

  • plein d'astuces pour mieux développer, des pistes d'outils à tester
  • de bonnes rencontres (que j'espère revoir vite)
  • la "confirmation" d'être sur la bonne voie, de faire un métier qui me passionne et dans lequel je prends du plaisir
  • encore et toujours plus de motivation (et je ne pense pas être le seul)

Conclusion

Un grand merci aux organisateurs qui se démènent avant et pendant l'évènement pour nous offrir un concentré de sujets de qualité dans un cadre toujours plus impressionnant. Je pense garder longtemps en mémoire l'air des chansonnettes lancées par Rudy entre chaque prise prise de parole. Vous avez amplement mérité le repos du guerrier. Nous n'oublierons pas cette salle du Palais des Papes d'Avignon :

sudweb-avignon-palais-papes

 

Je ne sais pas si ce que je viens de vous raconter vous aura motivé, mais une chose est sûre : je serai de l'édition 2014 !

Liens utiles :

Gérer les tâches de ses projets collaborativement avec Trello

Lors d'un de mes derniers projets en date, j'ai eu l'occasion de tester Trello, un outil SaaS de gestion de tâches suivant les concepts façon méthode agile / kanban. Son écran principal est un bureau (dashboard) composé de colonnes auxquelles il est possible d'ajouter des post-it (cards). Cette représentation visuelle permet de juger rapidement du reste à produire, de ce qui est en cours et ce qui est terminé. L'affectation de chaque card à un ou plusieurs utilisateurs et les filtres de tri par label, utilisateur ou date d'échéance permettent de s'y retrouver même si le flot d'informations est important. Des applications mobiles bien conçues sont disponibles pour la majorité des OS.

trello-dashboardVue principale

trello-cardVue d'une card

trello-filtersVue filtrée

Mon retour d'expérience

Les conseils qui vont suivre ne vont sûrement pas être valables pour tous les types de projets ni par tous les utilisateurs. Il s'agit plus d'un bilan personnel.

  • ne créez pas trop de colonnes, je trouve préférable que l'ensemble reste compact et tienne sur un écran afin que les cards soient déplaçables facilement, sans même avoir besoin de fouiller dans la liste des colonnes pour saisir le workflow
  • soyez concis dans le noms de vos cards, quitte à être plus précis à l'intérieur de la description en vue card
  • usez et abusez des check lists disponibles à l'intérieur de chaque card
  • les libellés de couleurs aident vraiment à s'y retrouver, dans mon cas entre les différentes parties d'un projet (global, technique, graphisme, réunions, etc.)
  • les dates d'échéances peuvent s'avérer utiles dans le filtrage des informations
  • utilisez l'ajout de pièces jointes aux cards pour préciser les points importants, diffuser et regrouper les informations (screenshots, fichiers, etc.)

Si vous êtes développeur, sachez qu'une API est à votre disposition pour gérer les différentes fonctions de Trello. La possibilité d'exporter les données en JSON (via le menu des options disponible sur chaque board) ouvre une porte de sortie au cas où vous souhaiteriez passer sur un autre logiciel ou utiliser ces dernières pour remplir vos outils de gestion de projets internes. Étant adepte des solutions auto-hébergées, si vous en connaissez une open source et d'aussi bonne qualité, n'hésitez pas à en partager son nom et son url dans les commentaires !

Liens utiles :