Outils Web

Avant d’acheter un téléphone portable d’occasion, il s’avère très prudent de s’assurer que ce dernier n’a pas été déclaré volé ou perdu par son propriétaire légitime. J’ai déjà présenté un site Web appelé IMEI Info qui fait cette vérification en comparant le numéro IMEI (International Mobile Equipment Identity) de l’appareil avec une base de données. Ce contrôle permet de s’assurer que le téléphone n’est pas bloqué par les opérateurs de téléphonie et que sa description correspond bien aux détails techniques qu’indique le vendeur.
Pour obtenir le numéro IMEI d’un téléphone, il suffit de composer sur le clavier téléphonique *#06#. Cet identifiant unique qui identifie un téléphone (pas son propriétaire) est composé de 15 ou 17 chiffres est aussi accolé sur une étiquette à l’intérieur du téléphone en général sous la batterie.

Avec des centaines de polices de caractères disponibles, Google Fonts met à la disposition de tous une collection impressionnante de fonts utilisables gratuitement. La principale difficulté réside en fait dans le choix d’une police adaptée à son site Web ou à son blog, car il est pratiquement impossible de les tester toutes.
Avec TypeWonder on va se faciliter l’existence. L’outil en ligne permet de tester n’importe laquelle des Google Fonts en indiquant l’URL du site Web sur lequel on souhaite faire l’expérience. Après avoir saisi l’adresse du site et cliquer sur le bouton Go!, il reste à choisir la Google Font à tester puis à cliquer sur le bouton Use! pour afficher le site choisi avec cette police de caractères. Un moteur de recherche pour trouver une police en particulier et des filtres évitent de faire défiler une à une les polices disponibles : tri par nom, tri par popularité, vue en grille ou en liste. Le texte présenté comme exemple est modifiable en remplaçant sur l’onglet le texte par défaut « The five boxing wizards ».

Au cours des années YouTube est devenu la référence en matière de visionnage de vidéos en ligne, quel que soit le domaine auquel on s’intéresse. Une recherche quelconque amène inévitablement des résultats pertinents permettant de retrouver bon nombre de vidéos qu’on croyait à jamais disparues (dans le catalogue payant de l’INA par exemple). Le service YouTube fait partie de la galaxie Google ce qui explique sans doute la quantité de vidéos mises en ligne. Au fil du temps, l’interface s’est aussi complexifiée et bon nombre d’éléments sur la page n’apportent pas toujours grand-chose aux utilisateurs si ce n’est susciter d’autres visionnages pour les inciter à rester le plus longtemps possible sur YouTube. Je pense notamment aux vidéos suggérées en cours et en fin d’écoute dans la barre latérale, aux vignettes des chaînes des youtubeurs à succès, aux commentaires des autres utilisateurs…
Avec l’extension pour le navigateur Chrome DF YouTube on va se débarrasser de tous ces éléments perturbateurs pour se concentrer uniquement sur les vidéos qu’on souhaite regarder sans subir le système des recommandations de YouTube et toutes les autres perturbations inutiles.

Déterminer l’âge d’une personne qui est sur une photo ne va pas toujours de soi, surtout quand on n’est pas très physionomiste. Pour aider ceux et celles ayant ce genre d’interrogations existentielles, Microsoft vient de mettre à disposition un service en ligne appelé How-Old censé déterminer automatiquement l’âge et le sexe d’une ou plusieurs personnes apparaissant sur une photo. L’outil, présenté comme une démonstration technologique du savoir-faire des ingénieurs de Microsoft, s’appuie sur un algorithme de reconnaissance faciale pour faire ses calculs et afficher ses estimations en seulement quelques secondes.
How-Old s’utilise depuis un navigateur Web quelconque à partir d’un des exemples des photos des personnes seules ou qui sont en groupes qui vont servir de cobayes à la démonstration. Il est aussi possible de rechercher une photo d’une personne depuis la zone de saisie pour effectuer une requête de recherche sur Bing. Il ne reste plus qu’à choisir une photo d’une personne parmi les résultats trouvés en cliquant sur le bouton Use This Photo. Si le logiciel de reconnaissance identifie un visage humain, la réponse est quasi instantanée.

Dashlane est un éditeur français qui développe un gestionnaire de mot de passe en ligne. Je ne doute pas un instant du niveau de sécurité de ce système, mais personnellement je n’y aurais jamais recours. Par expérience, je sais qu’il existe toujours des failles qu’elles soient techniques ou humaines. L’équipe en charge du développement, afin de sensibiliser le public sur les dangers de négliger la sécurité de ses mots de passe, vient de mettre à disposition un utilitaire accessible en ligne qui va analyser le contenu de votre boîte de messagerie avec l’objectif d’y découvrir des mots de passe en clair d’accès à des services Web ou des informations sensibles comme des adresses postales ou des numéros de téléphone. Évidemment si une boîte mail est piratée ou laissée ouverte en libre accès à tous les vents, un pirate informatique ou une personne malveillante pourrait y faire ses emplettes et trouver dans cette mine d’or de quoi accéder à d’autres sites Web très facilement.
D’ailleurs je me fais toujours la réflexion que le niveau de sécurité d’une société n’est pas très élevé ni vraiment exigeant quand elle envoie l’identifiant et le mot de passe en clair par mail pour confirmer l’inscription à un service Web.

Le langage CSS (Cascading Style Sheets) a été conçu pour appliquer des styles et des mises en forme sur des éléments HTML. C’est un langage informatique assez simple quand on se contente de l’utiliser dans sa forme rudimentaire (décorations, couleurs de texte, bordures, positionnement des éléments, etc.), mais qui se révèle beaucoup plus complexe quand on souhaite se lancer dans la création d’animations que la version 3 autorise qui sont basées sur des transitions animées entre un style CSS à un autre.
La démarche est grandement simplifiée en passant par l’outil en ligne Bounce.js qui permet de créer des animations en CSS3 en quelques clics de souris. La création d’une animation se passe en sélectionnant un effet dans le menu de gauche Select Preset qui propose un grand nombre d’effets visuels prédéfinis : rotations, agrandissements, déplacements latéraux, bondissements, dépliements… L’enchainement de plusieurs de ces effets génère une animation du plus bel effet.
Au-delà des effets prédéfinis, il est aussi possible en cliquant sur le bouton Add Component de créer ses propres effets à partir des composants de type Scale (pour un agrandissement de taille), Translate (déplacements horizontaux et/ou verticaux), Rotate (rotation) et Skew (inclinaison pour mettre un élément de travers). Pour chaque composant, de nombreux paramètres peuvent être ajustés pour jouer sur la vitesse, les déplacements voulus, la durée, les angles… Là aussi comme pour le cas des effets prédéfinis, on peut varier à l’infini l’enchainement des animations.

Je me fais souvent l’écho ici de banques d’images libres de tous droits d’auteur qui référencent des milliers de photos pour illustrer légalement des sites Web ou des blogs sans qu’il soit nécessaire de rétribuer leurs auteurs pour leur travail avec parfois l’obligation de citer le nom du photographe. Ceux-ci ayant choisi de laisser leurs photos à la disposition de tous. Personnellement, je m’appuie presque exclusivement sur les sites Pexels et StockSnap pour illustrer les billets de mes blogs ou pour agrémenter les pages Web des sites que je gère. Une autre solution consiste à faire une recherche sur Google Images en filtrant les résultats par droits d’usage pour n’afficher que les images réutilisables sans autorisation ou encore de procéder de la même façon sur Flickr en effectuant une recherche avancée.
Pour moi, la phase la plus longue est de passer d’un site à un autre jusqu’à ce que je trouve la photo la plus appropriée au sujet traité.
Dernièrement, j’ai découvert le site AllTheFreeStock qui a la bonne idée de regrouper l’accès à de nombreuses banques d’images à partir d’un accès centralisé. Cette manière de faire fait gagner énormément de temps dans les recherches d’images, car on passe rapidement d’un site à un autre d’un clic de souris en restant toujours au même endroit et donc sans ouvrir de multiples onglets dans son navigateur Web. Les recherches et les téléchargement se font toujours depuis AllTheFreeStock qui intègre les pages Web des autres sites sur sa page principale.

Les feuilles de style en cascade, plus connues sous l’acronyme anglais CSS (pour Cascading Style Sheets) ont été conçues pour décrire la présentation des documents HTML. L’objectif est de séparer le fond (HTML) de la forme (CSS) pour faciliter le développement et la mise à jour des sites Web. Il existe une abondante littérature technique et des tutoriels à suivre en ligne consacrés au langage CSS. Il s’agit le plus souvent d’initiations très générales qui présentent les éléments clés du langage, mais qui n’approfondissent pas vraiment le sujet. Il faut alors se rabattre sur les sites officiels qui décrivent très précisément le langage, mais qui malheureusement ne sont pas très compréhensibles aux communs des mortels peu habitués au jargon informatique.
Pour ceux que le langage CSS intéresse, je leur conseille de jeter un coup d’œil au site en anglais CSS Reference qui se présente comme un guide se voulant complet sur le CSS. Il explique avec beaucoup de détails les concepts et les propriétés les plus importantes du CSS : Pseudo-class, Property, Function, Data Type, Concept et @rule.
Pour chaque entrée CSS du guide, on va lire un développement complet sur une propriété avec des exemples précis d’utilisation, la syntaxe officielle, les valeurs possibles pour cette propriété, à quels éléments elle s’applique et les navigateurs qui la reconnaissent.