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 .

Éléments d'infographie par vecteur ouvert Stock

Éléments d'infographie par vecteur ouvert Stock

Si vous avez trouvé beaucoup d'infographies en ligne, vous avez peut-être songé à libérer les vôtres. Il y a beaucoup d'outils pour vous aider à le faire assez facilement, mais votre design sera loin d'être unique en termes de design. Pour vous aider, nos amis de Vector Open Stock ont sorti un billet de faveur exclusivement pour les lecteurs de hongkiat.com.Vec

(Conseils techniques et de conception)

36 Modèles et tutoriels de haute qualité pour concevoir un site Web d'entreprise

36 Modèles et tutoriels de haute qualité pour concevoir un site Web d'entreprise

C'est un fait que les entreprises du monde réel ont essayé très dur d'infuser leur marque sur le web, en raison de la popularité de l'Internet. Apple le sait, Coca-Cola le sait, même un magasin local de produits frais près de chez moi le sait.Pour une société géante comme Nike, ils peuvent probablement investir une petite partie de leur fonds pour embaucher un concepteur web de premier ordre pour construire un site épique, mais pour les petites entreprises sans fonds et expérience de conception, ce sera un défi crucial pour eux d'obtenir leur site Web existait en ligne avec un b

(Conseils techniques et de conception)