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


Créez des boutons radio animés amusants avec Radiobox.css

Les boutons radio HTML5 par défaut sont plutôt ennuyeux. Il existe des façons de les personnaliser en utilisant CSS3, mais la plupart des techniques se concentrent uniquement sur les looks .

Radiobox.css se concentre sur les looks et le style en ajoutant des animations CSS3 personnalisées aux entrées radio.

Cette bibliothèque est totalement gratuite et open source, disponible sur GitHub à télécharger. Avec cette bibliothèque CSS, vous pouvez choisir parmi plus de 12 animations différentes qui s'appliquent aux boutons radio.

Sans les styles CSS personnalisés, ils ressembleront toujours aux entrées radio normales . Mais lorsque l'utilisateur clique pour sélectionner un bouton, il obtient un effet d'animation fou . Vous pouvez voir des exemples en direct sur la page principale Radiobox qui montre chaque style à côté de son nom.

Vous pouvez installer Radiobox directement depuis npm ou bower, ou même télécharger les fichiers localement sur votre machine. GitHub héberge tous ses fichiers dans un CDN si vous voulez jouer sans rien télécharger.

Le seul fichier dont vous avez besoin est radiobox.min.css qui devrait aller directement dans votre tête de document . De là, vous ajoutez simplement une classe simple à chaque bouton radio en fonction de l'animation que vous voulez.

Voici un extrait de code pour l'effet "boing":

Notez que l'animation "boing" a son propre fichier CSS appelé boing.min.css . Cela doit être inclus si vous prévoyez d'utiliser cet effet sur la page.

Lorsque vous téléchargez Radiobox, vous devriez obtenir un répertoire de démonstration avec des démos en direct pour tous ces effets . Vous pouvez simplement copier / coller le code directement sur votre page pour le faire fonctionner sans tracas.

Pour une documentation complète, consultez le rapport principal ainsi que le site de démonstration en direct . Si vous souhaitez contacter les créateurs, vous pouvez envoyer un e-mail depuis le site Web de 720 Ko ou un message via Twitter @ 720 kb_ .

Nouvelles ressources pour les développeurs Web - Janvier 2017

Nouvelles ressources pour les développeurs Web - Janvier 2017

Cette série a parcouru un long chemin à travers lequel nous avons vu des outils de développement web aller et venir ; une fois qu'ils brillent, quelques mois plus tard, ils sont devenus obsolètes avec d'autres outils les plus récents. Néanmoins, nous avons quelques nouveaux outils sur la liste pour nos développeurs à explorer ce mois-ci, qui comprennent des bibliothèques JavaScript, un plugin Sketch pour la conception de l'interface utilisateur réactive et quelques frameworks CSS.Cliquez p

(Conseils techniques et de conception)

15 jeux et applications pour tirer le meilleur parti d'iMessages dans iOS 10

15 jeux et applications pour tirer le meilleur parti d'iMessages dans iOS 10

Les utilisateurs d'iOS peuvent désormais en faire plus sur les Messages que jamais, parsemer des conversations avec des autocollants de leur personnage de dessin animé préféré, utiliser des effets, jouer à des jeux et même planifier des événements ou réserver des tables aux endroits recommandés.Voici quel

(Conseils techniques et de conception)