hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Cliquez pour trouver un schéma de couleurs avec ColourCode

Obtenir le bon schéma de couleurs peut exiger des concepteurs beaucoup d'effort manuel (et des opinions subjectives). Bonne nouvelle, il existe des outils qui peuvent vous faciliter la vie. Nous avons déjà couvert Adobe Kuler pour iOS ainsi qu'un outil pratique appelé 0to255 qui vous aide à obtenir facilement des codes HEX pour les nuances de couleur. Cette fois-ci, nous examinons plutôt ColourCode.

ColourCode est un outil basé sur le Web pour trouver des schémas de couleurs facilement. ColourCode vous permet de choisir des couleurs basées sur les valeurs HSL (Hue, Saturation, Lightness) . Il a quelques modes qui vous permettent de choisir des couleurs complémentaires en quelques clics et vous pouvez également télécharger les échantillons de couleurs dans quelques formats.

Utilisation de ColourCode

Une fois que vous êtes sur la page, passez votre souris n'importe où sur la page pour obtenir une couleur et son code couleur. Les couleurs continueront à changer chaque fois que vous déplacez votre curseur . Si vous aimez la couleur que vous voyez, cliquez dessus pour verrouiller votre choix. C'est si facile.

Pour ajouter une autre couleur, cliquez sur le Plus sur la droite et répétez le survol et le clic pour verrouiller dans une autre couleur. Pour supprimer un choix de couleur, cliquez simplement sur l' icône de la corbeille au milieu.

C'est ainsi que vous choisissez les nuances de couleur en mode de construction libre . Il y a quelques autres modes pour choisir des nuances de couleur.

Complément

Analogique

Monochrome

En plus de ces 4 modes, il y en a 5 de plus que vous pouvez explorer sur le site.

Ajustement manuel

Au bas de chaque couleur est une icône de flèche vers le bas. Cliquer dessus vous montre les détails de la couleur et d'autres options telles que la possibilité de changer le mode couleur manuellement (en cliquant dessus) parmi les formats HEX, RVB, HSL, CMJ, CMJN, XYZ ou YXY . Vous pouvez également utiliser les curseurs de couleur pour apporter des modifications.

Obtenir la couleur

Lorsque vous avez déterminé la couleur que vous souhaitez utiliser, vous pouvez l'obtenir au format SCSS, LESS ou PNG . Malheureusement, ColourCode ne vous fournit pas d'éditeur de code intégré pour copier et coller la source. Vous devez d'abord le télécharger, puis l'ouvrir avec votre éditeur de bureau.

Même ainsi, la source est seulement un définisseur de couleur à une seule ligne. Ce qui suit est un code source dans le fichier SCSS:

 $ color: # a8e2ba; 

Et celui-ci est en MOINS:

 @color: # a8e2ba; 

Linting JavaScript avec JSHint

Linting JavaScript avec JSHint

Linting dans la programmation informatique est le processus de code d'analyse statique pour trouver des problèmes comme la syntaxe incorrecte, et l'utilisation de code iffy . L'outil utilisé pour le peluchage est connu comme une charpie ou un linter . L'un des linters disponibles pour JavaScript aujourd'hui est JSHint.J

(Conseils techniques et de conception)

10 caractéristiques de conception Webmasters devrait (probablement) éviter

10 caractéristiques de conception Webmasters devrait (probablement) éviter

Il y a beaucoup de questions et de décisions prises au cours du développement web, répondre à ces questions sur ce qu'il faut inclure et ce qu'il faut omettre est peut-être l'une des tâches les plus difficiles à traiter. Le plus dur dans un sens que jusqu'à présent, de nombreux webmasters ne réalisaient toujours pas ce que les internautes n'aiment pas dans un site web .Qu'es

(Conseils techniques et de conception)