Sélecteur de couleur : Le moteur Google incorpore un outil

Parmi les nombreuses requêtes qu’on peut faire avec google, (on peut aussi les faire avec la réconnaissance vocale), voilà une requête que pourrait aimer les graphistes, les photographes et bien sûr, les curieux. Il s’agit de la requête suivante

« Sélecteur de couleur«

Cette requête marche aussi sur le navigateur chrome pour mobile avec la possibilité de naviguer sur la palette de couleur avec le doigt,comme le montre l’animation qui suit.

On pourra donc capter rapidement ce qu’est une couleur dans le monde de l’informatique, puisque dans l’option « show color value » on découvrira les codes informatiques correspondants en plusieurs formats comme le montre la figure qui suit :

On aura respectivement le code des couleurs en :

HEX (hexa decimal) C’est-à-dire un code à six caractères Hexa décimaux (123456789ABCDEF)
Le code RGB (rouge, vert bleu), plutôt utiliser dans la vidéo, puisqu’on sait bien que si on mélange les couleurs primaires, on peut obtenir toutes les couleurs du spectre visible.
HSV (hue saturation, value), qui sont la teinte, la saturation et la luminosité (voir l’exercice passé ici)
HSL qui est à peu près pareil que HSV sur le même principe.
CMYK (cyan, magenta, yellow and key (black)) utilisés avec les imprimantes couleurs (https://fr.wikipedia.org/wiki/Quadrichromie) .

Ok, il ne s’agit certe pas de la découverte du siècle, ni de la requête qu’on va faire tous les jours. Pour ceux qui veulent aller plus loin, on conseillera plutôt l’outil en ligne créé par ADOBE, color-wheel/ qui est un outil incontournable pour les graphistes et les photographes. J’en ai d’ailleurs déjà parlé sur Deviner la couleur en fonction de son code hexadecimal

Gradient-animator un fond dégradé de site qui change de couleur

Le cocde html et css n’est pas vraiment une rubrique que je couvre sur ce blogue, mais parfois j’ai un petit coup de coeur sur le sujet, comme aujourd’hui avec gradient-animator.com qui offre un code css qui permet de faire varier la couleur du fond dégradé variable d’un site internet ou d’une page internet.

On peut avec le code :

faire varier l’angle de changement de couleur.
Ajouter a priori autant de couleur qu’on veut.
Faire varier la couleur sur des periodes de 1 à 60 secondes.

Voilà la démonstration en gif avec une période voisine de deux secondes.

J’ai fait un test pour 60 secondes, cela à un effet assez apaisant, en revanche sur une période de une seconde, si vous voulez faire fuir les visiteurs de votre site, c’est une excellente recette. En tout cas un bon choix de couleur pas trop criarde peut créer un effet assez cool sur votre site intenet.

Notez que je suis incapable d’expliquer à quel endroit du site il faut ajouter le code. Je pense que c’est dans la feuille CSS.

gradient-animator.com

Quand j’ai fait le test, j’ai remarqué une petite surchauffe de mon pc. Il faudra tout de même vérifier de ne pas mettra à plat un serveur (plutôt le navigateur car ce code doit s’exécuter sur la page elle-même) , juste pour faire joli. Les experts me diront si ce que je viens d’affirmer est une bêtise ou non.

Après plusieurs tests, je confirme une surchauffe de chrome surtout à une fréquence de changement de couleur élevée.

Delim remplace des données de tableau en par des espaces points virgule tab

Avez-vous parfois besoin de copier une feuille de calcul avec des données de toute sorte’s et de les convertir en une liste séparée par des virgules des points, des espaces ou encore des tab? Pour ceux qui manipule les données ou qui veulent copier des données pour les mettre en page de façon différente, il y a des solutions. J’utilise souvent le bloc note de windows pour faire des « coller remplacer », j’utiise aussi des techniques de transformation de tableur excel en code html comme TABLEIZER , TABLEIZER et aussi googledoc. J’utilise aussi le formidable outil en ligne qui fait pleins de truc extra TEXTMECANIC. Il y a même ZAMZAR qui offre de la conversion csv, mais c’est du lourd. J’avoue même qu’à une époque je passais par Word pour faire des manipulations de donnée. (Essayez donc la raccourci de touche magique sur Word « Ctrl Majeur F8 » qui permet de sélectionner une matrice dans un texte ou un tableau) .

Maintenant, je vais devoir aussi compter sur delim.co qui est un outil en ligne tout simple qui permet de remplacer des données de tabulation tableau en des données séparées par des espaces, des points virgule, des tab.. Les informaticiens qui manipulent des données de bases de données vont surement savoir de quoi je parle, les programmeurs aussi.

Sur la partie gauche de l’outil vous aller coller les données, et sur la partie droite vous allez pouvoir récupérer les données. Au milieu, vous allez pouvoir choisir le type de séparateur pour la transformation « | , ; espace new line «

L’outil marche dans les deux sens, ce qui fait que vous pourrez donc faire plusieurs manipulation pour arriver au résultat voulu.

Pour illustrer rapidement ce que je viens de dire, si vous avez des données de ce type

A
B
C
D
E
F

Vous allez pouvoir les transformer en

A;B;C;D;E;F;

A,B,C,D,E,F

A|B|C|D|E|F|

A B C D E F

Conclusion : C’est tout simple, mais c’est ultra utile, surtout pour des données invisibles comme les retours à la ligne. Cet outil n’est pas vraiment un outil grand public, mais j’espère qu’au moins un de mes lecteurs saura apprécier.

Si vous avez d’autres outils du même genre n’hésitez pas à me faire un commentaire pour que je fasse un compile.

Étiquette : Code is poetry