Blog

Police à taille fixe

Peut-être comme moi vous êtes vous posé la question : Comment peut-on déterminer le nombre de caractères maximum ou minimum pour occuper une largeur et une hauteur prédéterminée en CSS a l’avance (et là ou les min-height et max-height sont inefficaces ou hors contexte) ?
Rapidement, on se rend compte que les polices engendrent des largeurs différentes en fonction des lettres ! Légitime, un M ne prend pas la même largeur qu’un l !

Et pourtant ! Saviez-vous qu’il existe des polices dédiées qui répondent parfaitement à ce genre de problèmatique ? Les polices à chasse fixe, ou monochasse (monospacefixed-pitch ou non-proportional font en anglais) présentent des caractères à la largeur strictement identique, quel que soit le caractère ! La « courrier » est la plus connue d’entre elles, par exemple ! Les polices ne rentrant pas dans ce jeu là sont dites à chasse variable, ou à espacements proportionnels.

Polices a taille fixe

Voir l’article dans sa totalité…

Logo en CSS

Je travaille actuellement pour Twenga, comparateur de prix.

Comme la plupart des entreprise, elle possède une identité visuelle forte, marquée par un logo identifiable par une cible, marquée d’une flèche.
Pour le fun et par mode, je me suis piqué au jeu de refaire le logo en CSS pur, sans image ni javascript !

Exercice aussi laborieux qu’amusant et inutile, je m’y suis confronté, curieux de voir si j’allais me confronter à une quelconque difficulté inattendue ou découverte !

 

Le cercle bleu principal, extérieur.Par dessus le cercle bleu, le premier cercle interne, blanc.Le petit cercle bleu du centre de la cible.Le cercle blanc quasi transparent qui permet de donner l’effet de reflet a l’ensemble de la cible.Pointe de la fleche blanche qui se détache.Masque blanc.Pointe de la flêche marron.Partie blanche gauche de la flêche, qui passe par dessus le cercle extérieur.Partie marron gauche de la flêche, qui passe par dessus le cercle.Partie droite / supérieur marron de la flêche.Cache du bas de la partie précédente, du même fond que le cercle bleu.Cache du cache (!) qui permet d’atténuer le bleu du cache du dessous de la même manière que le fait le span.circle4.

Voir l’article dans sa totalité…

World Wild Weird

Lors de nos pérégrinations web, on tombe régulièrement sur des articles fascinants sur des choses ou faits qui se sont déroulés dans notre monde bien réel. Et c’est là que je me rend compte que malgré mes assises des plus rationalistes et cartésiennes, des choses nous échappent toujours, et qu’il ne faut jamais reposer son esprit critique sur des acquis définitifs ! Ces articles sont à prendre avec des pincettes, garder donc vos distances !

Au mieux, il ne s’agit que de portes d’entrée à votre imaginaire foisonnant, au pire du point de départ d’une paranoïa qui vous fera douter de tout !

Merci a Pierre pour les liens.

Petite promo

Des amis qui font parti d’un groupe de musique, ou j’apparais furtivement, en tant que bonhomme derrière son bureau ! Le groupe s’appelle… Dawnshape ! Appréciez la musique :

Leur site

meta négative

Malgré l’hallali, contre les <méta> desc et keyword, décrété par les autoproclamés maîtres du SEO, j’y reste fortement attaché :

  • Elles ne coutent rien et sont très simple à mettre en œuvre.
  • Quoi qu’on en dise, ce sont souvent mes <meta desc> qui remonte dans les résultats pour nombre de mes sites sur google (oui, encore aujourd’hui en 2011).
  • De nombreux crawlers autre que google les utilisent (combien d’annuaires ou autres outils se basent sur les meta, vous facilitant bien souvent la tache).
  • Elles peuvent certes servir de fourre-tout et être détournées de leur utilisation, mais c’est à l’image de tout et n’importe quel élément dans la page. Une personne qui souhaite biaiser google le fera dans les meta comme il le fera pour toutes les autres recommandations.

C’est en nourrissant cette réflexion pour les meta que je me suis dit que, bien souvent, on n’avais peu réfléchit par la négative* dans le web ! Je m’explique ; Si il est effectivement bienvenue de proposer des mots qui correspondent au contenu de notre site web, ne serait-il pas tout autant pertinent de pouvoir proposer également des méta qui signifierait des « anti-mots » ? Par exemple, si mon site traite de maladies du cochon (oui, je sais, c’est très pointu), je n’aurais pas spécialement envie qu’un utilisateur cherchant des renseignements sur les cochons d’inde, ou, pis, sur des scènes « cochonne » tombe sur mon site ! Je ferais donc :

<meta name="Keywords" content="cochon, porcin, élevage, maladie, traitement" />
<meta name="NegaKeywords" content="Inde, cochonne, sexe" />

Qu’en pensez-vous ?

*Ceci nourrira un prochain article 😉

Préambule – La genése

Bienvenue sur mon blog

Ce premier post va se prêter a la tentative de s’auto-expliquer (on part dans de l’intello).

Le fond

Ouvrir un blog nominatif, c’est la manifestation avant tout d’un égo, le mien. Autant l’assumer dés le premier post ! Il en découle donc :

  • Je suis subjectif par définition, avec les erreurs que cela implique.
  • Les thèmes qui seront traités seront globalement liés a mon vécu personnels, à mes passions, à mes réactions sur l’actualité, a mon travail
  • Elles seront aussi incomplète. Je ne suis pas omnipotent, je ne connais pas tout, y compris dans mon domaine d’expertise professionnel. Dans la mesure du possible, je m’efforcerais de citer mes sources ou de les mettres en liens.
  • De facto, le traitement de mes sujets seront perpétuellement incomplets, et prêteront donc indéfiniment à discussion, aux polémiques, afin de tendre vers la « vérité ».

Mais bien au delà du simple complément d’infos et d’aspect strictement pratique purement factuel est anecdotique, vous, chérs lecteurs, pourraient :

  • Exprimer votre sensibilité, un point de vue lié a votre « histoire personnelle »
  • Apporter de l’humour, ciment essentiel, voulu sur ce blog pour garder une bonne humeur collégiale, tant que ça reste respectueux!
  • Proposez des idées, des améliorations, partager une idée farfelues, minables, originales, allez y ! Je ne serais pas le seul !

C’est donc de là que je me permet de vous inviter vivement et chaleureusement à participer sur ce blog.

Si ces évidences sont exposés, je ne m’interdit pas de les écrire. Je me doit même de vous l’exposer par honnêteté intellectuelle, car cette réflexion est elle-même à l’origine de la création de ce blog.

La forme

Mes productions se présenteront sous différentes formes ;

  • Bandes Dessinées (oui, j’aime dessiner et raconter des histoires)
  • Vidéo (provenant d’un service tiers, tel youtube, dailymotion, etc.)
  • Liens « promotionnels » vers des sites ou productions créé par mes soins, co-créé ou fait par des amis, que j’estime digne d’intérêts, amusants ou autre. Je me réserve le droit de choisir les sites que je souhaite mettre en avant.
  • Texte strictement rédactionnel (comme ce présent post.)
    • Sous la forme d’un tutoriel (pour expliquer comment déployer tel ou tel logiciels, services, recettes, what else ?)
    • Sous la forme d’un article (comme ici), exprimant une réflexion, une opinion, une thése
    • Sous une forme très simple, tel un tweet ou une simple phrase humoristique, qui exposerai un simple trait d’esprit, jeu de mot, etc.

La fréquence de mes articles visent une régularité d’environ 1/2 mois, mais dans tous les cas, j’essaierai de tenir un rythme régulier.

Quand à la présence de publicité sur ce blog, il est clairement possible qu’il y en ai qui vienne s’implanter, (misérable appat du gain, je n’en suis qu’esclave) mais elle n’est clairement pas la raison de vivre de ce blog, dieu merci.

Bonne lecture, amis et amies (tous ceux qui atterrissent chez moi sont mes hôtes, je me permet donc de les accueillir avec décence et générosité).

Simon