Voici une sélection de 26 polices excellentes, gratuites, et surtout comportant des accents et des symboles. C’est une sélection personnelle de polices que je trouve belles, propres et qui donneront à votre blog un côté « unique » du plus bel effet !

Je vous ai présenté l’autre jour la manière d’utiliser une police personnalisée pour les titres de vos articles. L’étape suivante consiste donc à vous conseiller quelques polices sympathiques.

J’ai toujours aimé les belles polices : de beaux caractères sont pour moi comme des dessins, des oeuvres d’art. C’est donc également pour garder sur ce blog ces belles polices que je fais ce billet. Rajouter quelques beaux objets dans mon bric-à-brac. Celles-ci ont la particularité d’être toutes des polices complètes, c’est-à-dire avec accents et symboles. Utilisables par un francophone, donc, pour faire les titres de son blog…
Je les ai toutes trouvées sur DaFont.com. Cette liste est uniquement liée à mon goût, et je vous invite à aller fouiner vous-mêmes pour trouver les polices les plus adaptées à vos envies / designs.

26 polices qui tuent

Il vous suffit de cliquer sur une police pour arriver sur la page de téléchargement de cette police sur DaFont.com.

Si les polices vous intéressent, je vous recommande l’excellent billet de synthèse sur les polices paru chez Smashing Magazine il y a peu. Un régal !

Sous WordPress, il est désormais facile d’utiliser n’importe quelle police au format .ttf (True Type Font) pour remplacer les titres des articles. C’est une façon efficace de personnaliser votre blog, et pour le rendre unique ! C’est ce que permet le plugin TTF titles.

Lire la suite »« Refermer

Ce billet me servira pour tester le nouveau design, et les classes CSS mises en place. Il n’est donc pas très utile pour les lecteurs, sauf ceux qui s’intéressent à la mise en forme des billets. Je vais tout de même y insérer des éléments de code pour que les débutants puissent s’en inspirer…

Lire la suite »« Refermer

On résume généralement l’esprit du service par ces mots : « le client est roi ! ». Satisfaire le client doit être la priorité numéro un. Ou alors, ce n’est pas la peine d’aller à sa rencontre. Sur un blog, le client c’est le lecteur. Comment le placer au centre de votre blog ? Comment satisfaire vos lecteurs ? Quatre aspects principaux peuvent être analysés : le design du blog, la structuration des articles, l’écoute accordée aux lecteurs et enfin la fidélisation des lecteurs. Chacun de ces aspects sera traité dans un article, pour éviter un trop long article. Voici donc le premier de la série, traitant du décor dans lequel vous présentez vos articles à vos lecteurs : le design. 3 moyens de penser au visiteur/lecteur sont décrits : personnalisation du thème, utiliser un thème lisible, et prévenir des changements de décor. Cela pose la question cruciale de la mise en forme du flux RSS.

Lire la suite »« Refermer

Cet article est le premier à être affiché en mode « résumé » sur BLOmiG. Ce billet décrit les arguments qui militent pour l’affichage sur la « home » des billets résumés (rythme graphique, et analyse des stats facilitée), et la manière de mettre en oeuvre tout cela (utilisation du « more » dans les billets, utilisation d’une classe spéciale dans style.css pour personnaliser le résumé, et installation du plugin Full Text Feed pour conserver un flux RSS complet). Simple à mettre en oeuvre, et efficace pour améliorer la lisibilité de votre blog !

Lire la suite »« Refermer

Comment accrocher les lecteurs de passages sur un blog ?
Un article lu sur le très bon 16 secrets m’a fait rebondir, parce qu’il rejoignait mes réflexions du moment pour accroitre l’intérêt de BLOmiG. Thierry Belanger Clermont explique pourquoi il ne pense pas qu’il soit une bonne chose de ne publier que des extraits d’articles sur la home page.
Si je suis d’accord avec lui sur le confort de lecture (flux complets dans les lecteurs RSS et les newsletter, bien sûr, restent de mise), je pense qu’il est bon de ne publier que des extraits d’articles en home. Pourquoi ? parce que la plupart du traffic (c’est le cas ici, en tout cas) concerne des visiteurs ayant les caractéristiques suivantes :

• arrivés depuis un moteur de recherche
• première visite

Je me dis donc en ce moment que le meilleur moyen de transformer ces visiteurs de passage en abonnés est de leur permettre – en quelques tours de roulettes – d’avoir une bonne vue d’ensemble de plusieurs posts. Tous, en effet, ne vont pas rester pour naviguer dans les catégories ou le calendrier…
Je pense donc changer la manière de publier les articles. Qu’en pensez-vous ? Vous pouvez vous exprimer dans le sondage ci-dessous :

Edit (28/06/2007) : d’autres arguments se trouvent sur un nouveau billet de Thierry Bélanger Clermont. Ils ont achevé de me convaincre, avec les discussions que nous avons eues en commentaire ici et avec le sondage auquel vous avez répondu, de continuer à afficher mes billets entiers sur la home page.

Projet design / blog

Kawa Yaka, c’est une chaîne lancée par css4design, et à laquelle Fran6 m’a gentiment invité. Je suis gêné : il s’agit de livrer en avant-première des petits morceaux des projets sur lesquels on travaille, sachant qu’il doit s’agir de projets graphiques / design. Et je n’ai en ce moment que deux projets « blogs » :

• un blog familial que j’ai installé chez mon hébergeur :
  • accès privé réservé aux membres de la famille et aux amis
  • chaque personne possède des droits d’auteurs pour poster des billets
  • c’est beaucoup de travail, parce qu’on découvre que les opérations que l’on fait quotidiennement sur notre blog ne sont pas évidentes pour les néophytes : il faut mettre en place des outils, et il va falloir en expliquer le fonctionnement
  • le jeu en vaut la chandelle : ça sera un super lieu d’échange et de discussion dans un cercle retreint – familial
• les finitions de mon nouveau design : je vais parler brièvement de ça, même si ce n’est pas vraiment une avant-première, vu que c’est déjà en ligne…

Design BLOmiG

Je n’ai pas vraiment fait un travail de mise en place d’un thème, puisque j’ai travaillé à partir d’un thème dont la structure me convenait et que je trouvais programmé proprement (il s’agit de l’excellent thème wordpress de N.design Glossy Blue). Tout ce que j’ai fait a été fait (à peu de choses près) sur la feuille de style en CSS. Ma réflexion initiale est partie sur la volonté d’alléger au maximum le design pour faire ressortir les articles, et faciliter la lecture. Le blanc s’imposait donc comme couleur dominante. Comme je souhaitais conserver une sidebar, pour pouvoir afficher – entre autres – des citations de la base de données que je construit dimanche après dimanche, et les noms des meilleurs commentateurs, j’ai choisi de laisser la sidebar, en l’affichant en gris. Choix délicat, qui visiblement ne fut pas forcément bon, puisque beaucoup de lecteurs m’ont fait part de la lisibilité difficile de la sidebar. J’ai foncé un peu le gris, mais ce n’est toujours pas ça…
Pour le reste, voilà la liste de ce que j’ai changé dans le thème initial pour améliorer la navigation et la lisibilité des articles (tous les retours sont les bienvenus!) :

• Image de fond pour la date : couleur brune claire
• Police de caractère : famille « Bitstream vera sans », couleur gris foncé
• Modification de toutes les polices et couleurs des différentes balises h1, h2, h3, a, etc…
• Ajout d’une classe Lettrine pour avoir des beaux débuts de paragraphes :
  .lettrine { float: left; /* positionnement de la lettrine dans le conteneur*/ font-size: 4em; /* 3 hauteurs de lignes pour la lettrine*/ font-weight: bold; font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif; color: #007399; border: none;/* définition d'une bordure autour de la lettrine*/ background-color: #FFFFFF; margin: 1px; padding: 1px; line-height: 1em; }
• Ajout d’une classe Chapeau pour pouvoir résumer les articles longs au début
• Ajout d’une classe rss-feed pour afficher en bas des articles un bandeau d’abonnement au blog par RSS ou mail
• Modification de la largeur des billets dans le thème (plus large que dans le thème initial
• ajout d’un image à côté de tous les liens externes pour signifier explicitement au lecteur quand je vais ouvrir une nouvelle fenêtre (pour rendre l’utilisation des target= »_blank » acceptable…)
• liste d’articles en relations après chaque bandeau de fin d’article
• plugins Threaded Comments et MBLA (ajout d’une image à côté du nom des commentateurs) pour améliorer l’allure des commentaires

Voilà, ce sont les grandes lignes des modifications que j’ai effectuées sur la feuille de style de Glossy Blue ! N’hésitez pas à me faire des remarques là-dessus, je suis preneur. Ce qui me reste à faire est d’améliorer modifier le logo qui manque de caractère : qu’en pensez-vous ?

Pour finir, je vais inviter Frenchmat (je sais qu’il triture aussi Glossy Blue en ce moment), Matthieu M. (de CeciDit) (parce que son design est bien léché et qu’il doit donc avoir des trucs à raconter) et Thomas (de Toile Filante) (pour les mêmes raisons et parce que son design change par petites touches régulièrement) à poursuivre (s’ils le souhaitent) la chaine Kawa Yaka !

Ceci est un test. POur voir si le code rajouté dans ma feuille de style fonctionne correctement et m’affiche une lettrine de trois lignes de haut, utilisant la même couleur que le titre du billet…ESt-ce que ça marche ? je me demande je me demande je me demande je me demande je me demande …

Un petit billet juste pour présenter un outil qui me sert souvent : ColorSchemer OnLine !

Cet outil simple et limpide d’utilisation permet de naviguer dans les couleurs visuellement ou avec les code hexadécimaux des couleurs. Autant dire que c’est indispensable pour tous ceux qui mettent un peu les mains dans la feuille de style CSS de leur thème !

L’outil sert bien sûr dans les deux sens : identifier une couleur à partir d’un code hexa, ou trouver le code hexa correspondant à une couleur. Léger, gratuit, ergonomique : que demander de plus ?

Source :Je crois que j’avais trouvé cet outil grâce à un bel article de Simple entrepreneur : Bien choisir les couleurs de son site…

Suite à la découverte de l’excellent éditeur Writer, je rédige mes posts dans un environnement graphiquement dépouillé et clair. Et du coup, je me suis posé la question suivante : « pourquoi l’environnement qui me plait pour écrire ne plairait pas également au lecteur pour lire les billets ? ». Donc, je réfléchis à modifier (encore ? ) le design de BLOmiG pour aller vers quelque chose de très simple, dont voilà les grandes lignes :

• Interface de texte en caractère gris foncé sur fond blanc
• Sidebar utilisant des couleurs dans les tons de gris clairs, visible seulement en y portant son attention
• Le moins de couleur annexe possible, pour ne pas polluer la lecture
• Amélioration des fonctionnalités liées aux commentaires : ajax, quicktags pour les commentateurs, etc…
• Largeur du texte plus importante (pour profiter des résolutions accrues des écrans…)

Bien sûr, je fais mes tests en temps réel sur BLOmiG, donc c’est normal si vous avez des petites perturbations temporaires…veuillez m’en excuser…
Voilà, c’est tout. Si cela vous évoque quelque chose, si vous avez des remarques : n’hésitez pas je serais content d’avoir des retours à l’avance…