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 utiliser les transitions et animations CSS3 pour mettre en évidence les modifications de l'interface utilisateur

Comment utiliser les transitions et animations CSS3 pour mettre en évidence les modifications de l'interface utilisateur

Les concepteurs et les artistes expérimentent depuis longtemps le mouvement, les effets et les différentes sortes d'illusions dans le but d'ajouter une couche supplémentaire à leur travail. Le mouvement op art a commencé à utiliser des illusions d'optique dans les années 1960 pour donner l'impression de mouvement.Depuis

(Conseils techniques et de conception)

Stockage cloud auto-hébergé: Nextcloud vs. ownCloud vs. Seafile

Stockage cloud auto-hébergé: Nextcloud vs. ownCloud vs. Seafile

Envisagez-vous de créer votre propre stockage cloud de type Dropbox pour votre équipe ou votre entreprise? Bien qu'il existe plusieurs solutions cloud auto-hébergées pour créer un cloud privé, toutes ne répondent pas à vos besoins.C'est pourquoi, dans ce post, je vais me confronter aux trois principales solutions de stockage en nuage auto-hébergées, à savoir Nextcloud, ownCloud et Seafile, pour vous aider à choisir le meilleur. Ces trois

(Conseils techniques et de conception)