Le Rayon UX

La radiographie du Web en temps presque réel / thème en chantier (je m'appelle Teuse)

Typo

Sortie de Typo 6.1 "Rémi Ochlik"

Après quelques mois passés à glander, travailler, procrastiner… nous sommes fiers de vous annoncer la sortie de Typo 6.1 “Rémi Ochlik”, du nom de ce photographe de guerre français tué en Syrie quelques jours après avoir reçu un World Press Photo, l’Oscar du photo journalisme.

Typo 6.1 est la première version supportant Ruby 1.9 uniquement, et la dernière à supporter la série 3.0 du framework Ruby on Rails. Accessoirement, elle n’est toujours pas faite pour tourner sur Heroku, même si un de nos contributeurs a réussi à l’utiliser partiellement sur cette plate-forme.

Vous pouvez télécharger Typo 6.1 sous forme d’archive aux formats zip ou tarball, et le tester sur notre plate-forme de démonstration.

Quoi de neuf docteur ?

Cette version améliore principalement des choses sous le capot et corrige de nombreux bugs, mais elle apporte également son lot de fonctionnalités.

Bootstraped, le nouveau thème par défaut

Je vous avais déjà parlé de Bootstraped lors de notre dernier état des lieux. Bootstraped est un thème basé sur Twitter Bootstrap. Il se veut un framework pour les développeurs qui souhaiteraient créer leur propre thème. Comme aucun d’entre-nous n’est designer, le choix de Bootstrap s’est rapidement imposé.

Bootstraped theme

Un nouveau back office

C’est également sous Bootstrap que nous avons passé notre back office. Ce dernier utilise pour l’instant Bootstrap 1.4, la version 2.0 étant sortie après que nous ayons terminé cette partie. Une mise à jour aurait retardé la release, ce sera donc pour la prochaine fois.

Le nouvel éditeur

Le nouvel éditeur, plus simple et clair.

Le listing des commentaires

Le listing des commentaires. Les pastilles de couleurs facilitent le tri.

Les autres nouveautés

Chargement du modèle de données : les utilisateurs n’ont plus besoin de lancer rake db:migrate quand ils installent Typo. Se connecter au site suffit à charger le modèle de données.

CKEditor a été mis à jour avec la version 3.6.2. Il supporte les derniers navigateurs et est un peu plus stable.

Les rédacteurs peuvent désormais créer des catégories depuis l’éditeur.

Les pages 404 sont maintenant personnalisables.

L’URL shortener peut être utilisé pour des liens externes, par exemple pour utiliser sur Twitter.

Des options de filtrage ont été ajoutées sur les articles : défaut (tout sauf les brouillons), articles publiés, brouillons, à publier et articles retirés.

Ajout de permaliens personnalisés sur les catégories.

R.I.P

Si vous ne les utilisez pas, supprimez les ! Nous avons suivi cet adage, et supprimé un certain nombre de fonctionnalités de Typo. Certaines reviendront probablement sous une autre forme.

Adieu Typogarden, et merci pour le poisson

Typogarden, notre catalogue de thènmes, n’est plus. Nous avons perdu – OK j’ai oublié de renouveler – le nom de domaine. Il meurt après une longue agonie, et cette mort nous retire une sacré épine du pied. En effet, les thèmes dataient pour la plupart de 2005, n’étaient plus portés d’une version de Typo à l’autre, et personne n’avait le temps de vraiment s’en occuper. Un catalogue de thèmes reviendra certainement un jour ou l’autre, sur un sous domaine de typosphere.org.

Du coup, le catalogue de thèmes a été supprimé de l’administration.

Suppression de l’interface de tri des catégories

L’interface de tri des catégories a été supprimée. Ces dernières seront désormais affichées dans l’ordre alphabétique, ce qui est la manière la plus logique de le faire. Cela nous permettra d’ajouter des sous catégories, ce que cette interface nous empêchait de faire.

Plus d’éditeur de thèmes

Un éditeur de thèmes, c’est top, à condition que ce dernier soit fonctionnel et vraiment utilisable. Il n’était ni l’un ni l’autre, et personne n’avait envie de travailler dessus. Du coup il reviendra peut être une autre fois, sous une autre forme.

Corrections de bugs

Pour la liste des bugs corrigés, je vous invite à jeter un oeil à notre release note en anglais.

Pour le reste, je vous invite à installer Typo, le tester, contribuer… happy hacking !

Published on 17/03/2012 at 18h34 under . Labels , , , , , ,

Des nouvelles de Typo, février 2012

Ça fait un moment que je ne vous ai pas parlé de Typo, le moteur de blog en Ruby on Rails qui permet à ce site d’être ce qu’il est, puisque je rédige en ce moment même la documentation de la prochaine version qui devrait sortir incéssamment sous peu. La dernière version sortie au mois d’août dernier apportait un nombre important de nouvelles fonctionnalités, celle-ci est beaucoup plus une version de nettoyage, et ça se passe pour beaucoup sous le capot, même si, et ce n’est pas antithétique, les choix effectués sont particulièrement visibles. Je vous invite à tester cette nouvelle version sur notre site de démo, et à nous donner votre feedback ici ou sur notre dépôt Github.

Le premier, c’est la suppression du thème par défaut True Blue 3, au profit de Bootstraped, un thème basé sur Twitter Bootstrap 2.0. Avec Bootstraped, nous avons voulu proposer aux développeurs de thèmes un framework sur lequel ils pourraient s’appuyer pour créer facilement de nouveaux templates. Le choix de Bootstrap a été assez évident : puisqu’aucun d’entre nous n’est designer, nous avons délégué la partie purement visuelle du thème à ceux qui savent, quitte à perdre un peu en créativité.

Bootstraped, le nouveau thème

Nous avons choisi le même parti pris pour l’administration, afin de déléguer au maximum les aspects graphiques. Celle-ci tourne, pour l’instant, sous Bootstrap 1.4, la version 2.0 étant sortie après la refonte, et les changements étant trop importants pour que nous puissions les répercuter sur cette version.

Un nouvel éditeur

Un nouvel éditeur plus compact et plus simple.

Le classement des commentaires

Le listing des commentaires. Les nouveaux codes couleur permettent de savoir immédiatement qui est quoi.

Je ferai certainement une note plus complète, notamment sur les changements sous le capot au moment de la release, mais j’avais envie de partager nos dernières avancées les plus visibles.

Published on 22/02/2012 at 20h05 under . Labels , , , , , , ,

Sortie d'un plugin Soundcloud pour Typo

Comme je n’avais pas envie de me taper l’insertion d’un object dans mon dernier billet, j’ai fait un petit plugin pour Typo qui fait le boulot pour moi. Il est disponible sur Github sous la licence MIT.

Installation

cd /path/to/typo/vendor/plugins
git clone git://github.com/fdv/typo_textfilter_soundcloud.git

Redémarrez votre application Typo pour que ce nouveau plugin soit pris en compte.

Utilisation

Vous pouvez utiliser <typo:soundcloud:gt; pour afficher un lecteur musical Soundcloud dans un billet.

Exemple:

  <typo:soundcloud url="http://soundcloud.com/das-boy/1993-12-31-essential-mix-brothers-in-rhythm-new-years-mix" />
  <typo:soundcloud url="soundcloud.com/das-boy/1993-12-31-essential-mix-brothers-in-rhythm-new-years-mix" width="280px" height="51px" comments="false" />

Ce plugin accepte plusieurs paramètres :

  • url (obligatoire) : l’URL vers un fichier public Soundcloud.
  • width : la largeur du lecteur en pixels, par défaut 100%.
  • height : la hauteur du lecteur en pixels, par défaut 81px.
  • comments (true / false) : afficher les commentaires sur un morceau, actif par défaut.
  • auto_play (true / false) : démarrer la lecture au chargement de la page, inactif par défaut.
  • color : un triplet hexadécimal définissant la couleur du bouton, orange par défaut.

Published on 01/01/2012 at 08h40 under . Labels , , , , , ,

Des templates spécifiques pour les articles et les catégories dans Typo

Typo 6.0.6 a introduit le concept de types d’articles, permettant d’utiliser des templates spécifiques pour chacun d’eux. Avec la version 6.0.8, ce principe a été étendu aux catégories et aux tags. Cet article a pour objectif de vous expliquer comment mettre en place un tel type de templates.

Imaginons que vous avez lancé un blog dans lequel vous consignez, entre autres choses, vos dégustations de vin. Vous souhaitez afficher ces articles d’une manière particulière, en y joignant toujours une image, avec un style particulier. Vous souhaitez également donner à la catégorie oeunologie une identité propre, mais sans la sortir de votre blog. Afin d’éviter les trolls, vous allez également désactiver les commentaires sur ces billets (c’est surtout pour rendre le template plus lisible, ndlr).

Published on 18/08/2011 at 20h28 under . Labels , , , , , , ,

Sortie de Typo 6.0.6 Irving Penn

Tout juste cinq semaines après la dernière version, je suis heureux de vous annoncer la sortie de Typo 6.0.6. Avec 403 fichiers modifiés, 8526 ajouts et 4961 suppressions, il s’agit de la plus grosse release de l’histoire du doyen des projet open source basé sur Ruby on Rails. Cette version a été rendue possible par l’arrivée dans l’équipe de Yannick François, des nombreux patchs envoyés par nos contributeurs et par le temps pourri qui a régné durant le mois de juillet sur l’Europe en général et mon lieu de villégiature en particulier.

Vous pouvez télécharger cette version ou la tester sur notre plate-forme de démonstration.

Published on 02/08/2011 at 17h43 under . Labels , , , , , , ,

Sortie de Typo 6.0 Irving Penn pour Ruby on Rails 3

Presque 7 mois après notre dernière version stable, j’ai le plaisir d’annoncer la sortie de Typo 6.0 Irving Penn pour Ruby on Rails 3. Bien que tournant principalement autour du passage à Rails 3, cette version majeure de l’application contient également son lot de fonctionnalités et de correctifs.

Vous pouvez télécharger Typo 6.0 au format tgz ou zip.

Published on 19/01/2011 at 19h09 under .

Dis papa, pourquoi y'a plus de nofollow sur t37.net ? Mais voyons fiston, c'est la dofollow attitude

Ça faisait un moment que le dofollow me titillait, entre les discussions avec Alexandre du blog référencement et Marie de Pink SEO, et une réflexion plus globale sur le sens du Web sans le lien hypertexte.

Le dofollow, c’est quoi ? C’est ne pas mettre l’attribut rel="nofollow" sur les liens des commentaires pour ne pas garder tout son jus pour soi. C’est, accessoirement, se dire que les gens qui ont pris le temps de laisser un commentaire de qualité sur votre blog ont bien le droit de récupérer un peu du pagerank de la page.

Depuis quelques années, l’explosion du spam automatisé dans les commentaires des blogs ont entraîné la prise en compte de l’attribut rel="nofollow" par les moteurs de recherche. Cela signifiait ce lien là, tu ne le suis pas, et tu ne lui transmets pas mon page rank, merci monsieur Google. Si cela n’a pas fait diminuer le nombre de robots en action, cela a entre autres eu un effet pervers : les gens ont décidé de garder leur pagerank pour eux, au point que la politique du nofollow est devenue la norme par défaut sur tous les sites à UGC et les moteurs de blog Wordpress en tête. Daniel Roche en parle plus longuement dans son article Nofollow et Référencement Naturel.

Published on 23/12/2010 at 22h30 under .

Installation conditionnelle de gems avec Bundler en fonction des outils présents sur le système

Tout comme la bombe atomique, les ministres de gauche dans un gouvernement de droite et la peine de mort, Bundler fait partie de ces solutions à des problèmes qui passent du statut de “bonnes idées” à celui de catastrophes ambulantes qui emmerdent tout le monde et dont on ne sait plus comment se débarrasser. Si vous n’avez jamais entendu parler de Bundler, vous avez bien de la chance, il s’agit du nouveau système de gestion des dépendances introduit avec la version 3 de Ruby on Rails.

Published on 10/10/2010 at 18h39 under . Labels , , , ,

Migration du blog sous Typo pour Ruby on Rails 3.0

typoSi vous lisez ces lignes, c’est que la migration de ce blog sur la branche Rails 3 de Typo s’est passée sans (trop de) problèmes, ce qui est une grande nouvelle quand on regarde le chemin parcouru depuis que Matijs et moi nous sommes mis au travail.

Published on 26/09/2010 at 19h36 under . Labels , , , , ,

Envoyer des mails via Gmail ou SMTP et TLS avec une application Ruby On Rails

Par défaut, Ruby On Rails n’a pas la possibilité d’envoyer des emails via un serveur SMTP utilisant TLS comme celui de Gmail. Heureusement, ce n’est pas très difficile à mettre en place, et je vous propose donc de le faire pas à pas dans votre application Rails d’une part, et sur Typo, le blogware en Ruby on Rails d’autre part.

Published on 16/04/2010 at 21h20 under . Labels , , , , , , ,