Sous le capot

Quelques précisions concernant ce nouveau site.

Le design

Contrairement à ce que certains ont pu penser, il s’agit bien d’un thème et non d’une réalisation personnelle.
C’était très gratifiant concernant mes compétences en graphisme ; mais peut-être un peu moins pour l’illustratrice qui signe réellement les maquettes…

Je suis pourtant très content du résultat, d’autant qu’il s’adapte bien au format que je souhaitais donner au site – point également confirmé par vos retours.

Pour information il m’a coûté un peu plus de 70 €. Avec un peu plus de temps et d’argent j’aurais vraiment aimé faire réaliser quelque chose de plus personnel ; mais en attendant je suis pleinement satisfait du thème.

Je range donc pour l’instant les planches d’inspirations que j’avais pourtant amoureusement réalisées. Il y était question d’architecture et de typographie, le tout dans un style vintage : ce sera pour une autre fois !

(Notez aussi la très belle icône de remplacement pour les liens que m’a fournie Vanessa – qui cherche du boulot d’ailleurs ; foncez).

Le contenu

Ma volonté première était de rassembler un peu plus mes publications.

Avec Twitter, Tumblr, Codepen, CloudApp, iCloud et consorts, je perdais doucement prise sur mes données et je souhaitais corriger le tir.

Sans pour autant bouder ces réseaux, je peux maintenant conserver plus facilement ce qui me tient à cœur ; le mettre hors-ligne quand ça me chante ; et ne pas risquer de voir les données disparaître du jour au lendemain.

C’était également l’occasion de revoir un peu ma partie CV, qui manquait cruellement d’un petit portfolio.
À propos, grand merci à nouveau à ceux qui ont bien voulu me rédiger une recommandation.

L’intégration

Le thème, bien que premium n’était pas vraiment bien codé – ou du moins pas selon mes préférences :

• chargement tout en JS ;
• mauvaise utilisation d’images vectorielles (fournies dans plusieurs tailles…) ;
• layout mal maitrisés ;
• etc.

Et puis c’était aussi l’occasion d’éprouver mon tout récent framework Sass.

En pratique, bien que le résultat me semble honnête, j’ai aussi essuyé un peu les plâtres, il faut bien le dire…

Techniquement on trouve donc :

• du SVG ;
• du Sass ;
• une architecture par composants type BEM ;
• un poil de jQuery (mais en gardant en tête le no-js) ;
• du full-ems ;
• une double grille de mise en page (verticale et horizontale) ;
• l’utilisation d’une double échelle typographique ;
• et quelques positionnements alambiqués.

Il me reste du travail (notamment pour le HiDPI), je tâcherai de faire évoluer les choses sur la durée.

Le développement

Le thème fourni était destiné à WordPress, mais je souhaitais changer de CMS et tenter quelque chose de moins intégré.

Je me suis lancé avec Kirby (lui aussi payant – 15 € environ). Des fichiers textes au format Markdown, pas de base de données et très flexible… : tout pour me plaire.

J’ai donc totalement réécrit le code en partant de zéro et je n’ai profité que de l’aspect graphique de mon thème.

Il fallait pour cela appréhender un nouveau moteur (et son langage), tout en découvrant les joies du développement (une première sur un site complet) !

Et je dois dire – même si le résultat n’est sans doute pas parfait – que cela s’est fait relativement facilement.

Kirby fournit par défaut les fonctionnalités les plus importantes et par ailleurs il propose une API de travail très efficace, similaire à jQuery.
Pour un petit site personnel comme le mien, cela convenait donc très bien.

Il restait à intégrer un système de commentaires pour en faire un véritable blog, sans pour autant passer à nouveau par un service tiers. C’est rudimentaire, mais ça fonctionne. J’y ajouterai peut-être une prévisualisation et des commentaires imbriqués.

---

Mon ancien site est archivé et reste accessible.

Il aura fallu quand même quelques week-ends et soirées pour mener à bien ce projet. La vie de famille s’en retrouve souvent perturbée et je fais l’amer constat que mener un tel chantier seul, en voulant en gérer tout les aspects (RWD, SEO, performances, design, développement, accessibilité…) tient de plus en plus de l’impossible. Les spécialisations se font cruellement sentir dans ce contexte.

J’espère en tout cas publier plus régulièrement ici.
Et tant pis si la mode n’est plus aux blogs !