Étiqueté : web

Pictaculous – Retrouver une palette de couleurs à partir d’une image 0

Pictaculous – Retrouver une palette de couleurs à partir d’une image

Quand on prépare le design d’un site ou d’une application, le choix des couleurs est primordial.

Au compte des méthodes employées, on a :

  • le tâtonnement ;
  • l’utilisation d’outils tels que ColorScheme Designer ;
  • la récupération de la palette à partir d’une image ou d’une photo.

C’est ce dernier point qui nous intéresse aujourd’hui avec Pictaculous.

comment récupérer les couleurs d'une image

TinEye – La recherche d’images inversée 0

TinEye – La recherche d’images inversée

J’ai d’abord pris TinEye pour un nouveau réducteur d’urls. Puis, j’ai vu la mention « reverse image search engine« , et lu le mode d’emploi.

En réalité TinEye est un moteur de recherche d’images dont le but est de retrouver les images similaires à celles que vous fournissez en entrée.

Tineye

Prenons un exemple. Vous avez une image (photo, dessin, …) sur votre site dont vous êtes propriétaire (ou pas). Comme sur internet, il est impossible de vouloir conserver totalement un contenu pour soi, vous imaginez à juste titre que d’autres personnes ont pu exploiter votre création par ailleurs.

Vous allez donc soit uploader votre image directement sur TinEye, soit fournir l’url de votre image. Dès lors, le moteur de recherche ira fouiller sa base pour vous fournir en résultat les sites et images similaires à la votre.

Chrome : Comment identifier en un coup d’oeil les liens nofollow d’un site ? 0

Chrome : Comment identifier en un coup d’oeil les liens nofollow d’un site ?

Hier, je suis passé à Google Chrome. Croyez le ou pas, Firefox s’est mis en tête de planter systématiquement mon Windows 7 Intégrale. Comme j’ai bien d’autres choses à faire pour l’instant que de chercher le truc ridicule kiki qui me plante, et qu’il est hors de question d’adopter Internet Explorer, je suis passé à Google Chrome.

Franchement, ce navigateur, je l’avais installé à ses tous débuts. Ca ne m’avais pas conquis plus que ça, d’autant qu’il n’y avait pas d’extension digne de ce nom.

Maintenant, en revanche, de l’extension, il y en a. Et de la bonne encore. Full compatible google, totalement intégrée, discrète, pratique et ne nécessitant aucun redémarrage du navigateur après installation. Conquis !

Mais je m’éloigne du sujet, c’est à dire identifier en un seul coup d’oeil, via Google Chrome, les liens nofollow d’un site en consultation.

Pour procéder, il vous faut installer google chromeGoogle Chrome et son extension chrome seoChrome SEO.

Da button factory 2

Da button factory

 »factory’ est un terme à la mode. Après la web form factory, voici la button factory.

Cette fois, pas question de fabriquer du backend de formulaire. Ici, il s’agit juste de fabriquer du bouton, d’où le nom.

da button factory

Car oui, une bonne interface web nécessite du bouton correctement taillé, pas trop old school, sous peine de faire fuir le visiteur potentiel.

Ce petit site online vous fournit donc l’un des éléments constitutifs de votre interface. Vous y trouvez le remplissage du texte, mais également quelques polices de caractères, l’effet ombré indispensable, les coins arrondis et les quelques réglages qui feront de votre site ou appli (le rendu est en .png) un machin up-to-date diffusable.

WFF – Fabriquez vos formulaires web en quelques clics 0

WFF – Fabriquez vos formulaires web en quelques clics

web form factory

Il peut arriver, notamment lors de la réalisation de maquettes, d’être pressé par le temps. Dans ces cas là, l’interface est construite mais elle n’interagit pas encore avec la base de données.

Sortir les scripts de connexion, identifier le traitement des formulaires et le coder n’est pas compliqué en soit, loin de là, mais dans l’urgence c’est vite la chiourme.

Pour parer à l’urgence, il existe Web Form Factory, un générateur de code backend qui fabrique aux grandes masses le traitement associé aux formulaires.

Cet outil online fonctionne en 4 séquences.

  1. créez votre formulaire avec les champs de saisie au format html
  2. créez une page résultat simple au format html
  3. envoyez les deux pages sur web form factory
  4. récupérez le résultat et intégrez le dans votre projet.

Votre formulaire interagit maintenant avec votre base.

Evidemment, c’est un peu du travail de sagouin. Il faut retravailler l’ensemble pour le rendre plus optimal. Mais pour une maquette… ça dépanne.

Vidinotes – Créez vos modes d’emploi à partir de vos vidéos 0

Vidinotes – Créez vos modes d’emploi à partir de vos vidéos

Concevoir une notice d’utilisation nécessite de se creuser a minima la tête pour mettre efficacement en lumière les manipulations à effectuer, et se faire comprendre du lecteur.

Il faut reconnaître que l’exercice est un peu gonflant et qu’il serait préférable de coller une vidéo pour bien se faire comprendre. Seulement, suivre une recette de cuisine, un schéma de construction ou n’importe quoi qui exige une certaine attention ne permet pas l’utilisation du support vidéo (en tout cas, ça n’est pas pratique).

vidinotes

Choisir les couleurs de son site avec ColorScheme Designer 0

Choisir les couleurs de son site avec ColorScheme Designer

Lorsque l’on crée un site, un blog, un CMS, le choix des couleurs est primordial. De mauvaises alliances risquent de rendre le texte illisible ou de ne pas mettre en exergue rubriques et éléments importants.

Plutôt que d’y aller à tâtons, je vous propose aujourd’hui cet outil en ligne pour Web Designers :

color scheme designer

ColorScheme Designer est bourré de petites fonctionnalités bien sympathiques :

Blind Text Generator – Complétion Lorem Ipsum de maquettes de sites 1

Blind Text Generator – Complétion Lorem Ipsum de maquettes de sites

Lorsque l’on crée un site pour un client, il est fréquent de l’alimenter de texte aléatoire.

Le texte de remplissage le plus courant est le fameux Lorem Ipsum, segmentable en paragraphes, avec comme méthode de création du texte l’utilisation de Microsoft Word 2007.

blind text generator

Une autre manière de créer le texte est d’avoir recours à Blind Text Generator.

Lettre de rupture : Jetequitte.com 0

Lettre de rupture : Jetequitte.com

La rupture, c’est toujours un moment délicat à passer. Difficile de trouver les termes exacts, d’avancer la chose. Difficile également de choisir la manière de rompre. En direct, sur la pointe des pieds, par...

Paris 26 Gigapixels – Visite virtuelle en haute-définition 2

Paris 26 Gigapixels – Visite virtuelle en haute-définition

Le projet Paris 26 Gigapixels est issu de la rencontre d’un photographe, Arnaud Frich, et d’un logiciel, Autopano.

Autopano, édité par la société Kolor permet, à partir d’un grand nombre de photos d’un même lieu prises d’un même endroit, de créer un panorama.

Vous me direz que ça n’est pas neuf en soit. Il existe des appareils 360° pour faire ça. Ben ouais. Sauf qu’avec votre appareil 360, vous ne pouvez pas trop vous déplacer dans le décor, ou zoomer sur une zone, sans avoir d’effet aplati des éléments jouxtant cette zone. Autopano fait ça.