Blog

Configurer le PATH sur Windows 7

Vous aussi vous êtes nul en informatique (et donc sur Windows) et vous souhaitez modifier votre Path ?

A quoi ça sert ?

Le PATH est juste une liste d’adresse, de chemin (path), vers des programmes que vous avez installé ou qui y étais déjà. L’intérét, c’est que si les adresses des programmes sont stockés dans le PATH, alors ces programmes peuvent être exécutable de n’importe où dans windows. Par exemple en ligne de commande, mais aussi pour tous les programmes qui le nécessitent.

Comment rajouter une adresse dans le path ?

C’est là que ça se complique. Il y a la possibilité de le faire en ligne de commande (ici), mais aussi en utilisant l’interface de Windows. Windows 7 en l’occurence dans mon exemple. Attention, c’est laborieux, raison pour laquelle j’ai mit toute la procédure en screenshots !

Voir l’article dans sa totalité…

Créer sa typo entièrement et gratuitement

Aujourd’hui, intégrer un jeu de typographie particulière sur une page web est devenu facile. La tentation, pour de multiples raisons, de créer sa propre typo, est forte. Dans mon cas, disons le tout net, c’est parti d’un bon ego-trip, l’égo trip de voir sa propre écriture manuscrite utilisable à souhait, sur tous les logiciels que je voulais, comme ça ! On pourrais épiloguer longuement sur les raisons de créer sa propre typo, car il en existe heureusement bien d’autre, mais là n’est pas le sujet. Créer sa typo est à la porté du premier(ère) imbécile venu(e), puisque j’y suis arrivé ! Et ceci peut se faire gratuitement. Et c’est cette expérience que je vais partager sur cet article !

Créer votre propre typo !

Créer votre propre typo !

Voir l’article dans sa totalité…

« Why Scrolling is the New Click » – Pourquoi scroller remplace le clic !

Cet article n’est que la traduction de l’article original en anglais présent sur le site uxMovement :
http://uxmovement.com/navigation/why-scrolling-is-the-new-click/
Cet article date du premier octobre 2012, mais l’essentiel des idées sont là.
Bien qu’étant loin d’être un expert de la langue française…, je me suis permit quelque néologismes du cru, comme le verbe « scroller » ou « tracker » en lieu et place de « faire dérouler » ou « suivre/analyser/rapporter ».

Voir l’article dans sa totalité…

Initiation a Google Map API V3

Vous aussi, vous avez probablement eut envie de tripoter l’API de google pour faire des cartes personnalisées !
En tout cas, c’est ce qui m’arrive régulièrement. C’est suite à ce pénible constat de devoir toujours refaire les mêmes recherches que je vais ici décrire les techniques de bases pour se plonger dans l’API, avec l’exemple d’une petite application qui permet d’obtenir facilement la longitude et la latitude d’un marker qu’on peut drag’n’dropper sur une carte Google. Exemple ici.

Les pré-requis :
– Connaissance (au moins superficielles) du JavaScript. On utilisera pas de bibliothèque type jquery dans cet exemple, car inutile.
– Connaissance HTLM et du CSS en général.
– Un compte Google.

Obtention de la clé

Pour commencer, il va vous falloir obtenir une clé qui permettra à Google de savoir qui appellera les scripts pour déployer son application, et… vous faire payer au delà d’un certain quota (25 000 requêtes / jours). Pour ce faire, rendez-vous sur cette page .

Voir l’article dans sa totalité…

KP : Le KorvusPad !

Alala, Quelle serait ma joie si j’avais des crédits illimités, et autant de bras et de cerveaux pour réaliser toutes mes envies, mes créations, mes folies !

Je vais vous parler d’une de mes idées parmi d’autres, mais que j’ai décliné en image, histoire de la partager plus facilement !

Une nouvelle tablette ?

Alors que Microsoft vient de sortir sa nouvelle tablette Surface, au design épuré et propre, j’ai été relativement impressionné par le système du clavier.

Surface, de microsoft

Surface, de Microsoft

Voir l’article dans sa totalité…

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é…

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 😉