Dernièrement, comme beaucoup d’entre nous, j’ai profité de la puissance de l’IA pour mener à bien certaines choses qui étaient plus ou moins en stand-by par manque de temps, le genre de tâches un peu ingrates qu’on repousse toujours au lendemain sans trop y penser, et parmi elles il y avait notamment le fait de changer d’hébergeur et de réorganiser ma constellation de sites épars, avec de vieux trucs qui traînaient sur free.fr, Vercel, Ionos, le tout reposant sur des bases techniques disparates.
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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’adresses, de chemins (path), vers des programmes que vous avez installés ou qui y étaient déjà. L’intérét, c’est que si les adresses des programmes sont stockées dans le PATH, alors ces programmes peuvent être exécutables 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’occurrence dans mon exemple. Attention, c’est laborieux, raison pour laquelle j’ai mis toute la procédure en screenshots !
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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 pourrait épiloguer longuement sur les raisons de créer sa propre typo, car il en existe heureusement bien d’autres, mais là n’est pas le sujet. Créer sa typo est à la portée 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 !
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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 est là.
Bien qu’étant loin d’être un expert de la langue française…, je me suis permis quelques néologismes du cru, comme le verbe « scroller » ou « tracker » en lieu et place de « faire dérouler » ou « suivre/analyser/rapporter ».
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
Vous aussi, vous avez probablement eu 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 base 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 n’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.
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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ée 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.
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
Vous connaissez GitHub ?
GitHub, c’est le truc à la mode pour tout bon technicien qui se respecte ! Si vous ressentez le besoin d’être « à la page », il est temps pour vous de vous mettre à GitHub ! C’est libre, gratuit, et on dort beaucoup mieux après !
GitHub sur Windows, il faut le dire, c’est un peu la misère…
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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 à l’avance (et là où 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 (monospace, fixed-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.
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
Je travaille actuellement pour Twenga, comparateur de prix.
Comme la plupart des entreprises, 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 à l’ensemble de la cible.Pointe de la flèche 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érieure 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.
Cet article a été publié avant 2022, donc avant l'essor de l'IA générative. Certaines informations peuvent aujourd'hui être obsolètes. Les dessins et visuels d'époque présents ici ont été réalisés sans assistance de l'intelligence artificielle.
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 :
