Intro

Ça fait deux semaines que mon nouveau blogue est en ligne mais je voulais quand même faire une annonce « officielle ». Merci à mes amis et ma famille pour les commentaires et suggestions.

Ce que je n'aimais pas de l'ancien design

La page d'accueil et le style du site

Le thème de couleur était trop froid. La page d'accueil n'avait pas de structure ni de texte de présentation convenable. Les badges « xhtml valide » étaient laides. La police de caractères utilisée pour le corps du texte était trop petite. La largeur du contenu et son positionnement à gauche donnait l'impression que tout était tassé lorsque vu sur un gros moniteur. Ma photo sur chaque page était superflue.

Je connaîs les grands principes de la typographie. J'aime faire la mise en page et la mise en forme de documents imprimés. Je crois que ça devrait se réfléter sur mon site web, ce qui n'était pas du tout le cas.


Capture d'écran de la page d'accueil de mon ancien site web, septembre 2014.

Le moteur de blogue

Publier un billet était assez laborieux. Il fallait écrire un fichier texte et regénérer le site au complet puis l'uploader car il était en HTML statique. Je n'aimais pas que l'index de blogue soit paginé avec les articles tronqués. Les boutons pour avancer et reculer les pages étaient trop petits.

La SEO*

La description des pages dans les résultats de recherche sur Google ou DuckDuckGo étaient peu invitants. Je m'assure maintenant que chaque page ait une description convenable dans une balise <meta>.

* Search engine optimisation

Le nouveau design

J'ai commencé par designer mon site pour Lynx. Ça m'a obligé à me concentrer sur la structure du site avant les détails visuels, et ça m'a également assuré de respecter la « nature » du Web comme médium. Le travail de mise en forme et le CSS ne sont venus qu'à la fin. J'ai suivi le précepte de « convention over configuration » en déviant le moins possible des standards du framework Django. La sémantique du HTML5 est respectée de sorte qu'aucun effort spécifique pour le SEO ne soit requis.

Caractéristiques

This is my terminal color theme.

     ----------------------------------------------------------------------------
 DFT :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 BLK :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 RED :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 GRN :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 YEL :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 BLU :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 MAG :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 CYN :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------
 WHT :   black     red     green    yellow    blue   magenta    cyan    white   :
     :   black     red     green    yellow    blue   magenta    cyan    white   :
     ----------------------------------------------------------------------------

And now, 80 columns:
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||

Technologie

Inspirations

À venir

Merci à mes amis et membres de ma famille qui ont constructivement critiqué mon ancien site Web. Je suis plein d'enthousiasme et j'ai beaucoup d'idées pour le développement futur. Mon site est pour moi un projet école pour pousser plus loin mes aptitudes dans le langage Python, la communication technique, la typographie et l'administration de système. Parmi les choses qui restent à faire :

Comments

Comment Atom Feed

There are no comments yet.

Add a Comment

You can use the Markdown syntax to format your comment.