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


Créer des spins et des chargeurs mono-élément avec CSSPIN

Vous pouvez créer des choses incroyables avec CSS3, des champs de saisie personnalisés aux listes déroulantes et même des graphiques vectoriels . Ces techniques dépassent rapidement JavaScript, ce qui permet aux développeurs de créer de meilleures expériences utilisateurs.

L'une des choses les plus délicates à construire est une animation spinner de chargement, mais l'animation CSS moderne rend même cela assez simple.

Pour gagner du temps à partir de rien, vous pouvez utiliser une bibliothèque comme CSSPIN avec des tonnes de spins personnalisés prédéfinis . Toutes ces animations sont libres de cloner et entièrement open-source, de sorte que vous avez un accès complet pour modifier le code que vous le souhaitez.

Configurer un spinner avec cette bibliothèque est un jeu d'enfant. Vous copiez simplement la bibliothèque CSS dans votre page, puis ajoutez les éléments HTML personnalisés à l' endroit où vous voulez qu'ils apparaissent.

Ces fileurs personnalisés utilisent un seul élément HTML pour créer l'effet d'animation. C'est énorme parce que l'effet graphique et l'animation sont rendus uniquement à travers les classes CSS .

Et, puisque vous avez accès au code source, vous pouvez remplacer les formes, les couleurs, les tailles et les vitesses d'animation pour mieux répondre à vos projets.

Notez simplement que le code utilise la syntaxe LESS, vous devez donc vous familiariser avec ce langage de prétraitement pour effectuer les modifications majeures.

Mais, vous pouvez trouver beaucoup d' exemples CSS simples sur la page de démonstration principale, avec des instructions simples sur la page GitHub.

Si vous êtes familier avec npm ou Bower, ce sont des méthodes alternatives pour installer la librairie.

Peu importe comment vous l'avez installé, c'est une excellente bibliothèque d'animation CSS avec laquelle travailler. Il est destiné à être entièrement modulaire avec beaucoup de place pour de nouveaux fileurs, de nouvelles animations et des personnalisations d'autres développeurs.

Pour en savoir plus et parcourir toute la documentation, consultez le repo CSSPIN sur GitHub . Le créateur a également fait une petite vidéo d'installation que vous pouvez regarder ci-dessous.

Les concepteurs devraient-ils commencer à l'école de design?

Les concepteurs devraient-ils commencer à l'école de design?

Le design graphique et la conception web, est devenu un cheminement de carrière populaire dans la dernière décennie. En tant que tel, peu importe qu'un aspirant designer décide de fréquenter une école traditionnelle de briques et de mortier ou une école en ligne, il y a toujours une pléthore de classes professionnelles, diplômes et certifications pour les aider à démarrer dans ce domaine compétitif.Pourtant, b

(Conseils techniques et de conception)

Composants de 8 AMP pour l'intégration des médias sociaux

Composants de 8 AMP pour l'intégration des médias sociaux

Le plus gros conflit que la norme Web mobile de Google, Accelerated Mobile Pages, doit résoudre, est de rendre les sites mobiles plus rapides, tout en les maintenant fonctionnels et riches en contenu . Ces jours-ci le contenu riche et attrayant peut difficilement être imaginé sans embarquer des sites populaires de médias sociaux - tweets, vidéos, audios, messages, photos.Les

(Conseils techniques et de conception)