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


Code Typage des animations de texte avec jQuery TypeIt

Le combo de jQuery et de texte n'a pas de limite sur le web. Vous pouvez construire presque n'importe quoi avec un peu de créativité et les bonnes bibliothèques JavaScript.

Une telle bibliothèque est TypeIt, construite comme un plugin jQuery gratuit. Il vous permet de créer des animations de typage dynamique incroyablement réalistes. Vous pouvez même définir des pauses personnalisées entre les séquences de touches pour créer votre propre accélération pour l'animation.

TypeIt est 100% gratuit et open-source, construit comme un outil de texte pour la communauté jQuery . Toute la documentation est disponible en ligne et incroyablement facile à suivre.

Cependant, notez que si TypeIt est fourni avec une licence personnelle gratuite, les licences commerciales coûtent malheureusement de l'argent. Mais, vous pouvez utiliser la licence personnelle gratuite pour toujours et elle n'expire jamais, c'est donc une excellente ressource pour tous vos projets personnels ou même votre site Web personnel.

Vous pouvez commencer en ajoutant le fichier JavaScript TypeIt brut via CDN directement à l'en-tête de votre page. Ajoutez ensuite jQuery, écrivez du texte et connectez-le tous ensemble. Simple!

Généralement, vous allez cibler une div spécifique sur la page et l'utiliser comme un conteneur pour l'animation de texte. Voici un exemple de fragment de code pour vous montrer comment cela fonctionne:

 $ ('.type-it'). typeIt ({chaînes: ['Ceci est ma chaîne!']}); 

En passant des options personnalisées à la fonction typeIt(), vous pouvez ralentir la vitesse de frappe, ajouter des pauses à certains intervalles et même réinitialiser les paramètres à certains intervalles pour modifier la vitesse de frappe au milieu de l'animation.

Vous pouvez même tester ces options sur la page du plugin si vous êtes prêt à passer du temps à jouer avec les paramètres.

Ce générateur d'animation de texte est l'exemple parfait de ce que vous pouvez faire avec ce plugin. Vous obtenez tellement d'options personnalisées que vous pouvez même créer une application web, en utilisant ce plugin, pour créer des animations à la volée !

Sur la page principale du plugin, vous trouverez également des options plus avancées vers le bas avec des extraits de code que vous pouvez copier.

Alors, téléchargez TypeIt et donnez-lui un coup de feu! Une fois que ça fonctionne, c'est vraiment très amusant. Et, si vous avez des questions ou des suggestions pour le développeur, vous pouvez vous connecter avec lui sur Twitter @amacarthur.

15 photos de parents créatifs et d'enfants qui inspirent vraiment

15 photos de parents créatifs et d'enfants qui inspirent vraiment

Les enfants deviennent adultes en quelques années seulement. C'est pourquoi certains parents sont si déterminés à documenter leurs souvenirs avec leurs enfants de la manière la plus impressionnante possible, tout en les soumettant à des expériences créatives, bien sûr!Dans ce post, nous avons rassemblé une collection passionnante de 16 photos capturées ou manipulées par des parents, qui semblent également être des créatifs qui aiment faire faire des choses magiques à leurs enfants . Amusez-vous bi

(Conseils techniques et de conception)

Exporter des calques Photoshop facilement avec Cut & Slice Me

Exporter des calques Photoshop facilement avec Cut & Slice Me

Couper et trancher dans le processus de conception est sans aucun doute un travail qui prend du temps. De plus, cela devient de plus en plus compliqué lorsque vous devez couper et découper des centaines de couches à différentes échelles .Bien sûr, il existe des copies fusionnées, des couches d'exportation vers des fichiers ou des fonctions de découpe dans Photoshop. Mais c

(Conseils techniques et de conception)