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


Wicked CSS - Une nouvelle bibliothèque d'animation en Pure CSS3

Grâce à CSS3, vous pouvez créer des animations folles sur le web. Ceux-ci peuvent fonctionner à travers tous les navigateurs et les éléments de la page pour contrôler les éléments de navigation, les listes déroulantes, les onglets, vous l'appelez.

En fait, vous pouvez même générer ces codes dynamiquement en utilisant des outils d'animation. Mais ceux-ci sont assez limités par rapport à une bibliothèque d'animation à part entière.

Wicked CSS est la plus récente bibliothèque de son genre. Cela me rappelle le début Animate.css qui était assez simple et rudimentaire, mais pourrait être utilisé dans à peu près n'importe quel site Web.

Jetez un coup d'œil sur la page d'accueil pour une démo en direct avec une liste de toutes les animations supportées. Au moment d'écrire cet article, je compte 24 styles d'animation au total, allant des diapositives aux rotations et aux effets de pulsation / rebondissement.

Beaucoup de ces animations sont des fonctionnalités uniques utilisées pour mettre un élément en vue (ou hors de vue). C'est pratique pour les pages avec des animations de défilement pour cibler des éléments de page spécifiques.

Vous pouvez également utiliser cette option pour afficher (ou masquer) des éléments de page supplémentaires tels que des menus déroulants, des barres de recherche, des formulaires d'inscription masqués ou tout autre élément. Voici une petite liste d'animations que vous pouvez choisir:

  • Secouer
  • Zoom avant / arrière
  • Glisser vers le haut / bas
  • Disparaître
  • Rolling in / out
  • Bounce et pop
  • Rotation circulaire in / out

Tous ces styles d'animation sont conçus pour un usage unique. Ils peuvent être appelés plusieurs fois par page et par élément, mais ce ne sont pas des animations répétées .

Au lieu de cela, vous les utiliserez en fonction de l'effet de clic, de survol ou de balayage d'un utilisateur. Ils peuvent également être utilisés sur les boutons CTA pour pulser / pulser des effets, mais cela nécessite une fonction de synchronisation JavaScript.

Jetez un oeil à la page des exemples pour un aperçu en direct et quelques plus de détails. Vous trouverez également une documentation complète sur le site principal avec le repo GitHub.

Wicked CSS est une librairie plus récente, elle n'a pas encore beaucoup de succès. Mais la bibliothèque est stable et il y aura probablement des années à venir.

50 cartes de la Saint-Valentin geek que vous aimeriez recevoir

50 cartes de la Saint-Valentin geek que vous aimeriez recevoir

La Saint-Valentin arrive bientôt (si vous l'avez oublié, c'est votre rappel), donc vous cherchez probablement des idées de cadeaux et des cartes. Au lieu des cartes V-day ringardes, faites-à-mort, lovey-dovey que vous envoyez comme une obligation plutôt que parce que vous connaissez réellement votre autre significatif, nous avons ici une compilation de 50 cartes de Saint-Valentin adorables.Scrat

(Conseils techniques et de conception)

La couleur sûre est les concepteurs d'outil de prélèvement de couleur conformes aux WCAG ont besoin

La couleur sûre est les concepteurs d'outil de prélèvement de couleur conformes aux WCAG ont besoin

Les concepteurs Web poussent constamment vers plus d'accessibilité . Cela signifie un soutien accru sur le Web pour les déficiences auditives et visuelles, ce qui peut inclure des problèmes de lecture de sites Web à fort contraste.L'application Web Color Safe est parfaite pour trouver les bonnes couleurs qui correspondent exactement à ce dont vous avez besoin. Il

(Conseils techniques et de conception)