Récemment dans la catégorie Design

Vous vous en êtes certainement rendu compte si vous êtes venu sur mon blog aujourd'hui (et très certainement aussi via les bizarreries du flux RSS que j'ai un peu retravaillé), j'ai changé de design.

J'adore les concours de design car généralement, de très belles créations voient le jour durant ceux-ci. Imaginez donc ma joie lorsque j'ai appris que Six Apart, en association avec HP (le constructeur d'ordinateurs, pas Harry Potter) a lancé tout à l'heure Design to Inspire (Créer pour Inspirer), un concours de design visant à imaginer les futurs habillages TypePad, Vox et LiveJournal !

Wow ! J'ai commandé un Controller Pad chez Suicidal, une boutique principalement faite pour les filles mais avec une partie Boys Stuffs avec des trucs pour les garçons. Et bien figurez vous que si vous souhaitez vous aussi en commander un, c'est trop tard, j'ai pris le dernier, car dès que j'ai validé ma commande PayPal, il a disparu de la boutique. Si c'est pas un timing parfait ça :).

Tout à l'heure, en répondant à une question d'un client, je suis tombé sur une boutique pour enfants. J'ai tout de suite adoré ! Chaque objet est vraiment mignon et les photos sont plus que ravissantes. 

• Movable Type 4.1 uniquement
• Plugin Template Installer
• Plugin Disqus (disqus.com) (facultatif)
• Trackbacks désactivés (facultatif)

Remarque : Je conseille de désactiver les Trackbacks car aucun style n'est associé pour le moment, pareil pour le plugin Disqus pour les commentaires. Vous pouvez évidement vous passer de ces indications mais il vous faudra alors jouer un peu avec les CSS pour rendre cela agréable.

C'est officiel, mon premier thème pour Movable Type, Illuminous (vous pouvez le voir en fonctionnement ici, est désormais disponible au téléchargement en version bêta. Enfin, me direz-vous, avec un retard de plusieurs semaine sur ce que j'avais annoncé. Pourquoi cela ?

Des premiers retours difficiles

J'ai proposé le thème aux personnes qui me l'avaient demandé, et toutes m'ont communiqué la difficulté qu'elles avaient pour installer le thème (la solution que j'avais trouvé était de leur demander de copier-coller une dizaine de fichier). Pas très simple et assez loin de WordPress en ce qui concerne la facilité.

J'ai trouvé une solution alternative en utilisant Template Exporter, un plugin payant (snif) de Movable Type. Heureusement pour vous, l'autre plug-in permettant d'installer un thème exporté est quant à lui gratuitement téléchargeable sur cette page (après enregistrement - gratuit). Désormais, l'installation d'un thème se fait en un clic (après envoi des fichiers dans le répertoire adéquat).

Manque de temps

Je ne vais pas m'étaler sur ce sujet mais il est clair que le temps n'a pas joué en ma faveur. Le mois de février est arrivé très vite et je n'ai pas forcément eu l'envie ni l'occasion de me replonger dans Illuminous.

Depuis le temps que j'utilise Movable Type 4 et les multiples plugins développés par la communauté rendant chaque jour l'utilisation de Movable Type plus humaine, plus facile et bien plus agréable, je crois qu'il était temps pour moi aussi de contribuer au développement de ce logiciel.

N'étant pas forcément (et même pas du tout) calé en Perl, langage utilisé dans Movable Type, j'ai néanmoins des connaissances dans le design web (exemple : ce blog, Mixs.fr, Loic Le Meur, etc...). Alors j'ai décidé de me lancer dans un petit projet : créer un thème « différent » pour Movable Type, permettant de mettre en avant les possibilités offertes par le système de gabarits, au cœur du moteur de publication. Voici donc Illuminous.

J'avais depuis quelques mois envie de retrouver le design à colonne unique que j'avais créé pour mon blog alors que j'étais sous WordPress. Ce design a d'ailleurs pas mal plu puisque quelques blogueurs m'ont demandé s'ils pouvaient le récupérer, comme Nicolas Mérouze pour Snippet Bucket ou Quentin pour Tokyo Megaplex. J'ai bien entendu accepté, en leur fournissant les sources brutes, c'est à dire un code plutôt sale né de mes besoins, et uniquement ceux-ci.

Impossible de les livrer à grande échelle donc, sans avoir à jouer un rôle de support que je ne souhaite absolument pas. C'est pourquoi j'ai pris la décision de le remettre au goût du jour. Mais faire cela nécessite un travail de profondeur et je n'ai pas le temps (ni l'envie) de me remettre à WordPress. C'est donc pourquoi ce thème sera releasé uniquement pour Movable Type, plateforme de blog désormais Open Source que je trouve bien plus puissante (et joli) que WordPress.

J'ai réalisé quelques croquis et une maquette du thème il y a quelques mois, mais avec la reprise des cours et le design du blog de Loic (et d'un autre blog, plus d'infos dans quelques semaines :), je n'ai pas vraiment eu la motivation de le faire. J'ai donc profité de ces derniers jours de vacances pour créer ce thème, et j'espère qu'il vous plaît.

Pourquoi un design avec une colonne ?

Ce que j'apprécie le plus, dans un blog, c'est le contenu. C'est pour cela que je lis des blogs. Ce qui est autour ne m'intéresse pas. L'idée d'un blog avec une colonne, est qu'on ne peut utiliser cette colonne que pour afficher le contenu. C'est une contrainte positive qui permet de ne pas perdre de vue l'essentiel du but à atteindre : créer un design plaçant le contenu au cœur du blog.

Ayant évolué et changé de style, j'ai uniquement repris le concept de mon ancien thème pour créer un tout nouveau thème ayant des couleurs et un style plus sobre et moins coloré que la version WordPress. J'ai à cela ajouté un footer plus conséquent me permettant de palier à certains désavantages que procurent un thème n'ayant qu'une seule colonne : l'impossibilité d'ajouter des widgets.

Bon, et si on changeait de design ?

Fabien m'a demandé où je trouvais les icônes que j'utilise dans certains de mes sites internet. C'est très souvent des icônes de FamFamFam parce que j'aime leur côté passe-partout, discret et très simple.

Mais il n'y a pas que FamFamFam. Bon nombre de talentueux créateurs proposent également leurs icônes en libre accès sur Internet. Voici donc une petite liste de ceux que j'ai pu rencontrer. N'hésitez pas à compléter via les commentaires si vous êtes créateur ou si vous connaissez un site sympa.

• Mini Pixel Icons de ndesign studio : Les icônes sont très classiques, déclinées en plusieurs couleurs, parfait pour ceux qui comptent se lancer dans un petit CMS.
• HoHoHo! de BrandSpankingNew : De toutes petites icônes en niveau de gris, très classe pour un site en niveau de gris, justement, mais aussi aux couleurs pastels.
• Tango Desktop Project : Né d'une tentative d'uniformisation des interfaces Gnome et KDE (GNU/Linux), Tango offre un large panel d'icônes toutes aussi soignées les unes des autres.
• FamFamFam : icônes soignées et très agréables à réutiliser, mon pack préféré :)
• Twotone : Des icones unicolores qui n'ont pas forcément leur place partout (avis tout à fait subjectif) mais qui je pense peuvent s'intégrer dans des interfaces minimalistes, où le texte n'est pas toujours présent (comme une interface en Flash).
• Bitcons et Sanscons : Deux packs dans le même style que Twotone.
  
• DrunkeyLove : Dans le même style que FamFamFam, en un peu plus pixelisé (et peut être moins soigné aussi).
• TinyLittleIcons : De petites icônes dans un ton verdâtre.
• Greyscale : Des icônes de taille moyenne en niveau de gris, sympa :)
• Iconsdesigns : Un blog de packs d'icônes pas forcément toutes adaptées pour le web, mais sait-on jamais.
• Sweetie : Des icônes propres et mignones à utiliser sans modération :)
• Markup icons : 8 packs d'icônes en niveau de gris. On trouve de tout.
• Feed Icons : Un tas de déclinaisons du logo officiel des flux RSS
• et pour finir, Iconfinder, ce n'est pas un pack d'icônes mais un véritable moteur de recherche. À essayer d'urgence :)