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


Colors.css offre de nouveaux paramètres par défaut pour les couleurs sur le Web

Trouver un bon schéma de couleurs pour votre site Web n'est pas une tâche facile. Mais, cela devient beaucoup plus facile avec la bibliothèque de couleurs d'Adam Morse.

Cette bibliothèque CSS gratuite fonctionne à partir des couleurs Web originales qui ont été jugées «web safe» et d'abord publié avec HTML4 en 1999. Comme vous pouvez l'imaginer, le web a parcouru un long chemin depuis lors.

Avec Couleurs, vous pouvez remplacer les choix de couleur par défaut et utiliser des valeurs par défaut plus appropriées pour votre mise en page. Ces couleurs s'emboîtent beaucoup plus facilement et créent moins de tension en diluant le contraste .

Par exemple, au lieu de #000 pour le noir, cette bibliothèque utilise #111 pour conserver le même niveau d'obscurité tout en supprimant une partie du contraste discordant. Cela fonctionne beaucoup mieux pour le texte et pour les arrière-plans.

Vous pouvez installer Colors via npm ou via GitHub en téléchargeant directement la feuille de style.

Le meilleur de tous, il est livré avec des échantillons gratuits, vous pouvez importer dans vos programmes de conception pour un accès facile aux couleurs. Les fichiers de nuancier suivants sont inclus:

  • .aco (Photoshop)
  • .ase (Illustrateur / XD)
  • .gpl (Gimp / Inkscape)

Si vous concevez beaucoup de maquettes avec les couleurs par défaut, je vous recommande absolument de saisir une copie de ces échantillons. Vous serez surpris de voir à quel point ces couleurs peuvent s'intégrer dans n'importe quelle disposition.

De plus, Colors.css a même ses propres plans d'accessibilité où vous trouverez 90 combinaisons de couleurs qui répondent aux spécifications WCAG pour l'accessibilité de qualité. C'est énorme pour quiconque essaye de supporter le plus large public possible et c'est génial de voir des designers qui se soucient tellement du travail UI / UX moderne.

Mais plus important encore, c'est génial de voir autant de progrès dans la communauté open source.

C'est marrant de revenir sur les anciens sites pour voir à quel point ils se sont améliorés. Et, la même chose peut être dite pour les tendances générales de conception, en particulier les choix de couleurs et les bibliothèques CSS.

Pour en savoir plus sur la bibliothèque de couleurs, visitez la page principale et consultez les exemples en direct . Vous pouvez également extraire le fichier .css, ainsi que tous les fichiers swatch, directement depuis le dépôt GitHub .

Comment extraire du texte à partir d'images à l'aide de la ligne de commande

Comment extraire du texte à partir d'images à l'aide de la ligne de commande

Il est assez facile de lire une image et de tirer le texte vous-même. Mais tirer dynamiquement du texte à partir d'une photo est un peu plus difficile, et heureusement, imgclip offre une solution assez simple.Cet outil de ligne de commande s'exécute dans le terminal pour Mac, Windows et Linux. I

(Conseils techniques et de conception)

Comment activer la taille de la boîte dans Internet Explorer 7 [Quicktip]

Comment activer la taille de la boîte dans Internet Explorer 7 [Quicktip]

Nous avons couvert CSS3 Box Sizing dans un article précédent. Box Sizing, avec la valeur de border-box, nous permet de conserver la largeur et la hauteur de l'élément, quel que soit le padding et la bordure supplémentaires.Cela facilite la mesure et la définition de la taille des éléments . Toutef

(Conseils techniques et de conception)